@media screen and (max-width: 576px){
    /*Header*/
    #logo-pax{
        width: 12rem;
        margin-top: 2rem;
        margin-left: -3rem;
    }

    #lbl-com-voce, #lbl-fim-recomeco, #lbl-tranquilidade, #lbl-voce-sua-familia{
        font-size: 2rem;
        margin-left: -3.5rem;
    }

    #description{
        margin-top: 0rem;
    }

    #description-image{
        margin-top: -3rem;
    }

    #lbl-com-voce, #lbl-tranquilidade{
        margin-top: 3rem;        
    }

    #description-image .img-fluid{
        width: inherit;
        height: inherit;
    }

    /*Plans*/
    .lbl-a-partir{
        font-size: 1.5rem;        
    }

    .lbl-price{
        font-size: 2rem;
    }

    .lbl-description{
        font-size: 0.7rem;     
        min-width: 20rem;        
    }

    #btn-whats{
        font-size: 1rem;
    }

    /*Cobertura*/
    #coverage{    
        --border-radius: 20%;  
        height: 30rem;
        text-align: center;
        /* border-top-left-radius: var(--border-radius); */
        /* border-top-right-radius: var(--border-radius); */
    }

    #coverage-border{
        --border-radius: 20%;
        border-top-left-radius: var(--border-radius);
        border-top-right-radius: var(--border-radius);
        background-color: var(--background-color);
        margin-top: -10rem;
        height: 25rem;
    }

    #coverage-cards{
        margin-top: -23rem;
    }

    #lbl-frm-cadastre, #lbl-frm-planos{
        font-size: 1.2rem;
        text-align:  center;
    }

    .lbl-card-title{
        font-size: 0.8rem;
        width: 18rem;
    }

    .lbl-card-desc{
        padding: 2.3rem 1rem 1rem 1.5rem;
        width: 20rem;
        margin-top: -1rem;
    }

    /*Depoimentos*/
    #depoiments{
        text-align: center;
    }

    .img-depoiment{
        width: 20rem;
    }
    
    .lbl-depoiment{
        padding: 0.25rem 0.5rem;
        margin-left: 10rem;
    }

    /*Cadastro*/
    #register{
        border-radius: 0;
        padding: 0;
        height: 30rem;
    }

    #back-register{        
        background-size: inherit;
        padding-left: inherit
    }

    #frm-cadastro-title{     
        margin-top: 1.5rem;
        padding: 0rem 0rem;
    }

    #btn-proteger, #btn-loading{
        width: 70% !important;
    }

    /*Rodapé*/
    footer{
        margin-top: -30em;
        height: 44rem;
        background: linear-gradient(80deg, var(--dark-green) 0%, var(--medium-green) 20%, var(--light-green) 70%);
    }
}

@media screen and (min-width:577px) and  (max-width: 1024px){
    /*Header*/
    #logo-pax{
        margin-top: 4rem;
        margin-left: -5rem;
    }

    #lbl-com-voce, #lbl-fim-recomeco, #lbl-tranquilidade, #lbl-voce-sua-familia{
        font-size: 2rem;
        margin-left: -5rem;
    }

    #description-image{
        margin-top: -35rem;
    }

    #description-image .img-fluid{
        width: 70%;
        height: inherit;
    }
}