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

@media only screen and (max-width:1024px){
	#cta, #contacto_principal, #beneficios{
		display:block;	
	}
	#contacto_principal, #beneficios{
		width:100%;
		float:left;
		min-height:0;	
	}
	#contacto_principal{
		padding:40px 80px;	
	}
	#contacto_principal br{
		display:none;	
	}
	#contacto_principal h2{
		margin-bottom:15px;	
	}
	#contacto_principal a {
		margin: 0;
		float: none;
	}
	#imagen, #cta{
		position:relative;	
	}
	#cta{
		z-index:0;
	}
	#imagen{
		z-index:1;	
	}
	#imagen img {
		margin-top: -75px;
		width: 120%;
		margin-left: 0;
	}
	#beneficios p{
		font-size:0.8em;
	}
}

@media only screen and (max-width:812px){
	#cabecera{
		background-image:none;	
	}
	#imagen img {
		margin-top: -10px;
		width: 116%;
		margin-left: 0px;
	}
	#contacto_principal{
		padding:40px 60px;	
	}
	#titular {
		width: 100%;
		float: left;
		text-align: center;
		padding-top: 40px;
		padding-bottom: 40px;
	}
}
@media only screen and (max-width:480px){
	#cabecera {
		background-color: #FFF;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-right: 0;
		padding-left: 0;
		text-align:center;
		height:auto;
	}
	#logo{
		text-align:center;	
	}
	#logo img {
		float: none;
	}
	#logo .logo-hijolusa {
		width: 100%;
		max-width:200px;
		display:inline-block;
		height: auto;
		float: none;
		margin-top: 0;
		margin-left: 0px;
		border-left: 0px solid #CCC;
		padding-left: 0px;
	}
	#container_superior {
		height: auto;
	}
	#cta{
		width:100%;
		float:left;
		margin-top:-100px;	
	}
	#titular h2 {
		font: 400 1.1em 'Nunito', sans-serif;
	}
	#titular h3 {
		font: 400 0.9em 'Nunito', sans-serif;
	}
	#contacto_principal {
		padding: 40px;
	}
	#logo .logo-hijolusa {
    	max-width: 150px;
	}
	#imagen{
		width:100%;
		text-align:center;	
	}
	#imagen img{
		width:100%;
		max-width:250px;
		float:none;
		display:inline-block;
		margin-left:0;
		margin-top:-20px;
	}
	#beneficios{
		padding:100px 40px 40px;	
	}
	#testimonios{
		padding:40px 0;	
	}
	#testimonios > div{
		width:100%!important;
		float:left;
		margin-left: 0!important;
		padding:40px 0 0!important;
	}
	hr {
		color: #000;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.bx-viewport, blockquote{
		height:auto!important;	
	}
	.redes li {
		margin-right: 10px;
		display: inline-block;
	}
}