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{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:top}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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}

.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}
.clearfix:after {
  clear:both;
}
.clearfix {
  zoom:1;
}

html, body {
	font-size:14px;
}

video#bgvid {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(glitch.jpg) repeat;
background-size: cover;
}

video { display: block; }


#logo {
	background: url(images/logo.png) no-repeat;
	height: 250px;
	width:370px;
	max-width:100%;
	margin:0 auto;
	background-size:100%;
}

h2 {
	font-family: courier;
	text-align: center;
	color:#fff;
	font-size:12px;
	font-weight:100;
	letter-spacing:2px;
	padding-top:20px;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  -ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}

@media screen and (max-device-width: 480px) {
body { background: url(glitch.jpg) #000 repeat center center fixed; }
#bgvid { display: none; }

.centered {
  position: relative;
  width:90%;
  margin:0 auto;
  top: 0;
  text-align: center;
  left: 0;
    -ms-transform: translateX(0) translateY(0);
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
}

#logo {
	width:70%;
	margin:15% auto 0 auto;
}

h2 {

	font-size:13px;
	line-height:20px;

}

}