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

 
.container2{
    text-align:center;
   font-family: 'Raleway', sans-serif;
 background-color:white;

	width: 100%;

}


.container3{
    text-align:center;
   font-family: 'Raleway', sans-serif;
 background-color:white;

	width: 100%;
	height:auto;

}



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

}


.content03{
    text-align:center;
    font-size:8px;
    height:auto;
  font-family: 'Raleway', sans-serif;
color:white;
letter-spacing:1px;
background-color:#5cc44e;
	width: 28%;
	margin-right:2%;
	padding:4px;
	float:left;
}


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

	width: 90%;
	margin-left:5%;
	margin-top:0.5%;
	padding-top:2.5px;
	padding-bottom:2.5px;
	padding-left:15px;
}



table  {
	border-collapse:collapse;
	color:grey;
float:left;
width:100%;
height:100px;
text-align:center;
font-family: 'Raleway', sans-serif;
 font-size:12px;
 letter-spacing:2px;
}
td, th {
width:14.6%;
padding:1%;
}


td:not(:first-child) {
border-left:1px   #abb8c7 solid;

}

td:not(:last-child) {
border-right:1px #abb8c7 solid;
}

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

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

 
   .scritta{
background-image: url("../img/testo1.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/testo2.png");
width: 327px;
height: 172px;
background-repeat: no-repeat;
background-clip: content-box;
position: absolute;
z-index: 2;
top: -150%;
left:1%;
background-size: 100% 100%;
}

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







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

 
 
.container2{
    text-align:center;
   font-family: 'Raleway', sans-serif;
 background-color:white;

	width: 100%;

}


.container3{
    text-align:center;
   font-family: 'Raleway', sans-serif;
 background-color:white;

	width: 100%;
	height:auto;

}



.content01{
    text-align:left;
    font-size:19px;
    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:37px;

}


.content03{
    text-align:center;
    font-size:9px;
  font-family: 'Raleway', sans-serif;
color:white;
letter-spacing:1px;
background-color:#5cc44e;
	width: 28%;
	margin-right:3%;
	padding:4px;
	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;
}



table  {
	border-collapse:collapse;
	color:grey;
float:left;
width:100%;
height:100px;
text-align:center;
font-family: 'Raleway', sans-serif;
 font-size:12px;
 letter-spacing:2px;
}
td, th {
width:14.6%;
padding:1%;
}


td:not(:first-child) {
border-left:1px   #abb8c7 solid;

}

td:not(:last-child) {
border-right:1px #abb8c7 solid;
}

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


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

 
   .scritta{
background-image: url("../img/testo1.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/testo2.png");
width:500px;
height: 262px;
background-repeat: no-repeat;
background-clip: content-box;
position: absolute;
z-index: 2;
top: -140%;
left:1%;
background-size: 100% 100%;
}

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









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

 
 
.container2{
    text-align:center;
   font-family: 'Raleway', sans-serif;
 background-color:white;

	width: 100%;

}


.container3{
    text-align:center;
   font-family: 'Raleway', sans-serif;
 background-color:white;

	width: 100%;
	height:auto;

}



.content01{
    text-align:left;
    font-size:20px;
    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:37px;

}


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


.content02{
    text-align:left;
    font-size:13px;
  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;
}



table  {
	border-collapse:collapse;
	color:grey;
float:left;
width:100%;
height:100px;
text-align:center;
font-family: 'Raleway', sans-serif;
 font-size:12px;
 letter-spacing:2px;
}
td, th {
width:14.6%;
padding:1%;
}


td:not(:first-child) {
border-left:1px   #abb8c7 solid;

}

td:not(:last-child) {
border-right:1px #abb8c7 solid;
}

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


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

 
   .scritta{
background-image: url("../img/testo1.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/testo2.png");
width:650px;
height: 341px;
background-repeat: no-repeat;
background-clip: content-box;
position: absolute;
z-index: 2;
top: -140%;
left:1%;
background-size: 100% 100%;
}

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












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

 
.container2{
    text-align:center;
   font-family: 'Raleway', sans-serif;
 background-color:white;

	width: 100%;

}


.container3{
    text-align:center;
   font-family: 'Raleway', sans-serif;
 background-color:white;

	width: 100%;
	height:auto;

}



.content01{
    text-align:left;
    font-size:30px;
    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:37px;

}


.content03{
    text-align:center;
    font-size:13px;
  font-family: 'Raleway', sans-serif;
color:white;
letter-spacing:1px;
background-color:#5cc44e;
	width: 28%;
	margin-right:3%;
	padding:4px;
	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;
}








table  {
	border-collapse:collapse;
	color:grey;
float:left;
width:100%;
height:100px;
text-align:center;
font-family: 'Raleway', sans-serif;
 font-size:12px;
 letter-spacing:2px;
}
td, th {
width:14.6%;
padding:1%;
}


td:not(:first-child) {
border-left:1px   #abb8c7 solid;

}

td:not(:last-child) {
border-right:1px #abb8c7 solid;
}

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

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

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

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

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










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

 
.container2{
    text-align:center;
   font-family: 'Raleway', sans-serif;
 background-color:white;

	width: 100%;

}


.container3{
    text-align:center;
   font-family: 'Raleway', sans-serif;
 background-color:white;

	width: 100%;
	height:auto;

}



.content01{
    text-align:left;
    font-size:30px;
    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:37px;

}


.content03{
    text-align:center;
    font-size:13px;
  font-family: 'Raleway', sans-serif;
color:white;
letter-spacing:1px;
background-color:#5cc44e;
	width: 28%;
	margin-right:3%;
	padding:4px;
	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;
}








table  {
	border-collapse:collapse;
	color:grey;
float:left;
width:100%;
height:100px;
text-align:center;
font-family: 'Raleway', sans-serif;
 font-size:12px;
 letter-spacing:2px;
}
td, th {
width:14.6%;
padding:1%;
}


td:not(:first-child) {
border-left:1px   #abb8c7 solid;

}

td:not(:last-child) {
border-right:1px #abb8c7 solid;
}

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

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

 
   .scritta{
background-image: url("../img/testo1.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/testo2.png");
width: 100%;
max-width: 1000px;
height: 518px;
background-repeat: no-repeat;
background-clip: content-box;
position: absolute;
z-index: 2;
top: -200%;
left:1%;
background-size: 100% 100%;
}

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











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


.container{
    text-align:center;
    font-family: 'Raleway', sans-serif;
    color: #032145;

    letter-spacing:3px;
	font-size:1.15em;
	width: 100%;

}