html,
body {overflow-x: hidden;position: relative;}
.btn { font-family: "Poppins", serif;  font-weight:700; color: #ffffff; border-radius:35px; }
.btn:hover { border:0px; }
.btn-arancione { color: #ffffff; border: 0px; background-color: #e54936; border-left:12px solid #e99e1a; }
.btn-arancione:hover { color: #ffffff; border: 0px; background-color: #e99e1a; border-left:12px solid #e54936;}
.btn-bianco { color: #e54936; border: 0px; background-color: #ffffff; border-left:12px solid #e99e1a; }
.btn-bianco:hover { color: #ffffff; border: 0px; background-color: #e99e1a; border-left:12px solid #e99e1a;}

.onda {position:absolute; background: url("/img/onda.png") top center no-repeat;width:100%; z-index:2; bottom:0;}

.radius {border-radius:15px;}
.arancio {border-radius:15px; background-color:#e54936; padding:20px; }
.green {border-radius:15px; background-color:#8ad250; padding:20px; border-right:12px solid #ffffff; border-bottom:15px solid #ffffff; z-index:1; }
.educazione {background: url("/img/educazione.jpg") top center no-repeat;width:100%;}
.testo-foto {position:absolute;left:50%;}

.nav-tabs> li > a { border:0px; }

.col-xs-24, 
.col-sm-24, 
.col-md-24, 
.col-lg-24 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-24 {
width: 20%;
float: left;
}


@media (max-width:767px) {
.btn { font-size:16px; padding-top:20px; padding-bottom:20px; padding-left:40px; padding-right:40px; }
.onda {height:18px;}


.col-sm-24 {
float: left;
}
.col-sm-24 {
width: 20%;
}


.green {position:relative; width:auto; padding:40px; margin-top:20px; }
.educazione {height:858px; background: url("/img/educazione.jpg") -500px -115px no-repeat;width:100%;}
.educazione .testo {color:#fff;}
.testo-foto {width:480px; margin:100px 0 0 -670px;}
}


@media(min-width:768px) and (max-width:991px) {


.col-md-24 {
float: left;
}
.col-md-24 {
width: 20%;
}
}


@media(min-width:992px) {
.btn { font-size:16px; padding-top:20px; padding-bottom:20px; padding-left:40px; padding-right:40px; }
.onda {height:165px;}


.col-md-24 {
float: left;
}
.col-md-24 {
width: 20%;
}

.green {position:absolute; width:720px; padding:40px; margin-top:20px; }
.educazione {height:858px;}
.testo-foto {width:480px; margin:100px 0 0 -670px;}
}


@media(min-width:1200px) {

.btn { font-size:16px; padding-top:20px; padding-bottom:20px; padding-left:40px; padding-right:40px; }

.onda {height:165px;}

.col-lg-24 {
float: left;
}
.col-lg-24 {
width: 20%;
}



.green {position:absolute; width:720px; padding:40px; margin-top:20px; }
.educazione {height:858px;}
.testo-foto {width:480px; margin:100px 0 0 -670px;}
}