html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, address, img, ul, li, form, label, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display:block;
}
body {
  font:0.8em sans-serif;
  *font-size:small;
}
a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  text-decoration:none;
  outline:none;
}
h1, h2, h3, h4, h5, h6 {
  font-weight:bold;
}
ul {
  list-style:none;
  width:100%;
}
img {
  width:100%;
}
/* END RESET */

/* Font styles */
@font-face {
  font-family:"faded";
  src:url("../fonts/faded.ttf");
}
@font-face {
  font-family:"ransom";
  src:url("../fonts/ransom.ttf");
}

/* Site styles */

html, body { 
  color:#000;
  background:#fff;
}
a { 
  color:#000;
  text-decoration:none;
}
h1 {
	font-size:6em;
}
h2 {
	font-size:4em;
	padding-bottom:30px;
}
p {
	font-size:1.3em;
	padding-bottom:15px;
}

/* Preloader */

.preloader {
  z-index:9999;
  width:100%;
  height:100%;
  color:rgba(51, 51, 51, .64);
  object-fit:fill;
  background-color:#fff;
  justify-content:center;
  align-items:center;
  display:none;
  position:fixed;
  top:0%;
  bottom:0%;
  left:0%;
  right:0%;
}
.preloader-container {
  width:300px;
  height:300px;
}
.pre-loader-title {
	position:absolute;
	top:51.5%;
	left:65%;
  color:#272727;
  text-align:center;
  letter-spacing:12px;
  font-family:Jost, sans-serif;
  font-size:16px;
  font-weight:400;
}

/* Unique styles */

#content {
  cursor:url('../images/cursor.png') 6 6,auto;
  cursor:url('../images/cursor.png') 6 6,auto;
  cursor:-webkit-image-set(url('../images/cursor.png') 1x,url('../images/cursor.png') 2x) 6 6,auto;
}
#nav {
	position:absolute;
	top:9vh;
	left:0;
	width:100%;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
	color:#000;
	padding:15px 0;
}
#navLeft {
	position:relative;
	left:15px;
	width:99%;
}
#nav li {
	display:inline;
	padding:30px;
}
#nav li:hover {
	background:#088e01;
	color:#fff;
}
#donate {
	position:absolute;
	top:-30px;
	right:14px;
	background:#088e01;
	color:#fff;
}
#logo {
	position:relative;
	margin:auto;
	width:390px;
	text-align:center;
	background:#fff;
	border:solid 1px #000;
}
h1 {
	position:relative;
	background:#000;
	color:rgba(255,255,255,1);
	text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	text-transform:uppercase;
  z-index:999;
}
h1:hover {
	background:#fff;
	text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
h1:before {
	content:"";
  background-size:100% 100%;
  background-repeat:no-repeat;
  width:50%;
  height:80%;
  display:block;
  position:absolute;
  top:50.5%;
  left:52%;
  transform:translate(-50%, -50%);
  z-index:-1;
  opacity:0.1;
}
h1:hover:before {
	content:"";
  background-size:100% 100%;
  background-repeat:no-repeat;
  width:50%;
  height:80%;
  display:block;
  position:absolute;
  top:50.5%;
  left:52%;
  transform:translate(-50%, -50%);
  z-index:-1;
  opacity:0.1;
}
button {
	background:#088e01;
	border:#088e01;
	border-radius:5px;
	color:#fff;
	font-size:2em;
	padding:5px 15px;
	cursor:url('../images/cursorWhite.png') 6 6,auto;
  cursor:url('../images/cursorWhite.png') 6 6,auto;
  cursor:-webkit-image-set(url('../images/cursorWhite.png') 1x,url('../images/cursorWhite.png') 2x) 6 6,auto;
}
#about {
	position:relative;
	margin-top:30px;
	height:70vh;
	padding:10% 15px 15px 15px;
}
#about p {
	font-size:1.5em;
}
#programs {
	margin-bottom:30vh;
}
#HighSpeedLag, #Rewind, #PressPlay {
	position:relative;
	overflow:hidden;
	color:#fff;
}
#HighSpeedLag, #Rewind, #PressPlay {
	margin-top:-7vh;
	height:125.5vh;
}
#HighSpeedLag {}
#Rewind {
	height:125.5vh;
}
#PressPlay {}
.background {
	position:relative;
	width:110vw;
	height:100vh;
	margin-top:15vh;
	left:-5vw;
	background:linear-gradient(#088e01 0,#000 15%, #000 85%, #088e01 100%);
	overflow:hidden;
	cursor:url('../images/cursorWhite.png') 6 6,auto;
  cursor:url('../images/cursorWhite.png') 6 6,auto;
  cursor:-webkit-image-set(url('../images/cursorWhite.png') 1x,url('../images/cursorWhite.png') 2x) 6 6,auto;
}
.styleOne {
	transform:rotate(5deg);
}
.styleTwo {
	transform:rotate(-5deg);
}
#contentHighSpeedLag, #contentRewind, #contentPressPlay {
	position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  cursor:url('../images/cursorWhite.png') 6 6,auto;
  cursor:url('../images/cursorWhite.png') 6 6,auto;
  cursor:-webkit-image-set(url('../images/cursorWhite.png') 1x,url('../images/cursorWhite.png') 2x) 6 6,auto;
}
#contentHighSpeedLag {
	transform:translate(15%,-50%);
}
#contentRewind {
}
#contentPressPlay {
	left:20%;
	transform:translate(-10%,-55%);
}
#contentHighSpeedLag div, #contentRewind div, #contentPressPlay div {
	font-size:1.3em;
	width:50%;
	padding:15px 0;
}
#programs img {
	position:absolute;
	opacity:0.8;
}
#HighSpeedLag img {
	top:16vh;
	left:2vw;
	width:50%;
}
#Rewind img {
	top:16vh;
	right:18vw;
	width:25%;
	transform:rotate(-6deg);
}
#PressPlay img {
	top:16vh;
	right:18vw;
	width:25%;
	transform:rotate(-6deg);
}
#location {
	position:relative;
	color:#fff;
}
#location div {
	position:absolute;
	top:-15vh;
	left:20%;
	width:50%;
	padding:10% 5% 5% 5%;
	font-size:1.5em;
	background:rgba(0,0,0,0.8);
}
#location p {
	position:relative;
	top:3vh;
}

@media screen and (max-width:700px) {
	.pre-loader-title {
		position:absolute;
		top:70%;
		left:55%;
	  color:#272727;
	  text-align:center;
	  letter-spacing:12px;
	  font-family:Jost, sans-serif;
	  font-size:16px;
	  font-weight:400;
	}
	#nav {
		position:static;
	}
	#navLeft {
		left:0;
		padding-left:5vw;
		width:95vw;
	}
	#logo {
		width:100%;
	}
	.styleOne, .styleTwo {
		transform:rotate(0deg);
	}
	.styleOne img, .styleTwo img {
		display:none;
		visibility:hidden;
	}
	#contentHighSpeedLag div, #contentRewind div, #contentPressPlay div {
    width:100%;
  }
  #HighSpeedLag, #Rewind, #PressPlay {
  	overflow:visible;
  	margin-top:0;
  	height:auto;
  }
  #HighSpeedLag {
  	top:-3px;
  }
  #contentPressPlay, #contentHighSpeedLag {
  	position:relative;
  	top:-1px;
    left:0;
    transform:translate(0,0);
    background:#000;
    padding:0 5vw;
	}
	#location div {
		position:relative;
		top:0;
		left:0;
		width:100%;
		padding:0 0 10% 0;
	}
	#location p {
		top:2.5vh;
		padding:0 5vw;
	}
	#programs {
		margin-bottom:15vh;
	}
	#about {
		padding-bottom:10vh;
		height:auto;
	}
	.background {
		position:relative;
		width:100vw;
		height:10vh;
		margin-top:0;
		left:0;
		background:linear-gradient(#088e01 0,#000 100%);
		overflow:hidden;
		cursor:url('../images/cursorWhite.png') 6 6,auto;
	  cursor:url('../images/cursorWhite.png') 6 6,auto;
	  cursor:-webkit-image-set(url('../images/cursorWhite.png') 1x,url('../images/cursorWhite.png') 2x) 6 6,auto;
	}
	.backgroundTwo {
		position:relative;
		width:100vw;
		height:10vh;
		top:-2px;
		left:0;
		background:linear-gradient(#000 0,#088e01 100%);
		overflow:hidden;
		cursor:url('../images/cursorWhite.png') 6 6,auto;
	  cursor:url('../images/cursorWhite.png') 6 6,auto;
	  cursor:-webkit-image-set(url('../images/cursorWhite.png') 1x,url('../images/cursorWhite.png') 2x) 6 6,auto;
	}
}