@media (max-width: 767px) {
    #about video {
        width: 100% !important;
        height: auto !important;
    }
    .carousel-item h3 {
        font-size: calc(1rem + .6vw);
    }
    .carousel-item h5 {
        font-size: 1rem;
    }
}
@media (min-width: 1200px) {
    .carousel-caption {
        right: 15%;
        top: 25%;
        bottom: unset !important;
        text-align: left !important;
    }    
    .carousel-caption {
        padding-bottom: 0.5rem; 
        max-width: 35% !important;
    }
}
@media (max-width: 1200px) {
    .carousel-caption {
        max-height: 60% !important;
    }
    .mw-custom {
        max-width: 100% !important;
        max-height: 50% !important;
    }
}
@media (max-width: 991px) {
    .width-adaptive {
        width: 75% !important;
    }
    body {
        padding-bottom: 87px !important;
    }
    html {
        height: -webkit-fill-available;  
        height: 100vh;
    }
    body {
        min-height: 100vh;
        padding-bottom: env(safe-area-inset-bottom); 
    }
    
    .fixed-bottom {
        bottom: env(safe-area-inset-bottom, 0); 
    }
}