.overlay {
  width: 100%;
  max-width: 1040px;
  height: 100%;
  position: relative;
  z-index: -1;
}

@media only screen and (max-width: 1700px) {
  .overlay {
    overflow-x: hidden;
    z-index: -1;
  }
}

#overlay-card-top {
  position: absolute;
  left: 0px;
  width: 50%;
}

#overlay-card-right {
  position: absolute;
  top: 79px;
  right: 100px;
  width: 50%;
}

.container-hero {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 72px;
  width: 100%;
}

.logo {
  width: 100%;
}

.container-hero img {
  max-width: 540px;
}

@media only screen and (min-width: 850px) {
  .content-hero {
    width: 50%;
  }
}

.description-hero {
  max-width: 400px;
  font-optical-sizing: auto;
  font-family: "Titillium Web", sans-serif;
  margin: 24px 0px 64px 0px;
}

@media only screen and (max-width: 600px) {
  .rafter-pyramid {
    position: absolute;
    z-index: -1;
    opacity: 0.1;
    width: 80%;
  }
}

@media only screen and (min-width: 600px) and (max-width: 850px) {
  .rafter-pyramid {
    display: none;
  }
}

.contact-by-whatsapp {
  margin-top: 62px;
  font-family: "Exo 2", sans-serif;
}

.contact-by-whatsapp a {
  color: #ec870e;
  font-weight: bold;
  text-decoration: none;
}