@font-face {
  font-family: Gotham Narrow Medium;
  src: url("/map/Gotham Narrow Medium.1c242b64.eot");
  src: url("/map/Gotham Narrow Medium.1c242b64.eot#iefix") format("embedded-opentype"), 
       url("/map/Gotham Narrow Medium.ec84f7f2.woff2") format("woff2"), 
       url("/map/Gotham Narrow Medium.9cde7124.woff") format("woff"), 
       url("/map/Gotham Narrow Medium.2b981bee.svg#Gotham%20Narrow%20Medium") format("svg");
  font-weight: 350;
  font-style: normal;
  font-stretch: condensed;
  unicode-range: U+20-FE;
}

@font-face {
  font-family: Gotham Narrow Medium;
  src: url("/map/GothamNarrow-MediumItalic.0a17face.eot");
  src: url("/map/GothamNarrow-MediumItalic.0a17face.eot#iefix") format("embedded-opentype"), 
       url("/map/GothamNarrow-MediumItalic.3acae02a.woff2") format("woff2"), 
       url("/map/GothamNarrow-MediumItalic.9e790f7a.woff") format("woff"), 
       url("/map/GothamNarrow-MediumItalic.470cd06f.svg#GothamNarrow-MediumItalic") format("svg");
  font-weight: 350;
  font-style: italic;
  font-stretch: condensed;
  unicode-range: U+20-FE;
}

@font-face {
  font-family: Gotham Narrow Medium;
  src: url("/map/GothamNarrow-Medium.37773d8c.eot");
  src: url("/map/GothamNarrow-Medium.37773d8c.eot#iefix") format("embedded-opentype"), 
       url("/map/GothamNarrow-Medium.f6a17a2b.woff2") format("woff2"), 
       url("/map/GothamNarrow-Medium.3849fd1a.woff") format("woff"), 
       url("/map/GothamNarrow-Medium.2b676dce.svg#GothamNarrow-Medium") format("svg");
  font-weight: 350;
  font-style: normal;
  font-stretch: condensed;
  unicode-range: U+20-FE;
}

.topnav {
  z-index: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  top: 100px;
}

.container-fluid {
  background-color: #676869;
  width: 100%;
}

#map {
  padding-left: 0;
  padding-right: 0;
}

.bg-jbr {
  background-color: #676869;
}

.fixed-top .container-fluid {
  padding: .5rem;
}

.nav {
  align-items: center;
}

.nav-link {
  color: #fff;
  font-weight: bold;
}

.nav-link:hover {
  color: #fff;
}

.btn-primary {
  background-color: #ec6947 !important;
  border-color: #ec6947 !important;
}

.btn-primary:hover {
  background-color: #fbbb10 !important;
  border-color: #fbbb10 !important;
}

.padding-7 {
  padding-top: 7px;
}

.navlinkbtn {
  color: #000;
  background-color: #d5d5d5;
  border-radius: 25px;
  margin-left: .5rem;
  font-size: 14px;
  font-weight: bold;
}

.swapbtncontainer {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

#swapbtn {
  cursor: pointer;
  transform: rotate(90deg);
}

.dropdown-image {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

canvas {
  font-family: Gotham Narrow Medium;
}

.onmainview {
  display: none;
}

@media only screen and (width <= 600px) {
  .onmainview {
    margin-top: .5rem;
    display: flex;
  }

  .onmainview a {
    color: #fff;
    margin-left: .7rem;
    font-weight: bold;
    text-decoration: none;
  }

  .onmobileview {
    display: none;
  }
}