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

  .logo-whatsapp {
    width: 6.4rem;
  }

  .container-rodape {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

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

  .dia {
    & .conteiner_dia_one {
      display: block;
      width: 57.2rem;
      height: 32rem;
    }

    & .conteiner_dia_two {
      display: block;
      width: 57.2rem;
      height: 42rem;
    }
    & .conteiner_dia_three {
      display: block;
      width: 57.2rem;
      height: 42rem;
    }

    & .conteiner_dia_four {
      display: block;
      width: 57.2rem;
      height: 32rem;
    }

    & .conteiner_dia_five {
      display: block;
      width: 57.2rem;
      height: 42rem;
    }
    & .conteiner_dia_seven {
      display: block;
      width: 57.2rem;
      height: 32rem;
    }
  }
}