@charset "UTF-8";
/* CSS Document */

body {
    background-color: black;
	color: white;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.centred {
    display: block;
    margin-left: auto;
    margin-right: auto;

	 }

a {
      text-decoration:none;
}

a:link { 
	color:#929292
}	
a:visited { 
	color:#929292 
}	
a:hover { 
	color:#FF0004
}	


	 @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  
  -webkit-animation:fadeIn ease-in 1; 
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1.5s;
  -moz-animation-duration:1.5s;
  animation-duration:1.5s;
}

.fade-in.one {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.fade-in.two {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

.fade-in.three {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
}

.fade-in.four {
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.fade-in.five {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
}

.fade-in.six {
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.titleOne {
	color: #616161;
	font-size:37.5px;
	text-align:center;
	font-weight:bold;
	text-transform: uppercase;
	
}
	
#titleTwo {
	color: #3D3D3D;
	font-size:22px;
	margin-top: -30%;
	margin-left: 5%;
	text-align:left;
	font-weight:bold;
	text-transform: uppercase;
	
}

#titleThree {
	color: #3D3D3D;
	font-size:18px;
	margin-top: 2%;
	margin-left: 5%;
	text-align:left;
	font-weight:normal;	
	font-style:italic;
}

#bottomThing {
	color: #3D3D3D;
	position:fixed;
	font-size:15px;
	left: 50%;
	transform: translate(-50%);
	text-align:center;
	bottom:20px;
	font-weight:normal;	
	font-style:italic;
}

#infoStuff {
	color: #9C9C9C;
	font-size:15px;
	text-align:right;
	margin-top: -20%;
	margin-right: 5%;
	font-weight:normal;	
	font-style:normal;
	text-transform: uppercase;
}

.contactStuff {
	color: #9C9C9C;
	font-size:20px;
	text-align:right;
	font-weight:bold;	
	font-style:normal;
	margin-bottom: 5%;
	margin-right: 5%;
	text-transform: uppercase;
}

.mpegStuff {
	color: #9C9C9C;
	font-size:20px;
	text-align:right;
	font-weight:bold;	
	font-style:normal;
	margin-bottom: 2px;
	margin-right: 15%;
	display:block;
	text-transform: uppercase;
}

.aline {
  width:70%;
  height:1px;
  border-bottom: 1px solid rgba(255,255,255,.25);
}

.topSpore {
	
	position: fixed;
	left: 30%;
	color: #3D3D3D;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 38px;
}

	.rot {

-webkit-transform: rotate(-85deg);
-moz-transform: rotate(-85deg);
-ms-transform: rotate(-85deg);
-o-transform: rotate(-85deg);
transform: rotate(-85deg);
}

.rot span {
-webkit-transform: rotate(7deg);
-moz-transform: rotate(7deg);
-ms-transform: rotate(7deg);
-o-transform: rotate(7deg);
transform: rotate(7deg);	
height: 300px;
position: fixed;
width: 20px;
left: 0;
top: 0;
-webkit-transform-origin: bottom center;
-moz-transform-origin: bottom center;
-ms-transform-origin: bottom center;
-o-transform-origin: bottom center;
transform-origin: bottom center;
}