:root {
  --viewportheight: calc(var(--vh, 1vh) * 100);
}
.web-map__main .leaflet-map {
    height: calc(var(--viewportheight) - var(--headerHeight) - var(--footerHeight)) !important;
}
@media (max-width: 909px) {
  html {
    overflow: hidden;
  }
  body {
    width: 100%;
    height: 100%;
    position: fixed;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .web-map__main .leaflet-map {
    height: calc(var(--viewportheight) - var(--headerHeight) - var(--footerHeight) - 220px) !important;
    /* height: calc(100% - 130px) !important; */
  }
}