#area-covers{
	color: #FFF;
	display:none;
	//margin-top:50px;
	padding:40px;
}
#area-covers div{
	padding: 10px;
	background: #1B1B1B;
	border-radius:20px 20px 20px 20px;
	opacity:0;
	float:left;
	transition:all 1s;
	box-shadow: 0 1px 2px rgba(0,0,0,0.07),
				0 2px 4px rgba(0,0,0,0.07),
				0 4px 8px rgba(0,0,0,0.07),
				0 8px 16px rgba(0,0,0,0.07),
				0 16px 32px rgba(0,0,0,0.07),
				0 32px 64px rgba(0,0,0,0.07);
}
#area-covers div h2{
	font-size: 16px;
	font-weight: bold;
}
#area-covers div p{
	font-size: small;
	margin-top: -5px;
}
#area1{
	width:17%;
	height:15%;
	margin-top:10px;
	margin-left:20px;
}
#area2{
	width:19%;
	height:200px;
	margin-top:-10px;
	margin-left:20px;
}
#area3{
	width:19%;
	height:140px;
	margin-left:20px;
}
div#area4{
	width:19%;
	height:170px;
	margin-top:18%;
	margin-left:0px;
	float:none;
}
#area5{
	width:29%;
	height:120px;
	margin-top:3%;
	margin-left:20px;
}
#area6{
	width:21%;
	height:140px;
	margin-top:-15%;
	margin-left:-5%;
}
#area7{
	width:19%;
	height:180px;
	margin-top:-16%;
	margin-left:20px;
}
#area8{
	width:39%;
	height:100px;
	margin-top:2%;
	margin-left:20px;
}
#area9{
	width:19%;
	height:200px;
	margin-top:-12%;
	margin-left:10px;
}
#area10{
	width:26%;
	height:140px;
	margin-top:30px;
	margin-left:20px;
}

@media (max-width:1350px){
	body{
		//background: white;
	}
	#area6{
		margin-top:-12%;
	}
}
@media (max-width:1270px){
	body{
		//background: white;
	}
	div#area4{
		margin-top:19%;
	}
	#area5{
		margin-top:6%;
		height:140px;
	}
	#area7{
		margin-top:-14%;
	}
	#area9{
		margin-top:-15%;
	}
}
@media (max-width:1180px){
	body{
		//background: white;
	}
	#area4{
		margin-top:24%;
	}
	#area6{
		margin-top:-14%;
	}
	#area10{
		width:24%;
	}
	#area8{
		width:35%;
		margin-left:50px;
	}
	#area9{
		width:18%;
	}
}
@media (max-width:1200px){
	#area-covers div{
		
		//margin: 0px;
	}
	#area1, #area2, #area3, div#area4, #area5, #area6, #area7, #area8, #area9, #area10{
		margin:10px;
		width: 25%;
		height: 220px;
	}
	div#area4{
		float:left;
	}
	#area9{
		width: 55%;
	}
	#area10{
		width: 55%;
	}
}
@media (max-width:800px){
	body{
		//background: White;
	}
	#area1, #area2, #area3, div#area4, #area5, #area6, #area7, #area8, #area9, #area10{
		width: 39%;
		height: 170px;
	}
	#area3{
		width: 88%;
	}
	#area5{
		height: 380px;
	}
}
@media (max-width:670px){
}
@media (max-width:610px){
	#area1, #area2, #area3, div#area4, #area5, #area6, #area7, #area8, #area9, #area10{
		margin:9px;
		float: left;
		//width: 25%;
		margin-left: -25px;
	}
	#area1, #area2, #area3, div#area4, #area5, #area6, #area7, #area8, #area9, #area10{
		width: 50%;
		text-align: justify;
		height: fit-content;
	}
	div#area2, div#area4, div#area6, div#area9{
		float: right;
		
		margin-right: -25px;
	}
	#area3, #area7{
		width: 110%;
	}
}