body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 arial, sans-serif;
  color: #777;
}
.bgimg-1, .bgimg-3 {
  position: relative;
  opacity: 1.0;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bgimg-1 {
  background-image: url("../grafica/anteprima.jpg");
  min-height: 100%;
}
.bgimg-3 {
  background-image: url("../grafica/legionella-in-laboratorio.jpg");     
  min-height: 300px;
}  
.banner{
 background-color:#FF5722;
 text-align:center;
 padding:10px 15px;      
}    
h3 {
  text-align:center;
  letter-spacing: 5px;
  font-size:2.2em;
  color: yellow;
  margin-top:-10px;
  margin-bottom:-10px;
} 
.fonti{
  color:#fff;
  font-size:1.1em;
  list-style-type: square;
  text-align: left;
}    

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .bgimg-1, .bgimg-2, .bgimg-3 {
   background-attachment: scroll;
  }
}
@media screen and (min-width: 860px) {
  .bgimg-2 {
    position: relative;
    opacity: 1.0;
    background-image: url("../grafica/ambienti-legionella.jpg");
    background-repeat: no-repeat;
    background-position: center;
    min-height: 450px;
  }
  .caption {
       position: absolute;
       left: 10px;
       top: 45%;
       width: 100%;
       text-align: left;
       color: #000;
  }
.border{
       font-size: 1.2em;
       background-color: #fff;   
   }  
   .caption span.border {
    background-color: #333;
    color: #fff;
    padding: 18px;
    font-size: 1.8em;
    letter-spacing: 10px;
    border-radius:10px;
  } 
.bg-fonti{
    background-color:#FF5722;
    background-image:url("../grafica/legionella-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;    
    padding:15px 70px;      
  }     
.prebx {
        width: 90%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        
    }
.bx1 {
        width: 45%;
        height: auto;
        padding: 0 10px 6px 10px;
        color: #fff;
        font-size: 1.3em;
        letter-spacing: 1.0;
        font-weight: bold;
        border-left:1px solid #ccc;
    }
.bx2 {  
        width: 45%;
        height: auto;
        margin-top: 30px;
        padding: 10px 10px 10px 25px;
        color: #fff;
        font-size: 1.3em;
        letter-spacing: 1.0;
        text-align:left;
        border-top:1px solid #ccc;
    } 
.bx2a {  
        width: 45%;
        height: auto;
        margin-top: 30px;
        padding: 10px 10px 10px 25px;
        color: #000;
        font-size: 1.3em;
        letter-spacing: 1.0;
        text-align:left;
        border-top:1px solid #ccc;
        border-left:1px solid #ccc;
        background-color:#e7e7e7;
        border-radius:10px;
    } 
    .bx3 {  
      width: 74%;
      height: auto;
      margin: 30px auto;
      padding: 10px 10px 10px 25px;
      color: #000;
      font-size: 1.3em;
      letter-spacing: 1.0;
      text-align:left;
      border-top:1px solid #ccc;
      border-left:1px solid #ccc;
      background-color:#e7e7e7;
      border-radius:10px;
  }         
}

@media screen and (max-width: 859px) {
  .bgimg-2 {
    position: relative;
    opacity: 1.0;
    background-image: url("../grafica/ambienti-legionella2.png");
    background-repeat: no-repeat;
    background-position: center;
    min-height: 400px;
  }
  .caption {
    position: absolute;
    left: 5px;
    top: 45%;
    width: 100%;
    text-align: left;  
}
  .border{
    font-size: 1.2em;
    background-color: #fff; 
  }
  .caption span.border {
   background-color: #333;
   color: #fff;
   padding: 10px;
   font-size: 1.4em;
   letter-spacing: 5px;
   border-radius:10px;
}  
.bg-fonti{
  background-color:#FF5722;
  background-image:url("../grafica/legionella-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;    
  padding: 5px 5px;      
}   
  .prebx {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
  
    flex-wrap: wrap;
    justify-content: center;
    
}
.bx1 {
    width: 100%;
    height: auto;
    padding: 0 5px 6px 5px;
    color: #fff;
    font-size: 1.3em;
    letter-spacing: 1.0;
    font-weight: bold;
    border-left:1px solid #ccc;
}
.bx2 {  
    width: 100%;
    height: auto;
    margin-top: 30px;
    padding: 10px 10px 10px 25px;
    color: #fff;
    font-size: 1.3em;
    letter-spacing: 1.0;
    text-align:left;
    border-top:1px solid #ccc;
} 
.bx2a {  
    width: 100%;
    height: auto;
    margin-top: 30px;
    padding: 10px 10px 10px 25px;
    color: #000;
    font-size: 1.3em;
    letter-spacing: 1.0;
    text-align:left;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    background-color:#e7e7e7;
    border-radius:10px;
} 
.bx3 {  
  width: 100%;
  height: auto;
  margin: 30px auto;
  padding: 10px 10px 10px 25px;
  color: #000;
  font-size: 1.3em;
  letter-spacing: 1.0;
  text-align:left;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  background-color:#e7e7e7;
  border-radius:10px;
}         
}
.piede {
width:100%;
height:auto;
overflow: hidden;
background-color: #333;
border-top: 2px solid #fff;
}
.flag {
margin: 0px auto;
padding:10px;
max-width:800px;
height:auto;
overflow: hidden;
font-size:0.8em;
background-color: #333;
}
.fila1 {
float:left;
margin-left:12px;
margin-top:15px;
width:96%;
height:auto;
color:#e0e0e0;
text-align:center;
}
.fila1 a {
color:#ccc;
}
.fila1 a:hover {
color:#fff;
text-decoration:none;
}