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

  /* Cabeçalho */
  .nav__aberto {
    overflow: hidden;

    & .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;
            align-items: center;
            font-size: 3.5rem;
          }
        }

        & .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-repeat: no-repeat;
    background-size: cover;
    width: 75%;
  }

  /* Pagina Sobre */
  .secao__sobre {
    & .container__sobre {
      display: flex;
      flex-flow: column;
      padding: 8rem 6rem;

      & .img__sobre {
        display: flex;
        justify-content: center;

        & img {
          width: 80%;
          height: auto;
        }
      }

      & .sobre__texto1 {
        font-size: 2rem;
        padding-right: 0;
      }
    }
  }

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