@media screen and (max-width: 850px) {
    #beneficios.bene-container {
        flex-direction: column;
    }

    #beneficios .benefit {
        min-width: 90%;
        margin: 15px;
    }

    #beneficios .benefit:nth-child(2) {
        transform: scale(1);
    }

    #beneficios .benefit i {
        top: -1.4em;
        font-size: 2rem;
    }

    .card-2{
        transform: scale(1);
    }

    .banner-img {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 700px) {
    .navbar-header {
        margin: 0 auto;
        display: table;
    }

    header .brand img {
        width: 90px;
        height: 90px;
    }

    div.footer-socials {
        display: none;
    }
}

@media screen and (max-width: 650px) {
    
    .navbar-header {
        margin: 0 auto;
        display: table;
    }
}