/**/
body{
 background-color:  antiquewhite;
  margin-bottom: 200px;
}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*MODIFICARE IL CONTENUTO DELL'HEADER*/
.peggle-header-image{
  height: 40px;
  position: absolute;
  left: 12px;
  cursor: pointer;
}



@import url('https://fonts.cdnfonts.com/css/canela-text-trial');

main{
  margin-top: 50px;
}

/*MACRO DIV che permette di utilizzare un display flex sulle div CHI SIAMO, ISPIRAZIONI...*/
.about-us-main{
  display: flex;
  flex-direction: column;
  gap: 100px;
}

/*Classe che modifica la div verticale CHI SIAMO*/
@media(max-width:700px){
.about-us{
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
}

/*Classe che modifica la div verticale ISPIRAZIONI*/
.ispirazioni{
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;}

.membro{
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-top: 40px;
}

}
@media(min-width:701px){
.about-us{
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}

/*Classe che modifica la div verticale ISPIRAZIONI*/
.ispirazioni{
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
}

/*Classe  che va a modificare i titoli delle diverse div verticali, ovvero CHI SIAMO, ISPIRAZIONI...*/
.div-title{
  font-family: 'Canela Trial', sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: 25.6px;
  height: 49px;
  color: rgb(51, 51, 51);
  
}

.text{
  margin-left: 100px;
  font-family: 'Canela Trial', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 25.6px;
  height: 49px;
  white-space: normal;
}

.text-member{
  font-family: 'Canela Trial', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 25.6px;
  white-space: normal;
}


.noi{
  display: flex;
  flex-direction: column;
  gap:40px;
}

.pictures-of-us{
  height: 200px;
  width: 200px;
}

.membro{
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.name{
  font-size: 20px;
}



/*
.membro-img{
  background-color:blue;
}

.membro-info{
   background-color: red;
}*/