/* Responsividade para telas menores que 1200px */
@media (max-width: 1220px) {
    .corpo_porque_escolher_tuenda ul li
    {
       margin-left: 50px;
       width: 20%;
    }

    .corpo_equipe ul li
{
  
    width: 20%;
}


.corpo_rodape .titulo_rodape
{
   
    font-size: 30pt;
    width: calc(60% - 50px);
   
}

}

@media (max-width: 1077px) {

    .corpo_emitir_fatura_dor_cabeca .contiudo .corpo_esquerdo
    {
        left: 50%  !important;
        width: 40% !important;
    }
    
    .corpo_emitir_fatura_dor_cabeca .contiudo .corpo_esquerdo h2
    {
        font-size: 20pt;
    }

    .corpo_emitir_fatura_dor_cabeca .contiudo img
{
    width: 350px;
}


}


@media (max-width: 1200px) {
    .corpo_tela_inicial .contiudo h1 {
        font-size: 28pt;
    }

    .corpo_tela_inicial .contiudo .descricao p {
        width: 450px;
    }

    .corpo_emitir_fatura_dor_cabeca .contiudo .corpo_esquerdo {
        left: 45%;
        width: 50%;
    }
}

/* Responsividade para telas menores que 992px (tablets) */
@media (max-width: 992px) {

    .titulos_corpos
    {
        font-size: 20pt;
    }

    .corpo_tela_inicial .contiudo h1 {
        font-size: 24pt;
    }

    .corpo_tela_inicial .contiudo .descricao p {
        width: 350px;
    }

    .corpo_emitir_fatura_dor_cabeca .contiudo img {
        left: 20px;
        width: 40%;
    }

    .corpo_emitir_fatura_dor_cabeca .contiudo .corpo_esquerdo {
        left: 35%;
        width: 60%;
    }

    .corpo_porque_escolher_tuenda ul li {
        width: 40%;
        margin-left: 30px;
    }

    .corpo_equipe ul li {
        width: 40%;
    }

    .corpo_planos ul li {
        width: 40%;
    }
}

@media (max-width: 820px) {
    .corpo_tela_inicial .contiudo .descricao p
    {
      width:60% !important;
    }

}


@media (max-width: 775px) {

    .corpo_rodape ul li
    {
        width: 25%;
        margin-top: 50px;
        font-size: 10pt;
    }

    .corpo_rodape ul li .titulos_ul
{
    font-size: 12pt;
}

.corpo_emitir_fatura_dor_cabeca .contiudo .corpo_esquerdo
    {
        left: 10%  !important;
        width: 70% !important;
    }
    
    .corpo_emitir_fatura_dor_cabeca .contiudo .corpo_esquerdo h2
    {
        font-size: 25pt;
    }

    .corpo_emitir_fatura_dor_cabeca .contiudo img
{
   display: none;
}

.titulos_corpos
{
    font-size: 25pt;
}

}


@media (max-width: 580px) {

.corpo_tela_inicial .contiudo .descricao p
{
  width:80% !important;
}

.corpo_rodape ul

{
    display: inline;
}

.corpo_rodape ul li
{
   width: 90%;
}
}



/* Responsividade para telas menores que 768px (dispositivos móveis grandes) */
@media (max-width: 768px) {
    .corpo_tela_inicial .contiudo h1 {
        font-size: 20pt;
    }

    .corpo_tela_inicial .contiudo .descricao p {
        width: 250px;
    }

    .corpo_emitir_fatura_dor_cabeca .contiudo img {
        left: 10px;
        width: 50%;
    }

    .corpo_emitir_fatura_dor_cabeca .contiudo .corpo_esquerdo {
        left: 25%;
        width: 70%;
    }

    .corpo_porque_escolher_tuenda ul li {
        width: 80%;
        margin-left: 10px;
    }

    .corpo_equipe ul li {
        width: 80%;
    }

  
}

@media (max-width: 736px) {
    .corpo_planos ul li {
        width: 50%;
    }
}

/* Responsividade para telas menores que 576px (smartphones pequenos) */
@media (max-width: 576px) {
    .header button {
        font-size: 11pt;
        padding: 5px;
        margin-right: 10px;
    }

    .corpo_tela_inicial .contiudo h1 {
        font-size: 18pt;
    }

    .corpo_tela_inicial .contiudo .descricao p {
        width: 100%;
    }

    .corpo_emitir_fatura_dor_cabeca .contiudo img {
        left: 5px;
        width: 60%;
    }

    .corpo_emitir_fatura_dor_cabeca .contiudo .corpo_esquerdo {
        left: 10%;
        width: 80%;
    }

    .corpo_porque_escolher_tuenda ul li {
        width: 90%;
        margin-left: 5px;
    }

    .corpo_equipe ul li {
        width: 90%;
    }

    .corpo_planos ul li {
        width: 60%;
    }
}


@media (max-width: 494px)
{
    .header button{
    display: none;
    }

    .corpo_tela_inicial .contiudo h1

    {
        font-size: 23pt;
    }

    .corpo_rodape .titulo_rodape
{
   
    font-size: 20pt;
    width: calc(80% - 50px);
   
}
}

@media (max-width: 460px)
{
    .corpo_tela_inicial .contiudo h1

    {
        font-size: 18pt;
    }

    .corpo_planos ul li {
        width: 70%;
        margin-left: 0px;
    }
    .titulos_corpos
    {
        font-size: 18pt;
    }

}

@media (max-width: 400px)
{

    #texto_direitos_autor
    {
        font-size: 8pt !important;
    }

}

@media (max-width: 400px)

{
    .corpo_tela_inicial .contiudo .descricao p

    {
        width: 90% !important;
        font-size: 11pt;
    }
}