/* small tablet styles */
@media screen and (min-width: 768px){  
    html{
        overflow-x: hidden; 
    }
    #hero{
        position: relative;
        top: 12rem;
        max-width: 45rem;
        height: 140rem;
        margin: auto;
    }
}







@media screen and (min-width: 1024px){ 
    html{
        overflow-x: hidden; 
    }
    #hamburger-nav{
        display: none;
    }
    #navbar{
        display: flex;
        width: 43.5rem;
    }
    #hero{
        position: relative;
        top: 12rem;
        max-width: 45rem;
        height: 120rem;
        margin: auto;
    }
    #contacts{
        width:100vw;
        padding-inline:10rem ;
    }
    .contacts__container{
        max-width:70.5rem;
        margin: auto;

   }
    .logo1{
        width: 50%;
    }
    .contacts__wrapper{
        flex-direction: row;
        justify-content: space-between;
    }
    .wrap--box{
        display: flex;
        justify-content: space-between;
        gap: 4rem;
    }
    .bux {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }
 }





@media screen and (min-width: 1440px){ 
    html{
        overflow-x: hidden; 
    }
    #hamburger-nav{
        display: none;
    }
    #navbar{
        display: flex;
        width: 46.5rem; 
    }
    #hero{
        position: relative;
        top: 12rem;
        max-width: 45rem;
        height: 120rem;
        margin: auto;
    }
    .terms--card h1{
        font-size: 3rem;
       
    }



    #contacts{
        width:100vw;
        padding-inline:10rem ;
    }
    .contacts__container{
        max-width:70.5rem;
        margin: auto;

   }
    .logo1{
        width: 50%;
    }
    .contacts__wrapper{
        flex-direction: row;
        justify-content: space-between;
    }
    .wrap--box{
        display: flex;
        justify-content: space-between;
        gap: 4rem;
    }
    .bux {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }
 }