body {
    font-family: 'Noto Sans', sans-serif;
    max-width: 100%;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
    margin: 2vh auto;
    padding: 2vh auto 1vh auto;
}

.container-fluid {
    height: 100vh;
}

#title-info {
    text-transform: uppercase;
    padding-right: 8%;
    /* height: 10vh; */
}

#map-container {
    position: relative;
    min-width: 100%;
}

#map {
  height: 350px;
}

.mapboxgl-ctrl-geocoder {
    min-width: 100%;
    /* height: 5.5vh; */
}

#info-box {
    font-weight: bold;

}

footer {
    height: 5vh;
}


h1 {
    font-size: calc(.7rem + .7vw);
    font-weight: 800;
    letter-spacing: .02rem;
}

h2 {
    font-size: calc(.6rem + .5vw);
    font-weight: 750;
}

td {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
  }