.card-login {
    text-align: center;
    padding: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}
.cd-t-mob-listagem-benef-on {
    display: none;
}

.card-san {
    padding: 10px;
    background-color: #004f9f;
    color: white;
}

.etnia {
    display: flex;
    border-top: 2px solid #d2cccc;
    padding: 10px
}

.base-mobile {
    display: none;
}

@media screen and (max-width: 380px) and (max-width: 670px) {
    .cd-t-mob-login {
        top: 100px;
    }

    .base-mobile {
        display: inline;
        color: white;
    }
}


@media only screen and (max-width: 758px) {
    .h1-top, .rt-Text, .cd-t-mob-bot-img, .base {
        display: none;
    }

    .cd-t-mob-bot-doc {
        font-size: 10px;
        width: 200px;
    }

    .base-mobile {
        display: inline;
        color: white;
    }
}

.cd-t-mob-header-cad-on {
    display: none;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .h1-top, .rt-Text, .cd-t-mob-bot-img {
        display: none;
    }
    .cd-t-mob-header-cad-on {
        display: inline;
    }
    .cd-t-mob-header-cad {
        display: none;
    }

    .base-mobile {
        display: inline;
        color: white;
    }

    .card-login {
        text-align: center;
        padding: 0;
    }

    .cd-t-mob {
        font-size: 0.8rem !important;
    }

    .cd-t-mob-secundary {
        font-size: 0.8rem !important;
        color: darkblue;
    }

    .cd-t-mob-doc {
        margin: 5px !important;
    }

    .cd-t-mob-header {
        margin-bottom: 3px !important;
    }

    .cd-t-mob-bot-doc {
        font-size: 10px;
        width: 200px;
    }

    .cd-t-mob-bot-sead-logo {
        /*width: 300px;*/
    }

    .cd-t-mob-bot-logo-sead {
        width: 60% !important;
        /*margin-bottom: 10px !important;*/
    }

    .cd-t-mob-input-cpf {
        width: 100% !important;
    }

    .cd-t-mob-logo-login {
        width: 50% !important;
        margin-bottom: 20px;
    }

    .cd-t-mob-img-ben {
        width: 30% !important;
    }

    .cd-t-mob-li-bar {
        display: none;
    }

    .cd-t-mob-central {
        padding: 0 !important;
    }

    .cd-t-mob-central .grid-760 {
        width: 100% !important;
    }

    .etnia {
        display: inline;
    }
    .cd-t-mob-cad-ben h3 {
        font-size: 1rem;
    }

    .cd-t-mob-listagem-benef{
        display: none;
    }
    .cd-t-mob-p-doc p {
        font-size: 0.8rem;
    }
    .cd-t-mob-img-doc {
        width: 30% !important; ;
    }
    .container-fluid {
        padding-right: 1px;
         padding-left: 1px;
         margin-right: 1px;
         margin-left: 1px;
        }
    }

    /* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 601px) {
    .etnia {
        display: inline ;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .base {
        font-size: 1.5rem !important;
    }
    .etnia {
        display: flex ;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .base {
        font-size: 2rem !important;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {


}