@charset "UTF-8";

@font-face {font-family: 'sans 300';
src: url('../webfonts/open-sans-v20-latin-300.woff2') format('woff2');
}

@font-face {font-family: 'sans 300 italic';
src: url('../webfonts/open-sans-v20-latin-300italic.woff2') format('woff2');
}

h1 {
	font-family: "sans 300";
	font-size: 14px ;
	margin-top: 10px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px; color:#000000;
	
} 

h2 {
	font-family: "sans 300";
	font-size: 12px ;
	margin-top: 0px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px; color: #cd1719;
} 

p {
	font-family: "sans 300 italic";
	font-size: 12px ;
	margin-top: 30px;margin-bottom: 0px;margin-left: 0px;margin-right: 0px; color: #595959;
} 


html{ 
background-color: #FFFFFF;
display: block;
	width:98%;
	align-content: center;
margin-left: 50px;margin-right: auto;
}

@media screen and (min-width:641px){
.icone {
		width: 250px;
		margin-right: 30px;
		margin-bottom: 30px;
		float: left;
		}
}


@media screen and (max-width:640px){
.icone{
		width: 250px;
		margin-right: 30px;
		margin-bottom: 30px;
		float:left;
		}
}

.icone img{
	border-style: solid;border-color: #BEBEBE;border-width: 1px;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.icone:hover img{
	border-style: solid;border-color: #BEBEBE;border-width: 1px;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}