@import url("menu.css");
@import url("main.css");
@import url("servicoes.css");
@import url("sobre.css");
@import url("cases.css");
@import url("footer.css");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
}

/* Responsivo */
@media (max-width: 1000px) {
  .container-main {
    margin-top: 100px;
  }
  .servico-container-grupo {
    width: 100%;
    display: block;
    padding: 15px 30px;
  }

  .container-header {
    max-width: 100%;
  }
  .servicos {
    max-width: 100%;
  }

  .container-sobre {
    max-width: 100%;
  }

  .sobre-grid {
    margin-top: 20px;
  }

  .swiper {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .header-content {
    max-width: 100%;
  }

  .header-content h1 {
    font-size: 2em;
  }

  .titulo-container .titulo-h2 {
    font-size: 1.5em;
  }

  .titulo-container p {
    font-size: 1em;
  }

  .btn {
    padding: 10px 50px;

    font-size: 17px;
  }

  .case-titulo {
    font-size: 1em;
  }
}

@media (max-width: 500px) {
  .container-main {
    max-width: 100%;
  }
  .cases {
    padding: 20px 20px;
  }
  .case-texto {
    width: 100%;
    height: 250px;
  }

  .container-descricao p {
    padding: 8px 15px;
  }
  .case-texto p {
    font-size: 13px;
  }
  .main-content h1 {
    font-size: 25px;
  }

  .titulo-container .titulo-h2 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .container-btn a {
    font-size: 22px;
  }

  .case-titulo {
    font-size: 16px;
  }

  .footer-container {
    max-width: 100%;
  }
}