/* REGOLE GENERALI */
html {
  height: 100%;
}
body {
  margin: 0;
  height: 100%;
  background-image: url('../assets/images/sfondo-wonder-up.JPG');
  background-repeat: no-repeat;
  background-color: rgb(241, 234, 218);
}
a {
  text-decoration: none;
}

/*Mobile*/
@media(max-width:550px){
    .header-title {
      font-size: 20px;
      font-style: italic;
      display: flex;
      justify-content: center;
      padding: 10px 0;
      text-align: center;
    }
    .informazioni-contatti {
      font-size: 20px;
      font-style: italic;
      width: 70%;
    }
    .single-info {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-evenly;
    }
    .frase-e-foto {
      display: flex;
      flex-direction: column;
      width: 100%;
      justify-content: space-evenly;
      margin-top: 10px;
    }
    .frase-coniglio {
      font-size: 20px;
      color: #b57b79;
      font-style: italic;
      justify-content: center;
      align-items: center;
      display: flex;
      width: 100%;
      text-align: center;
      padding-bottom: 15px;
    }
    .immagine-bianconiglio-container {
      width: 100%;
      text-align: center;
    }
    .logo-container {
      width: 100%;
      display: flex;
      justify-content: center;
    }
    .main-page-pic {
      width: 60%;
    }
    .bianconiglio-icons {
      width: 20%;
      cursor: pointer;
    }
}
/*Desktop*/
@media(min-width:550px) {
  .header-title {
    font-size: 20px;
    font-style: italic;
    display: flex;
    justify-content: center;
    padding: 10px 0;
  }
  .informazioni-contatti {
    font-size: 20px;
    font-style: italic;
    width: 40%;
  }
  .single-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .frase-e-foto {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-evenly;
    margin-top: 10px;
  }
  .frase-coniglio {
    font-size: 20px;
    color: #b57b79;
    font-style: italic;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 45%;
    text-align: center;
  }
  .immagine-bianconiglio-container {
    width: 50%;
  }
  .title-logo-container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
  }
  .header-title {
    width: 35%;
  }
  .a-icon {
    width: 60%;
  }
  .logo-container {
    width: 100%;
    text-align: end;
  }
  .main-page-pic {
    width: 25%;
  }
  .bianconiglio-icons {
    width: 15%;
    cursor: pointer;
  }
  
}

/* REGOLE DELLE CLASSI DEL TEMPLATE */
.contact-us {
  font-size: 24px;
  font-weight: bold;
  font-style: italic;
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
  color: #b57b79;
}

.info-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.immagine-bianconglio {
  width: 90%;
  border-radius: 12px;
}