body { margin: 0; padding: 0; }
#map { z-index: -1; position: absolute; top: 0; bottom: 0; width: 100%; }
.header { 
    z-index: 1;
}
.mapboxgl-popup {
    max-width: 400px;
    font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
    }
.footer {
    z-index: 1;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    align-content: center;
    /* background-color: rgb(52, 51, 50); */
    text-align: center;
    /* opacity: 1; */
}