@media only screen and (max-width: 1100px) {
    header {
        height: 120px;
    }

    .container {
        max-width: 1050px;
    }

    .module .container h1 {
        padding: 120px 0 86px 0;
    }

    .module .container h3 {
        font-size: 45px;
    }
        
}

@media only screen and (max-width: 1024px)  {
    .container {
        max-width: 974px;
    }

    header {
        height: 115px;
    }

    .module .container h3 {
        font-size: 40px;
    }

    .module .container h1 {
        font-size: 70px;
        padding: 146px 0 86px 0;
    }
}

@media only screen and (max-width: 980px) {

    .container {
        max-width: 930px;
    }

    #app-menu header {
        height: 7%;
    }

    header {
        height: 71px;
    }

    .top-menu, #logoMarca {
        display: none;
    }

    #logoMarcaMobile, .botao-enviar-mobile {
        display: block;
    }

    .barra-rovivo .wrapper {
        display: block;
        padding: 10px;
    }
    
}

@media only screen and (max-width: 900px) {
    .container {
        max-width: 850px;
    }

    .module .container h3 {
        padding: 35px 0;
    }

    .module .container h1 {
        font-size: 60px;
        padding: 165px 0 81px 0;
    }
}

@media only screen and (max-width: 896px) {
    .area-busca .col-4 {
        -ms-flex: 0 0 80.00000%;
        flex: 0 0 80.00000%;
        max-width: 80.00000%;
    }

    .mastfoot img {
        max-width: 45%;
    }
}

@media only screen and (max-width: 846px) {
    .container {
        max-width: 816px;
    }

    .card a {
        overflow: hidden;
    }

    .card img {
        height: 290px;
        width: 180px;
    }
}

@media only screen and (max-width: 812px) {
    .container {
        max-width: 782px;
    }
}

@media only screen and (max-width: 800px) {
    .container {
        max-width: 750px;
    }

    .module .container h1 {
        font-size: 57px;
        padding: 165px 0 85px 0;
    }

    .area-busca .col-4 {
        -ms-flex: 0 0 50.00000%;
        flex: 0 0 50.00000%;
        max-width: 50.00000%;
    }

    .mastfoot img {
        max-width: 35%;
    }

    #app-menu header {
        height: 15%;
    }
}

@media only screen and (max-width: 767px) {
    .container {
        max-width: 717px;
    }

    .module .container h1 {
        font-size: 50px;
        padding: 173px 0 85px 0;
    }

    .card img {
        width: auto;
        max-height: 292px;
    }

    .py-5 {
        padding-bottom: 0rem!important;
    } 
}

@media only screen and (max-width: 740px) {
    .container {
        max-width: 710px;
    }
}

@media only screen and (max-width: 736px) {
    .container {
        max-width: 706px;
    }
}

@media only screen and (max-width: 667px) {
    .container {
        max-width: 637px;
    }

    .module .container h1 {
        font-size: 48px;
        padding: 157px 0 104px 0;
    }
}

@media only screen and (max-width: 619px) {
    .container {
        max-width: 590px;
    }

    .module .container h3 {
        font-size: 35px;
    }

    .module .container h1 {
        font-size: 50px;
        padding: 165px 0 51px 0;
    }
}

@media only screen and (max-width: 479px) {
    .container {
        max-width: 450px;
    }

    .module .container h3 {
        font-size: 30px;
    }

    .module .container h1 {
        font-size: 50px;
        padding: 142px 0 56px 0;
    }

    .area-busca .col-4 {
        -ms-flex: 0 0 100.00000%;
        flex: 0 0 100.00000%;
        max-width: 100.00000%;
    }

    .mastfoot img {
        max-width: 70%;
    }
}

@media only screen and (max-width: 414px) {
    .container {
        max-width: 364px;
    }

    .barra-rovivo a.logo {
        margin-right: 0em;
    }

    .module .container h3 {
        font-size: 23px;
    }
}

@media only screen and (max-width: 393px) {
    .container {
        max-width: 363px;
    }
}

@media only screen and (max-width: 375px) {
    .container {
        max-width: 345px;
    }
}

@media only screen and (max-width: 360px) {
    .container {
        max-width: 330px;
    }

    .logo {
        width: 80%;
    }

    .module .container h1 {
        font-size: 49px;
        padding: 148px 0 90px 0;
    }
}

@media only screen and (max-width: 240px) {
    .container {
        max-width: 216px;
        margin: 0px;
    }

    .page-anterior, .page-proxima {
        display: none;
    }

    #logoMarcaMobile .logo {
        width: 85%;
    }

    .fa-2x {
        font-size: 1.5em;
    }

    .barra-rovivo .wrapper {
        padding: 6px 0 0 0;
    }

    header {
        height: 61px;
    }

    .module .container h3 {
        font-size: 25px;
        margin-right: -22px;
    }

    .module .container h1 {
        font-size: 30px;
        padding: 60px 0 56px 0;
        margin-right: -16px;
    }

    .letrasBusca {
        margin-right: -24px;
    }

    .area-busca .col-4 {
        margin-right: -18px;
    }

    .card {
        margin-right: -23px;
    }

    .mastfoot img {
        max-width: 100%;
    }
}