/* IE10+ VIEWPORT FIX */
@-ms-viewport { width:device-width;}
@viewport { width:device-width;}

@media screen and (max-width: 950px) {

/* Box */

.Riassunti {
	width: 90%;
	margin-left: 8%;
	float: left;
	margin-top: 20px;
	margin-bottom: 50px;
	display: block;
}
article {
	width: 42%;
	margin-right: 8%;
}
/* Fine Box */

}

@media screen and (max-width: 820px) {
	
.cl-effect-21 {
	margin-top: 6px;
}
.cl-effect-21 a {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
}


	
}
@media screen and (max-width: 686px) {


.Riassunti {
	width: 100%;
	margin-left: 0%;
}
article {
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
}
hr {
	width: 20%;
	margin-left: 4%;
	margin-right: 0%;
	
}
h1 {
	width: 42%;
	margin-left: 4%;
	margin-right: 0%;
}

.cl-effect-21 {
	margin-top: 25px;
}



}
@media screen and (max-width: 605px) {

#Image {
	width: 100%;
	background-image: url(../image/bannerMedio.jpg);
	float: left;
	height: 150px;
	display: block;
}

.testo {
	width: 275px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
h5 {
	font-size: 38px;
	line-height: 45px;
	font-weight: 400;
	color: rgba(124,123,123,1.00);
	margin-top: 15px;
}

h4 {
	font-size: 38px;
	line-height: 40px;
	font-weight: 400;
	color: rgba(124,123,123,1.00);
	margin-left: 90px;
}
h3 {
	font-size: 35px;
	line-height: 20px;
	font-weight: 400;
	color: rgba(124,123,123,1.00);
	margin-left: 180px;
}


hr {
	width: 10%;
	margin-left: 5%;
	margin-right: 0%;
	
}
h1 {
	width: 60%;
	margin-left: 5%;
	margin-right: 0%;
}

.cl-effect-21 {
	margin-top: 25px;
}

}
@media screen and (max-width: 473px) {


article {
	width: 100%;
	height: 220px;
	margin: 0;
	border-top-color: rgba(255,255,255,0.00);
	border-right-color: rgba(255,255,255,0.00);
	border-left-color: rgba(255,255,255,0.00);
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.Riassunti {
	margin-bottom: 0px;
}
footer {
	height: 70px;
}


}