@media (max-width: 1200px) {
  html {
    font-size: 55%;
  }
}

@media (max-width: 1000px) {
  header {
    padding: 2rem 3%;
  }
  section {
    padding: 10rem 3% 2rem;
  }
  .servicos {
    padding-bottom: 7rem;
  }
  .footer {
    padding: 2rem 3%;
  }
}

@media (max-width: 955px) {
  #menu-icone {
    display: block;
  }
  .navegacao {
    position: absolute;
    top: 100%;
    right: 0;
    width: 40%;
    border-left: 3px solid var(--cor-principal);
    border-bottom: 3px solid var(--cor-principal);
    border-bottom-left-radius: 2em;
    padding: 1rem 3%;
    background: var(--segunda-bg-color);
    border-top: 0.1 rem solig rgba(0, 0, 0, 0.1);
    display: none;
  }
  .navegacao.ativa {
    display: block;
  }
  .navegacao a {
    display: block;
    font-size: 2rem;
    margin: 3rem 0;
  }
  .home {
    flex-direction: column;
    margin: 5rem 4rem;
  }
  .conteudo-home h3 {
    font-size: 2.6rem;
  }
  .conteudo-home h1 {
    font-size: 5rem;
  }
  .home-img img {
    width: 70vw;
    margin-top: 4rem;
  }
  .container-servicos {
    flex-wrap: wrap;
  }
  .servicos h2 {
    margin-bottom: 3rem;
  }
}

@media (max-width: 450px) {
  .heading {
    font-size: 7rem;
  }
}