@media (max-width: 1000px){

    .container{
        width:90%;
    }

    .hero{
        grid-template-columns:1fr;
        text-align:center;
        padding-top:140px;
    }

    .hero-left{
        margin:auto;
    }

    .hero-image{
        margin-top:50px;
    }

    .hero-image img{
        max-width:600px;
    }

    .services-grid{
        grid-template-columns:1fr;
    }

    .feature-grid{
        grid-template-columns:repeat(2, 1fr);
    }

    .stats-grid{
        grid-template-columns:repeat(2, 1fr);
    }

    .stat:nth-child(2){
        border-right:none;
    }

    .process-line{
        grid-template-columns:repeat(2, 1fr);
    }

    .process-line::before{
        display:none;
    }

    .contact-grid{
        grid-template-columns:1fr;
        gap:60px;
    }

    .footer-grid{
    grid-template-columns:repeat(2, 1fr);
}

}

@media (max-width: 650px){

    html{
        scroll-padding-top:70px;
    }

    header .container{
        height:70px;
    }

    .logo img{
        height:55px;
    }

    nav{
    position:fixed;

    top:0;
    right:-100%;

    width:80%;
    height:100vh;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    gap:35px;

    background:rgba(10,10,10,.98);

    transition:.45s;

    z-index:1000;
}


.footer{
    padding-top:70px;
}

.footer-grid{
    grid-template-columns:1fr;
    gap:45px;
}

.footer-bottom{
    flex-direction:column;
    gap:10px;
}

nav.open{
    right:0;
}

nav a{
    font-size:24px;
}

.menu-toggle{
    display:block;
}

    .hero{
        min-height:auto;
        padding:130px 0 80px;
    }

    .hero-left h1{
        font-size:46px;
    }

    .hero-left p{
        font-size:17px;
    }

    .buttons{
    flex-direction:column;
}

    .buttons a{
    width:100%;
    text-align:center;
}

    .features,
    .services,
    .process,
    .cta,
    .contact{
        padding:80px 0;
    }

    .section-title{
        margin-bottom:50px;
    }

    .section-title h2{
        font-size:36px;
    }

    .feature-grid{
        grid-template-columns:1fr;
    }

    .stats-grid{
        grid-template-columns:1fr;
    }

    .stat{
        border-right:none;
        border-bottom:1px solid #242424;
    }

    .stat:last-child{
        border-bottom:none;
    }

    .process-line{
        grid-template-columns:1fr;
    }

    .cta-box{
        min-height:auto;
        padding:50px 30px;
    }

    .cta-content h2{
        font-size:42px;
    }

    .cta-decoration{
        font-size:180px;
        right:-40px;
    }

    .contact-info h2{
        font-size:42px;
    }

    .contact-form{
        padding:25px;
    }

    .form-row{
        grid-template-columns:1fr;
    }

}

.brand-message{
    flex-direction:column;

    gap:10px;

    margin-top:60px;

    font-size:22px;
}

.form-row{
    grid-template-columns:1fr;
}

.privacy-page{
    padding:50px 0;
}

.privacy-page h1{
    font-size:36px;

    margin-bottom:40px;
}

.generation-section{
    padding:90px 0;
}

.generation-grid{
    grid-template-columns:1fr;

    gap:70px;
}

.generation-content h2{
    font-size:38px;
}

.generation-circle{
    width:260px;
    height:260px;
}

.generation-circle::before{
    width:300px;
    height:300px;
}

.generation-circle strong{
    font-size:24px;
}

.floating-facebook{
    right:18px;
    bottom:18px;

    padding:10px;
}

.floating-facebook > span{
    width:46px;
    height:46px;
}

.floating-facebook-text{
    display:none;
}