.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%;
    }
}
@media screen and (max-width: 768px) {  
    .nome_radio{
        font-size: 35px;
    }
}
    .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-75{
        height: 75vh;
    }
    .vh-60{
        height: 60vh;
    }
    .vh-40{
        height: 40vh;
    }
    .vh-90{
        height: 90vh;
    }
    .vh-25{
        height: 25vh;
    }
    
/* BORDA */
    .borda1{
        border: 1px solid black;
    }
    .rounded30{
        border-radius: 30px;
    }
/* 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-64{
        font-size: 64px;
    }
    .font-text{
        font-family: Sans-serif;
    }
/* BORDA RADIUS */
    .bordar-radius50{
        border-radius: 50px;
    }
/* MARGIN */
    .topo-90{
        margin-top: 90px;
    }
.redes-sociais{
    height:50px;
}
.redes-sociais:hover{
    transform: scale(105%);
}
.btn-comercial{
    height:75px;
}
.btn-comercial:hover{
    transform: scale(102%);
    cursor: pointer;
}
.rodape:hover{
    transform: scale(102%);
    font-weight: bold;
    cursor: pointer;
}
.btn-plano{
    height:50px;
}
.btn-plano:hover{
    transform: scale(102%);
    cursor: pointer;
}
.botao-plano{
    width:100px;
    height:40px;
    cursor: pointer;
}
.compass{
        display: none;
}
.mobile{
    display: none;
}
.desktop{
    display: block;
}

.img-painel{
    width: 550px;
     height: 380px;
}
.img-loja-app{
    width: 90%;
    height: 380px;
}
.img-app{
    width: 600px;
    height: 380px;
}
.cta-altura{
    height: 350px;
    padding: 20px;
}
.painel-altura{
    height:60vh;
}
.app-altura{
    height:75vh;
}
.row-altura{
    height: 75vh;
}
.div-1{
    height: 75vh;
}
.img-radio{
    width: 700px;
    height: 375px;
}
.btn-formulario{
    width: 25%;
}
.img-dispositivos{
    width: 225px;
    height: 225px;
}
.text-titulo{
    font-size: 64px;
}
.btn-width{
    width: 50%;
}
@media screen and (max-width: 768px) {
    .btn-width{
        width: 75%;
    }
    .img-dispositivos{
        width: 125px;
        height: 125px;
    }
    .btn-formulario{
        width: 90%;
    }
    .div-1{
        height: 35vh;
    }
    .img-radio{
        width: 100%;
        height: 275px;
    }
    .app-altura{
        height:100vh;
    }
    .painel-altura{
        height:100vh;
    }
    .img-cta-2{
        display: none;
    }
    .img-cta-1{
        width: 375px;
        height: 150px;
    }
    .cta-altura{
        height: 400px;
    }
    .img-app{
        width: 375px;
         height: 180px;
    }
    .img-loja-app{
        width: 375px;
         height: 180px;
    }
    .img-painel{
        width: 350px;
        height: 180px;
    }
    .row-altura{
        height: 45vh;
    }
    .link{
        font-size: 5px;
    }
    .menu-desktop{
        display: none;
    }
    .compass{
        display: block;
    }
    .mobile{
        display: block;
    }
    .desktop{
        display: none;
    }

    .text-24horas{
        font-size: 17px;
    }
    .text-subtitulo{
        font-size: 18px;
    }
    .text-titulo{
        font-size: 34px;
    }
    .overflow{
        overflow:scroll;
    }
}