/* Responsividade para desktop - feita a partir de 1920px */
@media (max-width: 1520px) {

    /* PAGINA INICIAL */
    div.main-column{
        position: relative;
        bottom: 210px;
    }
}

@media (max-width: 1390px) {

    /* PAGINA INICIAL */
    div.main-column{
        position: relative;
        right: 48px;
        bottom: 197px;
    }
}

@media (max-width: 1275px){
    html {
        font-size: 53.75%;
    }

    /* PAGINA INICIAL */
    div.main-column{
        position: relative;
        bottom: 175px;
        right: 0;

        max-width: 608px;      
    } 
   
    /* CARD MAIOR - SOBRE POINTS E CASHBACK  */
    .section-big-card{
        width: 1000px;
    }

    .img-big-card {
        margin-left: 110px;
    }

    /* SESSÃO DE CONTATO  */
    .section-contact{
        background-image: none;
    }
}


/* Responsividade para tablets */
@media (max-width: 1029px){
   
    /* PAGINA INICIAL */
    div.main-column{
        position: relative;
        bottom: 118px;
        right: 13px;

        max-width: 500px;  
    }

    .main-h1-text{
        font-size: 28px;
    }

     /* CARDS PEQUENOS - INFORMATIVOS  */
     .section-small-cards {
        text-align: center;
    }

    /* CARD MAIOR - SOBRE POINTS E CASHBACK  */
    .section-big-card {
        width: 85%;
    }

    .row-big-card {
        flex-direction: column;
    }

    /* #big-card-points,
    #big-card-cashback{
        background-image: none;
    } */

    .img-big-card {
        display: flex;
        margin: 0 auto !important;
        padding: 30px 0;
    }
     
    /* SESSÃO DE CONTATO */
    .section-contact-text{
        width: 330px;
    }
}

@media (max-width: 1000px){
    /* SESSÃO DE INFORMAÇÕES - POINTS E CASHBACK  */
     div.row-info{
        flex-direction: column;
        width: 350px;
        margin: 0 auto;
    }

    #row-info-cashback{
        flex-direction: column-reverse;
    }

    .img-info {
        margin-left: -105px
    }

    
}

@media (max-width: 767px ){
    html {
      
        font-size: 52%;
    } 
    
    /* PAGINA INICIAL */
    main{
        /* background: url('../img/banner-tablet.png') no-repeat;
        background-size: cover;
        background-position: center; */

        max-width: 100%;
        width: 100%;
        height: auto;
        padding-top: 20%; 
    }

    div.main-column{
        position: relative;
        bottom: 79px;
        right: 57px;
        max-width: 400px;
    }

    .main-h1-text{
        font-size: 30px;
    }
   
    .main-btn{
        font-size: 14px;
    }

    #btn-primário{
        width: 150px;
        height: 44px;
    }

    /* CARDS PEQUENOS - INFORMATIVOS  */
    .section-small-cards {
        margin: 50px 0;
    }

    /* CARD MAIOR - SOBRE POINTS E CASHBACK */
    .row-big-card{
        margin-left: 141px;
    }

    /* SESSÃO DE INFORMAÇÕES - POINTS E CASHBACK  */
    .row-info {
        width: 270px;
        margin: 0 auto;
    }

    .info-h2-text{
        font-size: 28px;
    }

    .img-info{
        margin: 0 auto;
        width: 365px;
    }

    /* SESSÃO DE CONTATO */
    .section-contact{
      height: 750px;
           
    }

    .row-contact,
    .section-contact-text{
        width: 400px;
    }

    .section-contact-h3{
        margin-top: 100px
    }

    .section-contact-text{
        padding-top: 12px;
    }

    .section-form{
        margin-top: 50px;
    }

    /* RODAPÉ */
    footer span{
        font-size: 10px;
    }
}

@media (max-width: 670px){

    /* PAGINA INICIAL */
    main{
        padding-top: 18%; 
    }

    div.main-column{
        position: relative;
        bottom: 50px;
        right: 33px;
        max-width: 350px;
    }
    
}


/* Responsividade para celulares */
@media (max-width: 620px){

    /* PAGINA INICIAL */
    div.main-column{
        position: relative;
        right: 18px;
        max-width: 350px;
    }

    .alert {
        width: 97%;
        left: 1rem;
    }
}

@media (max-width: 576px){

    /* PAGINA INICIAL */
    div.main-column{
        position: relative;
        right: 0px;
    }
}

@media (max-width: 525px){

    /* PAGINA INICIAL */
    div.main-column{
        position: relative;
        right: 0px;
    }

    .main-small-text{
        font-size:11px;
    }

    .main-h1-text{
        font-size: 20px;
    }

    .main-btn{
        font-size: 11px;
        margin-top: 10px;
    }
    
    #btn-primário{
        width: 100px;
        height: 40px;
    }

    #btn-secundário{
        margin-left: 12px; 
    }

    /* SESSÃO DE INFORMAÇÕES - POINTS E CASHBACK   */
    .info-h2-text{
        font-size: 28px;
    }
}

@media (max-width: 500px){

    /* PAGINA INICIAL */
    main{
        background: url('../img/banner-mobile.png') no-repeat;
        background-size: cover;
        background-position: center center;

        
        max-width: 100%;
        width: 100%;
        height: 800px;
        padding-top: 40%; 
    }

    div.main-column {
        position: relative;
        top: 399px;
        right: -32px;
    }

    .main-small-text {
        font-size: 13px;
    }

    .main-h1-text {
        font-size: 29px;
    }

    /* CARD MAIOR - SOBRE POINTS E CASHBACK */
    #big-card-points{
        width: 350px;
        height: 420px;

        background: url('../img/fundo-points-mobile.png') no-repeat;
        background-size: cover;
        background-position: center center; 
        border-radius: 30px !important;
    }

    #big-card-cashback{
        width: 350px;
        height: 420px;

        background: url(../img/fundo-cashback-mobile.png) no-repeat;
        background-size: cover;
        background-position: center center; 
        border-radius: 30px !important;
    } 

    .row-big-card{
        margin-bottom: 45px;
        margin-left: 89px;
    }

    .img-big-card{
        width: 150px;
    }

    .text-big-card {
        width: 260px;
    }

    /* SESSÃO CONTATO */
    .row-contact,
    .section-contact-text{
        width: 280px;
    }
}

@media (max-width: 425px){
    /* SESSÃO DE INFORMAÇÕES - POINTS E CASHBACK */
    ol {
        width: 300px;
        margin-left: -17px;
    }

    li::before {
        font-size: 35px;
    }
    
    .img-info{
        width: 300px;
    }
}

@media (max-width: 375px){

    /* PAGINA INICIAL */
    main{
        height: 665px;
        padding-top: 40%; 
    }

    
    div.main-column {
        position: relative;
        top: 309px;
        right: -14px;
    }

    #big-card-points,
    #big-card-cashback {
        width: 100% !important;
    }

    .ct {
        margin-right: 0;
      }
    
      .cf {
        margin-right: 0; 
        max-width: 100%;
      }
}

@media screen and (max-width: 991px) {
    .bene p {
        margin-bottom: 3rem !important;
    }

    .cta .p {
        padding: 8rem;
    }

    .img-cta {
        border-radius: 70px 70px 0 0 !important;
    }
}

@media screen and (max-width: 767px) {
    #big-card-cashback {
        background-image: url('../img/fundo-cashback-mobile.png');
    }

    #big-card-points {
        background-image: url('../img/fundo-points-mobile.png');
    }

    #big-card-cashback .text-big-card,
    #big-card-points .text-big-card {
        width: 300px;
        margin-left: 0;
        margin: 0 auto;
        display: block;
        text-align: center;
    }

    .bene p {
        max-width: 100%;
        margin-top: 1rem;
        font-size: 15px;
    }
}