@media(max-width:1050px){

    .nav{
        gap:16px;
    }

    .nav a{
        font-size:13px;
    }

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

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

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

}


@media(max-width:900px){

    .navbar{
        grid-template-columns:auto 1fr auto;
    }

    .header-actions{
        display:none;
    }

    .menu-toggle{
        display:block;
        justify-self:end;
    }

    .nav{
        position:fixed;
        top:0;
        right:0;
        width:min(380px,92%);
        height:100vh;
        background:#fff;
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        padding:90px 22px 30px;
        transform:translateX(105%);
        transition:.35s;
        box-shadow:-20px 0 60px rgba(0,0,0,.15);
        z-index:1001;
    }

    .nav.active{
        transform:translateX(0);
    }

    .nav a{
        padding:14px;
        border:1px solid var(--line);
        border-radius:12px;
        text-align:center;
    }

    .nav a:after{
        display:none;
    }

    .menu-toggle.active{
        position:fixed;
        top:18px;
        right:18px;
        z-index:1002;
    }

    .menu-toggle.active span:nth-child(1){
        transform:translateY(7px) rotate(45deg);
    }

    .menu-toggle.active span:nth-child(2){
        opacity:0;
    }

    .menu-toggle.active span:nth-child(3){
        transform:translateY(-7px) rotate(-45deg);
    }

    .about-grid,
    .content-grid,
    .contact-grid{
        grid-template-columns:1fr;
    }

    .about-grid{
        direction:rtl;
    }

    .side-card{
        position:static;
    }

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

    .cta-inner{
        flex-direction:column;
        text-align:center;
    }

}


@media(max-width:700px){

    body{
        text-align:center;
    }

    .section{
        padding:72px 0;
    }

    .hero{
        min-height:620px;
        background-position:65% center;
    }

    .hero-content{
        margin:auto;
        text-align:center;
    }

    .hero p{
        margin-inline:auto;
        font-size:15px;
    }

    .hero-actions{
        justify-content:center;
        flex-direction:column;
    }

    .hero-actions .btn{
        width:100%;
    }

    .stats{
        margin-top:-28px;
    }

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

    .about-copy{
        text-align:center;
    }

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

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

    .card{
        max-width:440px;
        margin-inline:auto;
    }

    .card-body{
        text-align:center;
    }

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

    .portfolio-item{
        max-width:480px;
        width:100%;
        margin-inline:auto;
    }

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

    .footer-grid{
        grid-template-columns:1fr;
        text-align:center;
    }

    .footer-logo img{
        margin-inline:auto;
    }

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

    .field.full{
        grid-column:auto;
    }

    .prose{
        text-align:center;
    }

    .prose ul{
        text-align:right;
        display:inline-block;
    }

}


@media(max-width:470px){

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

    .logo img{
        width:94px;
        height:56px;
    }

}