#scroll-content {
  scroll-behavior: smooth;
}

#map-responsive-wrapper {
  position: relative;
}

#map-content-dummy {
  padding-top: 40%;
  background: #013a57;
}

@media screen and (max-width: 600px) {
  #map-content-dummy {
    padding-top: 400px;
  }
}

#map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 400px;
  height: 100%;
}

.leaflet-tile {
  /* filter: hue-rotate(30deg); */
  /* filter: grayscale(74%); */
  filter: saturate(22) grayscale(100%) brightness(111%);
  /* filter: saturate(0) sepia(15%) grayscale(45%) brightness(105%) hue-rotate(10deg); */
}

.leaflet-container {
  background: #efefef;
}