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

@media screen and (max-width: 1000px) {	
	
	article {overflow: hidden;padding: 30px 2%;width: 96%;}

	/*Figure*/
	figure {background-size: cover;}
	figure h1 {font: 30px/34px 'DTV-DIN';}
	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 {font-size: 14px; line-height: 22px;}
	a.verContenido {font: 19px/25px 'DTV-DIN-MEDIUM';}

}

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

	figure h1 {
    font-size: 28px;
    line-height: 32px;
	}
	figure article {
		width: 94%;
    padding: 0 3%;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	}
	article {
    width: 94%;
    padding: 30px 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;}
}