.map-responsive {
    position: relative;
    padding-bottom: 155%;
    height: 0;
    overflow: hidden;
}

@media (min-width:992px) {
    .map-responsive {
        padding-bottom: 56.5%;
    }
}

.map-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


#carouselOBPIndicators .carousel-item img {
    object-fit: contain;
    object-position: center;
    overflow: hidden;
    height: 50vh;
}

h1:focus {
    outline: none;
}