@media (hover: none){
    #video_gallery .boxes .box .textbox {
        opacity: 1 !important;
    }
    .boxes .box img {
        position: absolute;
        height: 100%;
    }
    .boxes .box .textbox{
        backdrop-filter: blur(2px);
    }

}

@media only screen and (max-width: 2000px){
    .text-box h2{
        font-size: 200px;
    }
    /* .boxes {
        height: 5200px;
    } */
}

@media only screen and (max-width: 1800px){
    .text-box h2{
        font-size: 180px;
    }
    .background_video {
        height: 900PX;
    }
    .background_video video{
        width: auto;
        height: 100%;
        object-fit: cover;
    }

    /* .boxes {
        height: 4700px;
    } */
}

@media only screen and (max-width: 1650px){
    .text-box h2{
        font-size: 160px;
    }
    .text-box h2 span{
        font-size: 200px;
    }
    /* .boxes {
        height: 4300px;
    } */
    .wrapper{
        width: 40%;
    }
}

@media only screen and (max-width: 1450px){
    .wrapper{
        width: 50%;
    }
    .text-box {
        height: 900px;
    }

    .text-box h2{
        font-size: 130px;
    }
    .text-box h2 span{
        font-size: 170px;
    }

    .background_video {
        height: 900PX;
    }
    .background_video video{
        width: auto;
        height: 100%;
        object-fit: cover;
    }
    .boxes .box .textbox h2{
        font-size: 70px;
    }
    .boxes .box .textbox h3{
        font-size: 35px;
    }
    .boxes .box .textbox h4{
        font-size: 25px;
    }
    /* .boxes {
        height: 3800px;
    } */
}


@media only screen and (max-width: 1150px){
    .wrapper{
        width: 60%;}
    .text-box h2{
        font-size: 110px;
    }
    .text-box h2 span{
        font-size: 150px;
    }
    .boxes .first .textbox h2{
        font-size: 45px !important;
    }
    .boxes .box .textbox h2{
        font-size: 55px;
    }


    .boxes .box .textbox h3{
        font-size: 30px;
    }
    .boxes .box .textbox h4{
        font-size: 20px;
    }
    /* .boxes {
        height: 3000px;
    } */
}

@media only screen and (max-width: 1050px){
    /* .boxes {
        height: 2700px;
    } */
}


@media only screen and (max-width: 1000px){
    /* .boxes {
        height: 2600px;
    } */
}


@media only screen and (max-width: 900px){
    .text-box h2{
        font-size: 90px;
    }
    .text-box h2 span{
        font-size: 130px;
    }
    .text-box {
        height: 100%;
    }

    .background_video {
        height: 700PX;
        filter: blur(5px) !important; 
    }
    .background_video video{
        width: auto;
        height: 100%;
        object-fit: cover;
    }
    /* .boxes {
        height: 2400px;
    } */
}


@media only screen and (max-width: 800px){
    .wrapper{
        width: 70%;}
    .boxes .box .textbox{
        backdrop-filter: blur(0px);
    }

    #video_gallery .boxes .box .textbox {
        opacity: 1 !important;
    }
    .text-box h2{
        font-size: 70px;}
    .text-box h2 span{
        font-size: 110px;
    }
    .text-box {
        height: 100%;}
    .background_video {
        height: 400PX;
        filter: blur(3px) !important; }
    .background_video video{
        width: auto;
        height: 100%;
        object-fit: cover;}
    .photos img {
        margin: 1%;
        width: 48%;
        border-radius: 5px;}
    .boxes .box {
        width: 46%;}

    .boxes .box:nth-child(2n+1) {
        transition-delay: 0ms;
    }
    
    .boxes .box:nth-child(2n) {
        transition-delay: 200ms;}
    

    .boxes .first .textbox h2{
        font-size: 55px !important;
    }
    .boxes .box .textbox h2{
        font-size: 65px;
    }
    .boxes .box .textbox h3{
        font-size: 40px;
    }
    .boxes .box .textbox h4{
        font-size: 30px;
    }


    .boxes .twentysix{
        visibility: hidden;
        display: none;
    }

    /* .boxes {
        height: 5000px;
    } */

    footer .textbox h2{
        font-size: 25px;
    }

    footer .textbox h3{
        font-size: 10px;
    }

}

@media only screen and (max-width: 700px){
    /* .boxes {
        height: 4300px;
    } */
    footer .textbox h2{
        font-size: 20px;
    }

    footer .textbox h3{
        font-size: 10px;
    }
    nav li h2 {
        font-family: "lato",sans-serif;
        font-size: 20px;
        font-weight: 300;
    }
    .text-box h2{
        font-size: 65px;
    }
    .text-box h2 span{
        font-size: 80px;
    }
}


@media only screen and (max-width: 650px){
    /* .boxes {
        height: 4050px;
    }} */}

@media only screen and (max-width: 600px){
    .box .textbox h3{
        display: none;
    }
    footer .textbox {
        justify-content: space-around;
    }
    nav{
        padding: 0px 25px;
    }
    nav li h2 {
        font-family: "lato",sans-serif;
        font-size: 24px;
        font-weight: 300;
    }

    .hideOnMobile {
        display: none;
    }
    .text-box h2{
        font-size: 50px;
    }
    .text-box h2 span{
        font-size: 65px;
    }

    .boxes .first .textbox h2{
        font-size: 40px !important;
    }
    .boxes .box .textbox h2{
        font-size: 35px;
    }
    .boxes .box .textbox h3{
        font-size: 25px;
    }
    .boxes .box .textbox h4{
        font-size: 20px;
    }
    /* .boxes {
        height: 3700px;
    } */

    footer .textbox .email{
        width: 100%;
        margin-left: 0%;
        border-top: 2px solid white;
        border-bottom: 0px solid white;
        padding-top: 5%;
    }
    footer .textbox .number{
        width: 100%;
        margin-right: 0%;
    }

    footer .textbox h2{
        font-size: 30px;
        margin-bottom: 5%;

    }

    footer .textbox h3{
        font-size: 15px;
    }

    #socials{
        width: 70%;
    }
}

@media only screen and (max-width: 500px){
    /* .boxes {
        height: 3100px;
    } */
    nav li h2 {
        font-family: "lato",sans-serif;
        font-size: 22px;
        font-weight: 300;
    }

    

}

@media only screen and (max-width:450px) {
    /* .boxes {
        height: 2800px;
    } */
    .boxes .first .textbox h2{
        font-size: 32px !important;
    }
}

@media only screen and (max-width: 400px){
    .wrapper{
        width: 80%;}
    .popup-image span{
        font-size: 50px;
    }

    .thirteen .textbox h2{
    font-size: 30px !important;
    }
    .thirteen .textbox h3{
    font-size: 15px !important;
    }

    .twenty .textbox h2{
        font-size: 35px !important;
    }

    .text-box h2{
        font-size: 40px;
    }
    .text-box h2 span{
        font-size: 60px;
    }
    .boxes .first .textbox h2{
        font-size: 30px !important;
    }
    .boxes .box .textbox h2{
        font-size: 30px;
    }
    .boxes .box .textbox h3{
        font-size: 20px;
    }
    .boxes .box .textbox h4{
        font-size: 15px;
    }
    /* .boxes {
        height: 2500px;
    } */
    footer .textbox h2{
        font-size: 25px;
    }

    footer .textbox h3{
        font-size: 15px;
    }
    #socials{
        width: 80%;
    }
}



@media(min-aspect-ratio: 16/9 ){
    .background_video{
        width: 100vw;
        height: 90vh;
        overflow: hidden;
        filter: blur(10px);
        opacity: .8;
        object-fit: cover;


    }
    .background_video video{
        width: 100vw;
    }
}

@media(max-aspect-ratio: 16/9 ){
    .background_video{
        height: 90vh;
        filter: blur(10px);
        opacity: .8;
        object-fit: cover;
    }

    .background_video video {
        width: 100vw;
    }
}