@charset "utf-8";
body { background:#333;
  background: -webkit-linear-gradient(#333,#333,#222,#111); /* For Safari */
  background: -o-linear-gradient(#333,#333,#222,#111); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#333,#333,#222,#111); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#333,#333,#222,#111); /* Standard syntax (must be last) */ 
}
#canvase_wrap { position:absolute; width:100%; height:100%; overflow:hidden; }

#logo { position:absolute; width:190px; height:80px; top:45%; left:25%; overflow:hidden;}
#logo img { position:absolute; top:-60px; height:-190px;}
#logo h1 { position:absolute; display:block; font-size:12px; color:#666; text-align:right; width:170px; visibility:hidden; top:50px; font-weight:normal;}

#wrapper { position:absolute; width:50%; top:35%; left:50%; }
#wrapper div { padding:20px 0; display:none;}
#wrapper h3 { color:#666; font-family:Arial, Helvetica, sans-serif; font-size:32px; font-weight:normal; padding:10px 0; text-shadow:1px 1px 3px #222;}
#wrapper p { color:#999; font-size:15px;}

@media screen and (max-width:800px) {
 	#logo { position:relative; width:100%; height:100px; top:0; left:0; background:#2a2a2a; box-shadow:inset 0 0 20px #111;} 
 	#wrapper h3 { font-size:22px;}
  #wrapper { position:relative; width:90%; left:10%; top:0; }
}