html, body{width:100%; height:100%; margin:0; padding:0; border:none; z-index:0;}
body{position:relative; background:#cdcdcd; color:#363636; font-size:1em; font-weight:normal; font-family:Calibri,Verdana,Arial;}
.clear{clear:both;width:100%;line-height:0;font-size:0;}

p, h1, h2, h3{margin:0; padding:0; font-family:Calibri,Verdana,Arial; font-weight:normal;}
a{color:#ffffff; text-decoration:none;}
a:hover{color:#ffffff; text-decoration:none;}
a:visited{color:#ffffff; text-decoration:none;}
img{border:none;}
ul{width:100%; list-style-type:none; margin:0; padding:0;}
ul li{list-style-type:none;}

/* layout */
@media screen and (max-width: 768px) {
	#main{position:absolute; left:0; top:33%; right:0; bottom:0;}
		.container{position:absolute; left:2%; top:4%; width:96%; height:auto; overflow-x:hidden;}
			.container p{position:relative; width:100%; height:auto; left:100%;}
			.first{font-size:30px; font-weight:bold;}
			.second{font-size:16px;}
			.third{font-size:14px; padding-top:16px;}
	#logo{position:absolute; left:0; top:0; right:0; bottom:67%;}
		#logo img{position:relative;}
}
@media screen and (min-width: 769px)  and (max-width: 1300px) {
	#main{position:absolute; left:0; top:0; right:33%; bottom:0;}
		.container{position:absolute; left:5%; top:10%; width:90%; height:auto; overflow-x:hidden;}
			.container p{position:relative; width:100%; height:auto; left:100%;}
			.first{font-size:36px; font-weight:bold;}
			.second{font-size:18px;}
			.third{font-size:14px; padding-top:18px;}
	#logo{position:absolute; left:67%; top:0; right:0; bottom:0;}
		#logo img{position:relative; width:30%; height:auto; margin-left:35%; margin-top:17.5%;}
}
@media screen and (min-width: 1301px) {
	#main{position:absolute; left:0; top:0; right:33%; bottom:0;}
		.container{position:absolute; left:5%; top:10%; width:90%; height:auto; overflow-x:hidden;}
			.container p{position:relative; width:100%; height:auto; left:100%;}
			.first{font-size:48px; font-weight:bold;}
			.second{font-size:26px;}
			.third{font-size:18px; padding-top:26px;}
	#logo{position:absolute; left:67%; top:0; right:0; bottom:0;}
		#logo img{position:relative; width:30%; height:auto; margin-left:35%; margin-top:17.5%;}
}