@charset "utf-8";
@import url(/Shared/CSS/font-face/fonts-rebranding.css);
/* CSS Document */

@media screen and (max-width: 1000px) {	
	
	article {overflow: hidden; width: 96%; padding: 40px 2% 0;}
	article.content {overflow: hidden; padding: 50px 0; width: 100%;}

	/*Figure*/
	figure {background-size: cover;}
	figure h1 {font: 30px/34px 'fontDinReg';}
	figure article {width: 96%; padding: 0 2% 0;}
	
	section h2, section h2 a {font-size:32px; line-height:36px; letter-spacing: -0.015em;}
	section h3, section h3 a {font-size:20px; line-height:24px;}
	section p, section li {font-size: 14px; line-height: 22px;}
	a.verContenido {font: 19px/25px 'fontDinMed';width: 94%;    padding: 20px 3% 20px;}
	body .caja_contenido {
    	width: 94%;
    	padding: 10px 3% 40px;
	}


}

@media  screen and  (min-width: 320px) and (max-width: 600px){

	li.title {
    	float: left;
    	width: 100%;
    	margin: 0 0 20px;
	}

	figure h1 {
    font-size: 28px;
    line-height: 32px;
	}
	figure article {
		width: 94%;
    	padding: 0 3%;
	}
	article.content {
    	width: 100%;
    	padding: 40px 0 0;
	}
	article {
    width: 94%;
    padding: 40px 3%;
	}
	section h2, section h2 a {font-size: 28px; line-height: 32px;}
	section h3, section h3 a {font-size: 20px; line-height: 24px;}
	section a {font-size:14px;}
	img.positionPhono {display:none;}
	section p.Ejemplo-two img {
    padding: 0;
    float: none;
    margin: 0 auto 10px;
	}
	a.verContenido abbr {padding-bottom: 5px;}
	
}

@media screen and (max-width: 400px) {
	img.Ajuste-image { width:100%;}
	Ajuste-image-two { width:initial;}
}