@media all and (max-width: 30em) {
  html {
    width: 100%;
    font-size: 50%;
  }

  .ordemcabecalho{
    display: none;
  }

  .cabecalho {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--black);
  border-bottom: solid var(--cinza);
  padding: 3.3rem;

  }


  .cabecalho {
    & .imagemlogo {
      width: 20rem;
      height: auto;
    }
  }

  .container-rodape {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    & .subsecao-rodape {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 0;
    }
  }

  .logo-whatsapp {
    width: 5rem;
  }

  .alvorada {
    & .prefacio {
      font-size: 2.7rem;
    }
  }

  .dia {
    & .conteiner_dia_one {
      display: block;
      width: 38rem;
      height: 25rem;

      & .imagem_dia_one {
        width: 38rem;
        height:12.8rem;
      }
    }

    & .conteiner_dia_two {
      display: block;
      width: 38rem;
      height: 31.2rem;
    }
    & .conteiner_dia_three {
      display: block;
      width: 38rem;
      height: 33.2rem;
    }

    & .conteiner_dia_four {
      display: block;
      width: 38rem;
      height: 33.2rem;
    }
    & .conteiner_dia_five {
      display: block;
      width: 38rem;
      height: 32rem;
    }
    & .conteiner_dia_seven {
      display: block;
      width: 38rem;
      height: 32rem;
    }
  }
}