@media only screen and (max-width: 600px) {
    .mobile-div {
        background-color: lightblue;
        /* Adicione outros estilos para dispositivos móveis aqui */
    }

    .mob {
        height: 57vh;
       


    }

    .mobspace {
        height: 6.5vh;
    }
    /* .element2 {
        height: 40vh;
       
    } */
    .textrodape{
        max-width: 100%;
        text-align: justify;
      }
      .spacesobre{
        height: 80vh;
      }
      .mobilesobre{
        height: 80vh;
        background-color: #c2c2c2;
      }
      .pilardesk{
        height: 0vh;
      }
 
      .textnumbers{
        font-size: 30px;
        font-weight: bold;
        }

        .navbar-blur {
          background-color: rgba(238, 238, 238, 0.966);
          /* Cor de fundo branca com uma opacidade de 90% */
          backdrop-filter: blur(10px);
          /* Adiciona o efeito de borramento */
      }
.spacemobile{
  height: 13vh;
}
.pilares{
  height: 33vh;
  background-color: #ffffff;
  border: 1px solid #c5c3c100;
 border-radius: 5px;

 
}
body {
  overflow-x: hidden; /* Isso impede a rolagem horizontal */
}
/* .footercontact{
  height: auto;
}  */

.cabecalho {
  background-image: url(/assets/imgs/banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 220px 0px 269px 0px;
  height: 85vh;
}

.spacetitle{
  height: 2vh;
}
.textplayfair{
  font-size: 20px;
}
}










/* Estilos para iPads em modo paisagem (horizontal) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1080px) and (orientation: landscape) {
    /* .element2 {
        height: 48vh;
       font-size: 14px;
    } */
    .pilares{
        height: 30vh;
        font-size: 12px;
    }
    .textrodape{
        max-width: 90%;
        text-align: justify;
      }
    
}

@media (max-width: 768px) {
  body {
     font-size: 14px;
  }
 }