#main_nav .nav-link.active { color: #b89965; }

@media (max-width: 991.98px) {
  /* Bootstrap rows carry negative gutters and the containers around them
     lack the matching padding, so at narrow widths the page scrolls
     sideways into blank space. (Moved here from index.html.) */
  html, body { overflow-x: hidden; }
  body.menu-opened { overflow: hidden; }
  body.menu-opened #navbar_top { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100vh; overflow-y: auto; align-items: flex-start; align-content: flex-start; }
  body.menu-opened #main_nav ul li.nav-item a.nav-link.active { color: #b89965; }
}

#map { min-height: 25vw; }
#map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; filter: grayscale(1); }
@media (max-width: 991.98px) {
  #map { min-height: 70vw; }
}