body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

#map {
    height: calc(100vh - 16rem);
    width: 100%;
    margin: 0;
    padding: 0;
}

@media (max-width: 768px) {
    #map {
        height: calc(100vh - 8rem);
    }
}