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

  /* Seção Cabeçalho */
  .nav-aberto {
    & .container-cabeçalho {
      & nav {
        display: flex;
        position: fixed;
        background-color: rgba(0, 0, 0, 0.8);
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        align-items: center;
        justify-content: center;
        padding: 5rem;

        & ul {
          flex-flow: column;
          align-items: center;
          font-size: 3.5rem;
        }
      }

      & .navegação {
        & .item-cabeçalho {
          & a {
            font-size: 3.2rem;
            color: white;
            text-shadow: 0.3rem 0.3rem #000000;
          }
        }
      }

      & .nav-icones {
        z-index: 9999;

        & .btn-mobile {
          border: none;
          background-color: transparent;
          color: inherit;
        }

        & .nav-icone {
          &.nav-icone-fechar {
            display: block;
          }

          &.nav-icone-menu {
            display: none;
          }
        }
      }
    }
  }

  .container-cabeçalho {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 6rem;

    & .navegação {
      & nav ul {
        display: flex;
        align-items: center;
        list-style: none;
        gap: 2.2rem;
      }
    }

    & nav {
      display: none;
    }

    & .nav-icones {
      display: block;

      & .nav-icone {
        width: 5rem;

        &.nav-icone-fechar {
          display: none;
        }
      }
    }
  }

  /* Seção Hero */
  .hero {
    padding: 2rem 0;
    height: auto;

    & .container-hero {
      justify-content: space-around;
      gap: 0;
      margin: 0 5rem;

      & .banner-hero {
        & img {
          max-width: 70%;
          display: flex;
          justify-content: space-evenly;
        }
      }

      & .container-mensagem-hero {
        max-width: 70%;
        padding-left: 2.5rem;
        padding: 0;
      }
    }
  }

  /* Seção Carrossel */
  .container-carrossel {
    & .carrossel__home {
      max-width: 90%;
    }
  }

  /* Seção Quem Somos */
  .quem-somos {
    margin: 0 4rem;

    & .container-quem-somos {
      padding: 0 4rem;
      margin: 0;
      gap: 1.5rem;

      & img {
        max-width: 80%;
        padding-left: 10rem;
      }

      & .texto-quem-somos {
        gap: 1.5rem;
      }

      & .texto-quem-somos h2 {
        font-size: 4.5rem;

        & .quem-somos-p {
          padding: 0 3rem;
          font-size: 2.3rem;
        }
      }
    }
  }

  /* Orixás */
  .orixas {
    & .container-orixas {
      & .linha-orixas {
        display: flex;
        flex-flow: column;
        gap: 1rem;

        & .img-linha-orixas {
          justify-content: center;
        }

        & .img-linha-orixas img {
          width: 15rem;
        }
      }
    }
  }

  .pagina-contato {
    & .container-pagina-contato {
      padding: 2rem;
      margin: 0 4rem;
      gap: 5rem;

      & address {
        display: flex;
        flex-flow: column;
        font-size: 2rem;
        gap: 1rem;
        padding: 0;

        & strong {
          font-size: 3rem;
        }
      }
    }
  }
}