html,body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: white;
}

#area1{
	width:	100%;
	max-height: 750px;
	height: 75%;
	margin: 0px;
	padding:0px;
	background-image: url('img/yo2.png');
	background-position: right top;
	background-repeat:no-repeat;
	background-size: contain;

}
#area1-1{
	width:	100%;
	height: 100%;
	background-image: url('img/yo1.png');
	background-position: left top;
	background-repeat:no-repeat;
	background-size: contain;
	text-align:	center;
}
#area2{
	width:	100%;
	background-image:	url('img/cloth.png');
}
#area3{
	width:	100%;
	background: #b3ddd0;
	text-align:center;
	padding-bottom: 50px;
}
#area4{
	width:	100%;
	height:	100px;
	background: white;
	padding:  15px 0px 45px 0px;
}

.section{
	width:	80%;
	max-width:	1200px;
	margin: 0px auto;
	padding: 10px 0px;
}
.section div{
	text-align:center;
	float: left;
}
.section:after{
	display:block;
	content:"";
	clear:both;
}