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

  /* Cabeçalho */
  .nav__aberto {
    & .secao__cabecalho {
      & .container__cabecalho {
        & nav {
          display: flex;
          position: fixed;
          background-color: black;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          align-items: center;
          justify-content: center;

          & ul {
            flex-flow: column;
            font-size: 3.5rem;
            gap: 1rem;
            padding-top: 2rem;
          }
        }

        & .nav__icones {
          z-index: 99;

          & .nav__icone {
            &.nav__icone--fechar {
              display: block;
            }

            &.nav__icone--menu {
              display: none;
            }
          }
        }
      }
    }
  }

  .secao__cabecalho {
    & .container__cabecalho {
      justify-content: center;

      & .redes__sociais {
        display: none;
      }

      & nav {
        display: none;
      }

      & .nav__icones {
        display: block;

        & .nav__icone {
          width: 6rem;
          color: #54fdde;

          &.nav__icone--fechar {
            display: none;
          }
        }
      }

      & .cabecalho__navegacao {
        & a {
          text-decoration: none;
          font-size: 2.5rem;
          font-weight: 200;
          color: #54fdde;
        }
      }
    }
  }

  /* Secao Hero */
  .secao__hero {
    background-image: url(/img/background-1400x480.webp);
    background-repeat: no-repeat;
    max-width: 100vw;
    height: 48rem;

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

      & img {
        width: 38rem;
      }
    }
  }

  /* 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;
      }
    }
  }
}