@charset "utf-8";
html{ font-size: 1.0em }
body{ font-family:'Open Sans', sans-serif; color:#555; font-size: 1.0em; background: url(../images/fondo_cabecera.png) center; font-weight: lighter  }
.information{ margin:0 auto; margin-top:18%; padding-bottom:40px; min-height:30%; }
.logo{ max-width: 293px; margin: 0 auto;  }
p { font-size:1.3em; line-height:200%; color:#655f63 }
.datos-contacto{ margin: 50px 0; color: #555; line-height: 40px; overflow: hidden; font-size:0.90em }
.datos-contacto-cont{ width:65%; margin: 0 auto; text-align:center; overflow:hidden; }
.datos-contacto-cont span{ margin-right:10px; color:#555; }
.fa-home{ font-size:1.2em  } 
.contact{ float:left; margin: 0 10px; text-align:center; }
.texto, .social{ margin:25px 0; text-align:center; padding: 0 10px; }
.social{ font-size: 2.5em }
.social i{ color: #C1C1C1 }
.fa:before{ color: #C1C1C1 }
.social .fa:hover:before{ color: #333 }

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

	.information{ margin-top:8%; }
	.logo{ margin-bottom:8%; }
	.texto{ margin-bottom:10%; }	
	.datos-contacto{ margin:20px 0; }	
	.datos-contacto-cont{ width:100%;  }
	.contact{ width:100%; margin: 0 auto; float:none; line-height:160% !important; text-align:left; }
	p{ font-size: 1.1em; line-height:140%;  }

}