.bg-principal-navbar-outside{
    background-color: rgba(0, 103, 91, 0.5) !important;
}
.carousel-caption{
    background-color: rgba(0, 0, 0, 0.5) !important;
} 
.section{
    padding: 2rem !important;
}
@media (min-width: 1200px) {
    /*xl*/ 
    #mapMax4 {
        width: 900px;
        height: 400px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    /*lg*/
    #mapMax4 {
        width: 700px;
        height: 300px;
    }
}
@media (min-width: 669px) and (max-width: 991px) { 
    /*md*/
    #mapMax4 {
        width: 500px;
        height: 200px;
    }
}
@media (min-width: 350px) and (max-width: 668px) {
    /*sm*/
    #mapMax4 {
        width: 300px;
        height: 100px;
    }
}
@media (min-width: 0px) and (max-width: 349px) {
    /*xs*/
    #mapMax4 {
        display: none;
    }
}