@charset "utf-8";
/* CSS Document */

.contacto {
padding-top:20px;    
text-align: center;
background-color: #303033;
font-family: 'Open Sans', sans-serif;  

}
.contacto h3 {
color: #FFF;
font-size: 15px;
font-weight: bold;	
}
.contacto p {
color: #FFF;	
font-size: 12px;	
}
.contacto p i {
margin:	0 5px 0 15px; 
}
.contacto img {
width: 7%	
}
.sociales {
margin-top: 30px;
margin-bottom: 20px;	
text-align: center;	
}
.sociales a {
font-size:25px;	
color: #FFF;
padding: 10px;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;	
}
.sociales a:hover {
color: #de0000;
}



@media (max-width: 736px) {
.contacto {
padding-top:10px; 
}    
.contacto h3 {
font-size: 15px;    
}
.contacto img {
margin-top: 20px;    
width: 20%;  
}
    
}