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

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

	/*Figure*/
	figure {background-size: cover;}
	figure h1 {font: 24px/24px '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 p {font-size: 14px; line-height: 22px;}

}

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

	figure h1 {
    font-size: 20px;
    line-height: 20px;
	}
	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: 40px 3%;
	}
	section h2, section h2 a {font-size: 28px; line-height: 32px;}
	section a {font-size:14px;}
	
}