@charset "utf-8";

/*-----------------------------------------------
  GENERIC
  -----------------------------------------------*/

body
{ background-color:#000;  font-family:Arial,Verdana,sans-serif;  color:#fff; }

.clearfix:after
{ content:".";  display:block;  height:0px;  clear:both;  visibility:hidden; }
.clearfix
{ zoom:1; }
.clear
{ clear:both; }

a
{ text-decoration:none;  color:#000; }
a:hover
{ color:#888; }

#txtBlock
{ top:50%;  left:0;  width:100%;  text-align:center;  position:absolute;  z-index:100; }

h1
{ font-size:180px;  line-height:1;  letter-spacing:-0.01em;  text-shadow:1px 1px 0 rgba(0,0,0,0.5);  -webkit-transform:translateY(-50%);  transform:translateY(-50%); }

footer
{ bottom:20px;  left:0;  width:100%;  text-align:center;  position:absolute;  z-index:101; }
footer small
{ font-size:9px;  font-family:Arial,Verdana,sans-serif;  line-height:1;  text-shadow:1px 1px 0 rgba(0,0,0,0.5); }

#loading
{ top:0;  right:0;  position:absolute;  z-index:12; }
#gridContainer
{ background:url(../images/grid.png) repeat top left;  position:fixed;  width:100%;  height:100%;  z-index:11; }
#imgContainer
{ top:50%;  left:50%;  position:fixed;  z-index:10; }
#imgContainer img 
{ display:none;  position:absolute;  -webkit-transform:translateX(-50%) translateY(-50%);  transform:translateX(-50%) translateY(-50%); }


/*-----------------------------------------------
  MEDIA QUERIES
  -----------------------------------------------*/

@media only screen and (min-width: 480px) and (max-width: 959px) {
	h1
	{ font-size:90px; }
}
@media only screen and (max-width: 479px) {
	h1
	{ font-size:70px; }
}