/* Para telas menores que 1120px */
@media (max-width: 1120px) {
  header {
    padding: 12px 0; /* cima e baixo é 5 e 0 nos lados */
  }

  .menu-desktop {
    display: none;
  }

  section.hero h1,
  section.hero h2 {
    font-size: 3rem;
  }

  section.hero button {
    font-size: 1.4rem;
  }

  section.servicos-oferecidos {
    padding-top: 8%;
  }

  section.grid-servicos-oferecidos {
    grid-template-columns: 1fr; /* 1 coluna só */
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr; /* 6 linhas */
  }

  section.criacao-de-sites .interface {
    flex-direction: column-reverse;
    text-align: center;
    padding: 4% 0;
  }

  section.criacao-de-sites p {
    text-align: center;
  }

  section.footer .interface {
    flex-direction: column;
    padding: 4% 0;
  }

  section.sub-footer-creditos button {
    margin-bottom: 6%;
  }

  section.footer .interface .redes-sociais .item {
  justify-content: center;
  gap: 20px;
}

}