#map-wrapper {
    display: block;
    width: 100%;
}

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

#map-wrapper #map {
    height: 45vh;
    min-height: 260px;
}

@media (min-width: 768px) {
    #map-wrapper #map {
        height: 55vh;
        min-height: 380px;
    }
}

@media (min-width: 1200px) {
    #map-wrapper #map {
        height: 65vh;
        min-height: 520px;
        max-height: 800px;
    }
}

#map-wrapper.hidden {
    height: 0;
}

.scrolloff {
    pointer-events: none;
}

@media (max-width: 1024px) {
    .scrolloff {
        pointer-events: auto !important;
    }
}