/* ============================================
   RESPONSIVE
============================================ */

@media (max-width:992px){

    .contact-grid{

        grid-template-columns:1fr;

    }

}

@media (max-width:768px){

    .hero{

        background-position:70% center;

    }

    .brand-card__logo {
        width: 190px;
    }

    .hero__content{

        padding-top:50px;
        padding-bottom:50px;

    }

}

@media (max-width:576px){

    .hero h1{

        font-size:2.5rem;

    }

    .hero__lead{

        font-size:1rem;

    }

}

@media (max-width: 700px) {
    .footer__content {
        padding-top: 22px;
        padding-bottom: 22px;

        flex-direction: column;

        justify-content: center;

        text-align: center;
    }
}

@media (max-width: 480px) {
    .brand-card__logo {
        width: 170px;
    }

    .brand-card {
        padding: 10px 14px;
    }
}

@media (max-width:768px){

    .brands__grid{

        grid-template-columns:1fr;

        gap:50px;

    }

}