@media(max-width:1100px){

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

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

@media(max-width:900px){

    .hero-grid,
    .cards.two,
    .about-grid,
    .contact-grid,
    .footer-grid{
        grid-template-columns:1fr;
    }

    .nav-links{
        display:none;
    }

    .hero{
        padding-top:60px;
    }

    .hero h1,
    .page-hero h1{
        letter-spacing:-1.5px;
    }

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

    .hero-stats,
    .score-box{
        grid-template-columns:1fr;
    }

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

@media(max-width:600px){

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

    .nav{
        height:auto;
        padding:14px 0;
    }

    .brand span:last-child{
        font-size:13px;
    }

    .nav-actions{
        display:none;
    }

    .hero h1,
    .page-hero h1{
        font-size:40px;
    }

    .auth-head h1{
        font-size:38px;
    }

    .section{
        padding:60px 0;
    }

    .cta{
        padding:28px;
    }
}