@charset "UTF-8";
/* CSS Document */

body{
	background-color: #000000;
	margin: 0;
	width: 100%;
}


#wrapper{
	text-align: center;
	margin: 0 auto;
	padding: 10%;
	
}

#lp{
	width: 100%;
	max-width: 1366px;
}

#lp img{
	width: 100%;
	margin-bottom: 20px;
}

h2 img{
	width: 30%;
	margin-bottom: 60px;
}

.info{
	margin-bottom: 100px;
}
.info img{
	width: 50%;
	margin-top: 60px;
	overflow: hidden;
}

ul.items{width:100%; margin:0 auto;}
	ul.items li{ float:left; width:20%;}
	ul.items li img{ width:96%; margin:2%;}

@media screen and (max-width: 768px) {
	
	h2 img{
	width: 80%;
	margin-bottom: 60px;
}
	
	.info img{
	width: 70%;
}
	
	.top img{
		text-align: center;
		width: 80%;
	}
	
	ul.items li{ width:50%;}
	
}