@media screen and (max-width:1400px){
    #section{
        height:83vh;
        margin-bottom: 6rem;
    }
.home-info{
    flex-wrap: ;
padding-bottom: 75%;
}
}
@media screen and (max-width: 1200px){
   #desktop-nav{
        display:none;
    
    }
    #hamburger-nav{
        display:flex;
    }

}

@media screen and (max-width:1200px){

.bars-animation .bar{
    display: none;
}

@media screen and (max-width:1200px){
    .sci a color: #000;
    padding-bottom: 50%;

}

@media screen and (max-width:780px){
    .wrapper { 
        width: 600px;
        margin:0 auto;

}

@media screen and (max-width:780px){
    .iframe
{
    padding-right: 50%;
}

@media screen and(max-width:1200px){}
 .home-img .img-box::before,
    .home-img .img-box::after{
width: 33vw;
height:33vw;

}