@import url("base.css");


.flex1{
  max-width: 100%;
  margin-top: 20%;
}

li:hover{color: #114a9a;}
#sezione{ line-height: 120%; }
.whoare{margin-top: 0px;}
.span3{
font-weight: 600;}
.span4{
font-size: 22px;
text-decoration: underline #114a9a 2px;}

h1{text-align: center;}
#tit1{text-align: center;}
#lista1{ margin-top: -5%;}
#lista2{ margin-top: 2%;}
.bottoni2{margin-bottom: 5%}



@media only screen and (min-width:420px) and (max-width: 991px){

  .flex1{
    max-width: 100%;
    margin-top: 5%;
  }

  nav{
    width:90%;
    height:10%;
  }
  #lista1{ margin-top: 0%;}
}

@media only screen and (min-width: 992px) {

.flex1{
  margin-top: 0%;
  max-width: 100%;
  margin-left: 5%;
}

.span4{
  font-size: 34px;
  text-decoration: underline #114a9a 5px;}

#lista1{ margin-top: 0%;}
#lista2{ margin-top: 1%;}

.bottoni2{
  margin-top: 10%;
  margin-bottom: 5%
}

}