@media all and (max-width: 67.5em) {
  html {
    font-size: 62.5%;
  }

  /* Secao Hero */
  .secao__hero {
    background-image: url(/img/background-1400x480.webp);
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 42rem;

    & .logo__hero {
      padding-top: 1rem;
      padding-left: 18rem;

      & img {
        width: 30rem;
      }
    }
  }

  /* Pagina Sobre */
  .secao__sobre {
    & .container__sobre {
      display: grid;
      grid-template-columns: 15% 57% 15%;
      gap: 6rem;
      padding: 2rem 10rem;
      color: white;
      justify-items: center;

      & .img1__sobre {
        display: flex;
        align-items: center;
      }

      & .img1__sobre img {
        width: 25rem;
        height: 40rem;
      }

      & .img2__sobre {
        display: flex;
        align-items: center;
      }

      & .img2__sobre img {
        width: 25rem;
        height: 40rem;
      }

      & .sobre__texto1 {
        display: flex;
        flex-flow: column;
        font-weight: 200;
        gap: 1rem;
        padding: 0 2rem;
      }
    }
  }

  /* Pagina Contato */
  /* .secao__formulario {
    & .container__formulario {
      & h2 {
        font-size: 3rem;
        margin-bottom: 1.4rem;
      }

      & .form {
        display: flex;
        flex-flow: column;
        align-items: center;

        & label {
          font-size: 2rem;
        }

        & input {
          width: 45rem;
        }

        & textarea {
          width: 45rem;
        }

        & button {
          width: 40%;
          font-size: 2rem;
        }
      }
    }

    & .container__endereco {
      & .p-entre-em-contato {
        font-size: 2rem;
        text-align: center;
        padding: 0 8rem;
      }
    }
  } */
}