/* 575px and down */
@media (max-width: 575px) { 
    

.container3{
    text-align:center;
  font-family: 'Raleway', sans-serif; 
 background-color:white;
margin-top:2%;
	width: 100%;


}




.content01{
    text-align:left;
    font-size:14px;
  font-family: 'Raleway', sans-serif;
color:#5cc44e;
letter-spacing:2px;
border-left:2px #5cc44e solid;
	width: 80%;
	line-height:15px;
	margin-left:10%;
	margin-top:3%;
	padding-top:2.5px;
	padding-bottom:11px;
	padding-left:15px;
	height:30px;

}


.content03{
    text-align:center;
    font-size:13px;
   font-family: 'Raleway', sans-serif;
color:white;
letter-spacing:1px;
background-color:#5cc44e;
	width: 47%;
	margin-right:3%;
	line-height:13px;
	float:left;
}

.content04{
    text-align:left;
    font-size:12px;
    font-family: 'Raleway', sans-serif;
color:grey;
letter-spacing:1px;
background-color:white;
	width: 47%;
	margin-right:3%;
	line-height:20px;
	float:left;
}


.content02{
    text-align:left;
    font-size:12px;
   font-family: 'Raleway', sans-serif;
color:grey;
letter-spacing:1px;

	width: 80%;
	margin-left:10%;
	margin-top:0.5%;
	padding-top:2.5px;
	padding-bottom:2.5px;
	padding-left:15px;
}



    
      .content2  {
      width:100%;
   height:100px;
   text-align:center;
margin: 0;
     
      position:relative;
      background-image: url("../img/foto1.jpg");
background-clip: content-box;
background-repeat: no-repeat;
overflow: hidden;
background-size: 100%;
  
    }
    
       .content5  {
      width:100%;
   height:150px;
   text-align:center;
margin: 0;
     
      position:relative;
      background-image: url("../img/foto1.jpg");
  
width: 100%;

background-clip: content-box;
background-repeat: no-repeat;
overflow: hidden;
background-size: 100%;
  
    }

 
   .scritta{
background-image: url("../img/testo4.png");
width:327px;

height: 172px;

background-repeat: no-repeat;
background-clip: content-box;
position: absolute;
z-index: 2;
top: -60px;
background-size: 100% 100%;
}


.testo1{
background-image: url("../img/testo5.png");
width:327px;
height: 172px;
background-repeat: no-repeat;
background-clip: content-box;
position: absolute;
z-index: 2;
top: -450%;
left:1%;
background-size: 100% 100%;
}

    
 #sposta a:link { color: grey; text-decoration: none; }
#sposta a:visited { color:grey; text-decoration: none; }
#sposta a:hover { color: grey ;text-decoration: none;   font-weight:bold }
#sposta a:active { color: grey; text-decoration: none;   font-weight:bold}
}







/*Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    

.container3{
    text-align:center;
  font-family: 'Raleway', sans-serif; 
 background-color:white;
margin-top:2%;
	width: 100%;


}




.content01{
    text-align:left;
    font-size:16px;
  font-family: 'Raleway', sans-serif;
color:#5cc44e;
letter-spacing:2px;
border-left:2px #5cc44e solid;
	width: 80%;
	margin-left:10%;
	margin-top:3%;
	padding-top:2.5px;
	padding-bottom:8px;
	padding-left:15px;
	height:30px;

}


.content03{
    text-align:center;
    font-size:15px;
   font-family: 'Raleway', sans-serif;
color:white;
letter-spacing:1px;
background-color:#5cc44e;
	width: 47%;
	margin-right:3%;
	line-height:13px;
	float:left;
}

.content04{
    text-align:left;
    font-size:12px;
    font-family: 'Raleway', sans-serif;
color:grey;
letter-spacing:1px;
background-color:white;
	width: 47%;
	margin-right:3%;
	line-height:20px;
	float:left;
}


.content02{
    text-align:left;
    font-size:12px;
   font-family: 'Raleway', sans-serif;
color:grey;
letter-spacing:1px;

	width: 80%;
	margin-left:10%;
	margin-top:0.5%;
	padding-top:2.5px;
	padding-bottom:2.5px;
	padding-left:15px;
}



    
      .content2  {
      width:100%;
   height:150px;
   text-align:center;
margin: 0;
     
      position:relative;
      background-image: url("../img/foto1.jpg");
  
width: 100%;

background-clip: content-box;
background-repeat: no-repeat;
overflow: hidden;
background-size: 100%;
  
    }
    
       .content5  {
      width:100%;
   height:150px;
   text-align:center;
margin: 0;
     
      position:relative;
      background-image: url("../img/foto1.jpg");
  
width: 100%;


background-clip: content-box;
background-repeat: no-repeat;
overflow: hidden;
background-size: 100%;
  
    }

 
   .scritta{
background-image: url("../img/testo4.png");
width:500px;
height: 262px;
background-repeat: no-repeat;
background-clip: content-box;
position: absolute;
z-index: 2;
top: -100px;
background-size: 100% 100%;
}


.testo1{
background-image: url("../img/testo5.png");
width:500px;
height: 262px;
background-repeat: no-repeat;
background-clip: content-box;
position: absolute;
z-index: 2;
top: -470%;
left:1%;
background-size: 100% 100%;
}

    
 #sposta a:link { color: grey; text-decoration: none; }
#sposta a:visited { color:grey; text-decoration: none; }
#sposta a:hover { color: grey ;text-decoration: none;   font-weight:bold }
#sposta a:active { color: grey; text-decoration: none;   font-weight:bold}
}










/*Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    

.container3{
    text-align:center;
  font-family: 'Raleway', sans-serif; 
 background-color:white;
margin-top:2%;
	width: 100%;


}




.content01{
    text-align:left;
    font-size:18px;
  font-family: 'Raleway', sans-serif;
color:#5cc44e;
letter-spacing:2px;
border-left:2px #5cc44e solid;
	width: 80%;
	margin-left:10%;
	margin-top:3%;
	padding-top:2.5px;
	padding-left:15px;
	height:35px;

}


.content03{
    text-align:center;
    font-size:16px;
   font-family: 'Raleway', sans-serif;
color:white;
letter-spacing:1px;
background-color:#5cc44e;
	width: 47%;
	margin-right:3%;
	line-height:13px;
	float:left;
}

.content04{
    text-align:left;
    font-size:13px;
    font-family: 'Raleway', sans-serif;
color:grey;
letter-spacing:1px;
background-color:white;
	width: 47%;
	margin-right:3%;
	line-height:20px;
	float:left;
}


.content02{
    text-align:left;
    font-size:12px;
   font-family: 'Raleway', sans-serif;
color:grey;
letter-spacing:1px;

	width: 80%;
	margin-left:10%;
	margin-top:0.5%;
	padding-top:2.5px;
	padding-bottom:2.5px;
	padding-left:15px;
}



    
      .content2  {
      width:100%;
   height:220px;
   text-align:center;
margin: 0;
     
      position:relative;
      background-image: url("../img/foto1.jpg");
  
width: 100%;


background-clip: content-box;
background-repeat: no-repeat;
overflow: hidden;
background-size: 100%;
  
    }
    
       .content5  {
      width:100%;
   height:150px;
   text-align:center;
margin: 0;
     
      position:relative;
      background-image: url("../img/foto1.jpg");
  
width: 100%;

background-attachment: fixed;
background-clip: content-box;
background-repeat: no-repeat;
overflow: hidden;
background-size: 100%;
  
    }

 
   .scritta{
background-image: url("../img/testo4.png");
width:650px;
height: 341px;
background-repeat: no-repeat;
background-clip: content-box;
position: absolute;
z-index: 2;
top: -110px;
background-size: 100% 100%;
}


.testo1{
background-image: url("../img/testo5.png");
width:650px;
height: 341px;
background-repeat: no-repeat;
background-clip: content-box;
position: absolute;
z-index: 2;
top: -430%;
left:1%;
background-size: 100% 100%;
}

    
 #sposta a:link { color: grey; text-decoration: none; }
#sposta a:visited { color:grey; text-decoration: none; }
#sposta a:hover { color: grey ;text-decoration: none;   font-weight:bold }
#sposta a:active { color: grey; text-decoration: none;   font-weight:bold}
}












/*Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    

.container3{
    text-align:center;
  font-family: 'Raleway', sans-serif; 
 background-color:white;
margin-top:2%;
	width: 100%;


}




.content01{
    text-align:left;
    font-size:21px;
  font-family: 'Raleway', sans-serif;
color:#5cc44e;
letter-spacing:2px;
border-left:2px #5cc44e solid;
	width: 80%;
	margin-left:10%;
	margin-top:3%;
	padding-top:2.5px;
	padding-bottom:2.5px;
	padding-left:15px;
	height:45px;

}


.content03{
    text-align:center;
    font-size:13px;
   font-family: 'Raleway', sans-serif;
color:white;
letter-spacing:1px;
background-color:#5cc44e;
	width: 47%;
	margin-right:3%;
	line-height:13px;
	float:left;
}

.content04{
    text-align:left;
    font-size:13px;
    font-family: 'Raleway', sans-serif;
color:grey;
letter-spacing:1px;
background-color:white;
	width: 47%;
	margin-right:3%;
	line-height:20px;
	float:left;
}


.content02{
    text-align:left;
    font-size:15px;
   font-family: 'Raleway', sans-serif;
color:grey;
letter-spacing:1px;

	width: 80%;
	margin-left:10%;
	margin-top:0.5%;
	padding-top:2.5px;
	padding-bottom:2.5px;
	padding-left:15px;
}



    
      .content2  {
      width:100%;
   height:300px;
   text-align:center;
margin: 0;
     
      position:relative;
      background-image: url("../img/foto1.jpg");
  
width: 100%;

background-attachment: fixed;
background-clip: content-box;
background-repeat: no-repeat;
overflow: hidden;
background-size: 100%;
  
    }
    
       .content5  {
      width:100%;
   height:150px;
   text-align:center;
margin: 0;
     
      position:relative;
      background-image: url("../img/foto1.jpg");
  
width: 100%;

background-attachment: fixed;
background-clip: content-box;
background-repeat: no-repeat;
overflow: hidden;
background-size: 100%;
  
    }

 
   .scritta{
background-image: url("../img/testo4.png");
width: 100%;
max-width: 1000px;
height: 518px;
background-repeat: no-repeat;
background-clip: content-box;
position: absolute;
z-index: 2;
top: -150px;
background-size: 100% 100%;
}


.testo1{
background-image: url("../img/testo5.png");
width: 100%;
max-width: 1000px;
height: 518px;
background-repeat: no-repeat;
background-clip: content-box;
position: absolute;
z-index: 2;
top: -530%;
left:1%;
background-size: 100% 100%;
}

    
 #sposta a:link { color: grey; text-decoration: none; }
#sposta a:visited { color:grey; text-decoration: none; }
#sposta a:hover { color: grey ;text-decoration: none;   font-weight:bold }
#sposta a:active { color: grey; text-decoration: none;   font-weight:bold}
}














/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    

.container3{
    text-align:center;
  font-family: 'Raleway', sans-serif; 
 background-color:white;
margin-top:2%;
	width: 100%;


}




.content01{
    text-align:left;
    font-size:21px;
  font-family: 'Raleway', sans-serif;
color:#5cc44e;
letter-spacing:2px;
border-left:2px #5cc44e solid;
	width: 80%;
	margin-left:10%;
	margin-top:3%;
	padding-top:2.5px;
	padding-bottom:2.5px;
	padding-left:15px;
	height:30px;

}


.content03{
    text-align:center;
    font-size:13px;
   font-family: 'Raleway', sans-serif;
color:white;
letter-spacing:1px;
background-color:#5cc44e;
	width: 47%;
	margin-right:3%;
	line-height:13px;
	float:left;
}

.content04{
    text-align:left;
    font-size:13px;
    font-family: 'Raleway', sans-serif;
color:grey;
letter-spacing:1px;
background-color:white;
	width: 47%;
	margin-right:3%;
	line-height:20px;
	float:left;
}


.content02{
    text-align:left;
    font-size:15px;
   font-family: 'Raleway', sans-serif;
color:grey;
letter-spacing:1px;

	width: 80%;
	margin-left:10%;
	margin-top:0.5%;
	padding-top:2.5px;
	padding-bottom:2.5px;
	padding-left:15px;
}



    
      .content2  {
      width:100%;
   height:300px;
   text-align:center;
margin: 0;
     
      position:relative;
      background-image: url("../img/foto1.jpg");
  
width: 100%;

background-attachment: fixed;
background-clip: content-box;
background-repeat: no-repeat;
overflow: hidden;
background-size: 100%;
  
    }
    
       .content5  {
      width:100%;
   height:150px;
   text-align:center;
margin: 0;
     
      position:relative;
      background-image: url("../img/foto1.jpg");
  
width: 100%;

background-attachment: fixed;
background-clip: content-box;
background-repeat: no-repeat;
overflow: hidden;
background-size: 100%;
  
    }

 
   .scritta{
background-image: url("../img/testo4.png");
width: 100%;
max-width: 1000px;
height: 518px;
background-repeat: no-repeat;
background-clip: content-box;
position: absolute;
z-index: 2;
top: -150px;
background-size: 100% 100%;
}


.testo1{
background-image: url("../img/testo5.png");
width: 100%;
max-width: 1000px;
height: 518px;
background-repeat: no-repeat;
background-clip: content-box;
position: absolute;
z-index: 2;
top: -510%;
left:1%;
background-size: 100% 100%;
}

    
 #sposta a:link { color: grey; text-decoration: none; }
#sposta a:visited { color:grey; text-decoration: none; }
#sposta a:hover { color: grey ;text-decoration: none;   font-weight:bold }
#sposta a:active { color: grey; text-decoration: none;   font-weight:bold}
}






body, html {
padding:0;
margin:0;
height:100%;
background-color: white;
}