@charset "UTF-8";
/* CSS Document */

/** MOBILE **/
@media screen and (min-width: 320px) {

#header {
  background: linear-gradient(to right, rgba(179,1,0,1), rgba(255,0,0,1), rgba(179,1,0,1));
  width:100%; 
  height:80px;
  padding-top:15px;
  border-bottom: 10px solid black; 
}

#testo {
  width:90%; 
  /*padding:94px 30px 94px 30px;*/ 
  font-family: 'Lato', sans-serif; 
  text-align: justify;
}

#riga {
  width:100%; 
  height:1px;
}

h1 {
  font-family: 'Lato', sans-serif;
  width:90%; 
  display: block;
  font-size: 1.2em;
  font-weight: bold;
}

}

/** DESK **/
@media screen and (min-width: 480px) {

 #testo {
  width:60%; 
  /*padding:94px 30px 94px 30px;*/ 
  font-family: 'Lato', sans-serif; 
  text-align: justify;
}

#header {
  background-color: linear-gradient(to right, rgba(179,1,0,1), rgba(255,0,0,1), rgba(179,1,0,1));
  width:100%; 
  height:32px;
  padding-top:6px;
  border-bottom: 10px solid black; 
}

 h1 {
  font-family: 'Lato', sans-serif;
  width:60%; 
  display: block;
  font-size: 1.4em;
  font-weight: bold;
}
}