@media (max-width: 768px) {
    .header, .navbar {
        font-size: 14px; /* Adjust font size for smaller screens */
    }

    .video-overlay h1 {
        font-size: 24px; /* Adjust overlay text size */
    }
}

/*.navbar, .header {*/
    /*position: relative;*/
    /*z-index: 10; !* Higher z-index than the video *!*/
    /*!*background-color: rgba(0, 0, 0, 0.5); !* Optional: Semi-transparent background *!*!*/
    /*color: #fff; !* For text to stand out *!*/
/*}*/

/*#bg-video {*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*object-fit: cover;*/
    /*z-index: -1; !* Places the video behind other content *!*/
/*}*/

/*.main-banner {*/
    /*position: relative;*/
    /*height: 100vh; !* Full height of the viewport *!*/
    /*overflow: hidden;*/
/*}*/


/*------------------------------------------------------------*/
.avr-video-header-text{
    /*text-decoration-color: white;*/
    color: white;
}

.avr-video-header-subtext{
    color: lightcyan;
}



.main-banner {
    position: relative;
    height: 100vh;
    padding: 0;
    margin: 0;
    overflow: hidden;
}


#bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.video-overlay {
    position: absolute;
    background-color: rgba(31,39,43,0.55);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}