/* Eric Meyer Reset v2.0 */ 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

/* General Style */
*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,html{width:100%;height:100%;}
html{font-size:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
img{border:none;}

/* Custom Style */
.fullBg{position:fixed;top:0;left:0;overflow:hidden;}
#maincontent{position:absolute;top:50%;left:0;width:100%;height:400px;margin-top:-200px;z-index:50;}
#box{width:520px;height:100%;margin:auto;}
h1 img{display:block;width:100%;max-width:520px;height:auto;margin:0 auto 10px;}
h2{margin:45px auto 60px;font-family:'Roboto Condensed',sans-serif;font-weight:300;font-size:30px;line-height:34px;text-align:center;letter-spacing:-0.075rem;color:#000;}
.contact{display:block;margin:0 auto;width:100%;font-family:'Roboto Condensed',sans-serif;font-weight:400;font-size:16px;line-height:20px;color:#000;}
.contact:after{content:"";display:table;clear:both;}
.contact ul li{float:left;list-style-image:none;list-style-position:outside;list-style-type:none;}
.contact ul li.left{display:block;padding:0 17px;text-align:left;width:35%;}
.contact ul li.center{display:block;text-align:center;width:33%;}
.contact ul li.right{display:block;padding:0 17px;text-align:right;width:32%;}

@media
only screen and (max-width : 539px) {
	#maincontent{height:350px;margin-top:-175px;}
	#box{width:440px;}
	h1 img{max-width:440px;margin:0 auto 8px;}
	h2{margin:40px auto 52px;font-size:27px;line-height:30px;}
	.contact{font-size:14px;line-height:18px;}
	.contact ul li.left{padding:0 14px;}
	.contact ul li.right{padding:0 14px;}
}

@media
only screen and (max-width : 439px) {
	#maincontent{height:320px;margin-top:-160px;}
	#box{width:320px;}
	h1 img{max-width:320px;}
	h2{font-size:24px;line-height:30px;}
	.contact{font-size:10px;line-height:16px;}
	.contact ul li.left{padding:0 12px;}
	.contact ul li.right{padding:0 12px;}
}

@media
only screen and (max-width : 319px) {
	#maincontent{height:280px;margin-top:-140px;}
	#box{width:270px;}
	h1 img{max-width:270px;}
	h2{margin:51px auto 56px;font-size:21px;line-height:32px;}
	.contact{font-size:8px;line-height:12px;}
	.contact ul li.left{padding:0 9px;}
	.contact ul li.right{padding:0 9px;}
}