html, body {
    height: 100%;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    /* font-size: 12px; */
    /* line-height: 20px; */
    color: #252525;
}

body {
    table-layout: fixed;
}

#map { 
    height: 100%;
    width: 100%;
}

.img-shadow {
    -webkit-filter: drop-shadow(1px 1px 1px #252525);
    filter: drop-shadow(1px 1px 1px #252525);
}

.img-logo-sc-header {
    padding-left: 10px;
}

.nav-link {
    color: #252525;
}

.nav-link:hover {
    color: #02c245;
}
.row-map-section {
  height: 85vh;
  border-bottom: 3px solid #252525;
  border-top: 3px solid #252525;
  padding: 0;
}
#footer {
  height: 3vh;
}
/* mobile */
@media screen and (max-width: 576px) {
  .row-map-section {
    height: 72vh;
  }
}
/* || Landscape Phone */
@media screen and (min-width: 576px) {
  .row-map-section {
    height: 54vh;
  }
}
/* || Tablets */
@media screen and (min-width: 768px) {
}
/* || Desktops */
@media screen and (min-width: 992px) {
  .row-map-section {
    height: 82vh;
  }
}
/* || Large Desktops */
@media screen and (min-width: 1200px) {
  .row-map-section {
    height: 82vh;
  }
}
/* || Larger Desktops */
@media screen and (min-width: 1400px) {
  .row-map-section {
      height: 86vh;
  }
}

/* leflet custom */
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
    border: 2px solid rgb(36 36 36);
}