.hero .continut h3 {
  font-size: 1.5rem;
  color: yellow;
}
@media screen and (min-width: 768px) {
  .hero .continut h3 {
    color: aqua;
  }
}
.hero .continut a {
  text-decoration: none;
  color: aqua;
}
@media screen and (min-width: 768px) {
  .hero .continut a {
    font-size: 1.5rem;
    margin-top: 2vh;
  }
}

.strong {
  font-family: "PT Sans", sans-serif;
  padding: 5vh 5vw 0;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .strong {
    font-size: 2rem;
    margin-top: 2.5vh;
    text-align: center;
  }
}

.forma-contact {
  padding: 2.5vh 5vw;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.forma-contact input, .forma-contact textarea {
  padding: 0.25rem 0.5rem;
  border: 0;
  border-bottom: 1px solid aqua;
}
.forma-contact button {
  padding: 0.25rem 0.5rem;
  background-color: aqua;
}
@media screen and (min-width: 768px) {
  .forma-contact {
    align-items: center;
  }
  .forma-contact input, .forma-contact textarea {
    padding: 0.5rem 0.5rem;
    width: 50%;
  }
  .forma-contact button {
    width: 15%;
    padding: 0.5rem 0.5rem;
    margin-top: 1rem;
  }
}

footer form {
  padding: 0;
}/*# sourceMappingURL=contact.css.map */