@media screen and (min-width: 955px) and (max-width: 1024px) {
    .logo{
        margin-left: 2%;
    }
    
    .menu{
        width: 60%;
        margin-left: 2%;
    }

    .sociais{
        width: 15%;
        margin-right: 2%;
    }

    .banner-content{
        margin-left: 3%;
    }

    .banner-content h3{
        font-size: 13px
    }

    .img-headline{
        margin-left: 2.5%;
        margin-top: 8%;
    }

    .seçao h2{
        font-size: 39px;
    }

    .card{
        width: 45%;
    }

    .manual-navigation{
        margin-top: -205px;
    }

    .navigation-auto{
        margin-top: 295px;
    }

    .aviso{
        margin-top: -15%;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
    .logo{
        margin-left: 4%;
    }

    .img-headline img{
        margin-left: 3.5%;
        margin-top: 1.5%;
    }

    .banner-content{
        margin-left: 5%;
    }

    .seçao h2{
        font-size: 48px;
        line-height: 60px;
    }

    .card{
        width: 20%;
        font-size: 13px;
        padding-left: 5px;
        padding-right: 5px;
    }

    @media screen and (min-width: 1025px) and (max-width: 1100px){
        .manual-navigation{
            position: relative;
            margin-top: -190px;
        }
    
        .navigation-auto{
            position: absolute;
            margin-top: 310px;
        }

        .aviso{
            margin-top: -12%
        }
    }

    @media screen and (min-width: 1101px) and (max-width: 1200px){
        .manual-navigation{
            position: relative;
            margin-top: -160px;
        }
    
        .navigation-auto{
            position: absolute;
            margin-top: 340px;
        }

        .aviso{
            margin-top: -9%
        }
    }

    .whats{
        width: 80px;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1350px) {
    .banner-content{
        margin-left: 3%;
    }

    .img-headline{
        margin-left: 2.5%;
    }

    .seçao h2{
        font-size:50px;
    }

    .card{
        width: 22%;
        font-size: 14px;
    }
@media screen and (min-width: 1201px) and (max-width: 1300px) {
    .manual-navigation{
        position: relative;
        margin-top: -140px;
    }

    .navigation-auto{
        position: absolute;
        margin-top: 360px;
    }

    .aviso{
        margin-top: -5%
    }
}

@media screen and (min-width: 1301px) and (max-width: 1350px){
    .manual-navigation{
        position: relative;
        margin-top: -110px;
    }

    .navigation-auto{
        position: absolute;
        margin-top: 390px;
    }

    .aviso{
        margin-top: -4%
    }
}

}

@media screen and (min-width: 1351px){
    .logo{
        margin-left: -3%;
    }

    .sociais{
        margin-right: -5%;
    }

    .img-headline{
        margin-top: 4.5%;
    }

    .banner-content h3{
        font-size: 15px
    }

    .seçao h2{
        font-size:50px
    }
}