@font-face {
  font-family: "GillSansBook";
  src: url("fonts/GillSansMTPro-Book.otf");
}

.background-img {
  background-image: url('img/second/background.jpg');
  background-size: cover;
  background-position: center right; /* Posizione dell'immagine a destra per desktop */
  background-repeat: no-repeat;
  height: 500px; /* Altezza dell'immagine */
  width: 100%;
  display: flex;
  justify-content: center; /* Centra il contenuto orizzontalmente */
  align-items: center; /* Centra il contenuto verticalmente */
}

.wrapper-header {
  text-align: center; /* Centra il testo all'interno di .wrapper-header */
  margin-top: 0; /* Azzera il margine superiore per centrare correttamente */
}

@media screen and (min-width: 320px) and (max-width: 475px) {
  /* Per dispositivi mobili, centratura dell'immagine di sfondo */
  .background-img {
    background-image: url('img/second/background.jpg');
    background-size: cover;
    background-position: center center; /* Centra l'immagine sullo schermo */
    background-repeat: no-repeat;
    height: 60vh; /* Altezza dell'immagine sui dispositivi mobili */
    width: 100%;
  }

  /* Ridurre l'area dell'offerta sui dispositivi mobili */
  .wrapper-header h1 {
    font-size: 1.5em; /* Ridurre la dimensione del titolo */
    padding: 0 10px; /* Aggiungere un po' di spazio laterale per evitare che esca */
  }

  .wrapper-header h3 {
    font-size: 1.2em; /* Ridurre la dimensione del sottotitolo */
    padding: 0 10px; /* Aggiungere un po' di spazio laterale */
  }

  /* Aggiungere margini laterali sui dispositivi mobili per centrare meglio */
  .wrapper-header {
    margin-left: 10px;
    margin-right: 10px;
  }
}

#contact-form .form-control {
  min-height: 45px;
  font-family: "GillSansMedium";
  margin-bottom: 20px;
  border-color: #C683C2;
}

#contact-form .btn-primary {
  background: #991d1b;
  border: 0px;
  font-family: "GillSansMedium";
  background-image: none;
}

#contact-form .btn-primary:hover {
  opacity: .8;
  transition: all ease-in .2s;
}

.button {
  background-color: #991d1b;
}

.footer-link {
  margin-left: 0px;
}

@media screen and (min-width: 320px) and (max-width: 475px) {
  .footer-link {
    margin-left: 0px;
  }
}

.footer-link a {
  text-decoration: none;
  margin: 0px;
  color: white;
  border-radius: 35px;
  padding: 8px 15px;
  background-color: #991d1b;
}

.footer-link a:hover {
  opacity: .7;
  color: white;
  background-color: #991d1b;
}

.btn {
  background-color: #00aff0;
  color: white;
}