.w-33{
    width: 20%;
}
.btn-dados{
    width: 20%;
}
.btn-painel{
    width: 30%;
}
.btn-servico{
    width: 13%;
}
@media screen and (max-width: 768px) {
    .btn-servico{
        width: 33%;
    }
    .btn-painel{
        width: 90%;
    }
    .btn-dados{
        width: 48%;
    }
    .w-33{
        width: 33%;
    }
}
.btn-pagar{
    width: 50%;
}
@media screen and (max-width: 768px) {
    .btn-pagar{
        width: 75%;
    }
}    .font-antialiased{
        font-family: antialiased;
    }
    .focus:focus{
        outline: none;
    }
    .d-j-a{
        display: flex;
        justify-content: center;
        align-items: center;        
    }
    .dja{
        display: flex;
        justify-content: center;
        align-items: center;        
    }
    .da-end{
        display: flex;
        justify-content: end;
        align-items: center; 
    }
    .df{
        display: flex;
    }
    .dnone{
        display: none;
    }
/* ALTURA */
    .wh-100{
        width: 100px;
        height: 100px;
    }
    .wh-150{
        width: 150px;
        height: 150px;
    }
    .wh-50{
        width: 50px;
        height: 50px;
    }
    .wh-30{
        width: 30px;
        height: 30px;
    }
/* LARGURA */
    .wd-200{
        width: 200px;
    }
    .w-33{
        width: 33%;
    }
    .w-45{
        width: 45%;
    }
    .w-90{
        width: 90%;
    }
/* ALTURA */
    .he-40{
        height: 40px;
    }
    .he-45{
        height: 45px;
    }
    .he-50{
        height: 50px;
    }
    .he-60{
        height: 60px;
    }
    .he-70{
        height: 70px;
    }
    .he-90{
        height: 90px;
    }
    .he-100{
        height:100px;
    }
    .he-125{
        height:125px;
    }
    .he-150{
        height:150px;
    }
    .he-50vh{
        height: 50vh;
    }
    .he-60vh{
        height: 60vh;
    }
    .he-75vh{
        height: 75vh;
    }
    .vh-25{
        height: 25vh;
    }
    .vh-50{
        height: 50vh;
    }
    .vh-75{
        height: 75vh;
    }
    .vh-60{
        height: 60vh;
    }
    .vh-40{
        height: 40vh;
    }
    .vh-90{
        height: 90vh;
    }
    
/* BORDA */
    .borda1{
        border: 1px solid black;
    }
    .rounded30{
        border-radius: 30px;
    }
    .rounded1{
        border-radius: 30px;
    }
    .cursor{
        cursor: pointer;
    }
/* FONTE TEXTO */
    .fs-12{
        font-size: 12px;
    }
    .fs-14{
        font-size: 14px;
    }
    .fs-18{
        font-size: 18px;
    }
    .fs-20{
        font-size: 20px;
    }
    .fs-24{
        font-size: 24px;
    }
    .fs-28{
        font-size: 28px;
    }
    .fs-32{
        font-size: 32px;
    }
    .fs-36{
        font-size: 36px;
    }
    .fs-50{
        font-size: 50px;
    }
    .fs-64{
        font-size: 64px;
    }
    .font-text{
        font-family: Sans-serif;
    }
/* BORDA RADIUS */
    .bordar-radius50{
        border-radius: 50px;
    }
/* MARGIN */
    .topo-90{
        margin-top: 90px;
    }

    .titulo {
        margin: 0;
        font-size: 2rem;
        font-weight: 700;
    }

    .subtitulo {
        margin: 1rem 0 0;
        font-size: 1.125rem;
        font-weight: 400;
    }

    .ter-titulo {
        margin: 0;
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 1.5;
    }

    .img-fundo{
        background-image: url('../public/img/radio.png');
        background-size: cover;        
    }
    .img-efeito{
        background-image:linear-gradient(to top, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 100%)
    }

    @media screen and (min-width: 960px) {
        .titulo {
            font-size: 3rem;
            font-weight: 900;
        }

        .subtitulo {
            font-size: 1.5rem;
            font-weight: 400;
        }

        .ter-titulo {
            font-size: 1.25rem;
            font-weight: 400;
            line-height: 1.5;
        }

    }