#smart {
    display: none;
  }

  .container {
    margin: 0 auto;
    text-align: center;
    gap: 40px;
    padding: 30px;
    overflow: hidden;
  }

  .banner img {
    width: 100%;
  }

  .container .servicos {
    width: 300px;
    margin-right: 30px;
  }

  .container .servicos h2 {
    color: var(--cor-preto);
    font-size: 3rem;
    text-align: left;
    margin-bottom: 10px;
  }

  .container .servicos .descricao p {
    color: var(--cor-preto);
    font-size: 2rem;
    text-align: left;
    height: 140px;
  }

  .container .servicos ul a img {
    width: 250px;
    border-radius: 50%;
    transition: 0.3s;
    margin-bottom: 30px;
  }

  .container .servicos ul a img:hover {
    transform: scale(1.05);
    transition: 0.4s ease-in-out;
  }

  section .botao {
    text-align: center;
  }

  .colecao-especial img {
    width: 200px;
    height: 200px;
    transition: 0.3s;
  }

  .colecao-especial img:hover {
    transform: scale(1.05);
    transition: 0.4s ease-in-out;
  }

  .colecao-especial {
    gap: 35px;
  }

  #mais-servicos {
    overflow: hidden;
  }

  .parallax {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-self: center;
    background: url(../../imagem/parallax.jpg)center center no-repeat;
    background-size: cover;
    height: 490px;
    background-attachment: fixed;
    overflow: hidden;
  }

  .parallax #jr-logo {
    height: 280px;
    margin: 25px 0;
  }

  .parallax #jr-logo img {
    width: 380px;
    margin: 25px 0;
  }

  .sobre-nos {
    width: 400px;
    height: 450px;
    padding: 15px;
    color: #fff;
    font-size: 2rem;
    margin-top: 25px;
    text-shadow: 3px 3px 5px black;
    box-shadow: 0 0 10px rgb(27, 27, 27);
  }

  .parallax .sobre-nos h2 {
    font-size: 4rem;
    margin-bottom: 10px;
  }

  .sobre-nos p {
    margin-bottom: 15px;
  }

  .clientes {
    border: 1px solid black;
  }

  .container .clientes ul li {
    max-width: 320px;
    font-size: 1.4rem;
    padding: 10px;
  }

  .container .clientes ul li p {
    height: 60px;
  }

  .container .clientes ul li img {
    width: 100px;
    border-radius: 50%;
    margin-bottom: 30px;
  }

  .container .clientes ul li span {
    color: var(--cor-primaria);
  }

  .beneficios img {
    width: 100%;
    margin: 80px 0;
  }

  @media(max-width: 920px) {
    .parallax {
      height: 790px;
      
      margin: auto;

    }

    .parallax #jr-logo img {
      width: 300;
      margin: 0;
    }

    .sobre-nos {
      width: 340px;
      margin: 0;
    }

  }

  @media(max-width: 650px) {
    #smart {
      display: block;
    }

    #window {
      display: none;
    }
  }

  @media(max-width: 400px) {
    .parallax {
      height: 750px;
    }

    .parallax #jr-logo {
      height: 150px;
    }

    .parallax #jr-logo img {
      margin: 0;
    }

    .sobre-nos {
      margin-top: 40px ;
    }
  }