@font-face {
  font-family: 'Selfish'; /* Give it a name */
  src: url('../selfish.ttf') format('truetype'); /* Path to the file */
}
body{
	font-family: 'Oswald', sans-serif;
	margin: 0 auto;
	text-align: center;
	background-color: #000;
	/*background: linear-gradient(45deg, rgb(170, 170, 170) 0%, rgb(0, 0, 0) 100%);*/
	color: #fff;
	font-weight: 200;
}



 



#wrap{
		text-align: center;
		margin: 0 auto;
		max-width:80%;
	}




 

#video{
 margin: 0 auto;
 background-color: #ff6ed;
}

.videoiframe{

 
}

#bottomfeature{
	background: url(../images/cave_paintings.jpg);
background-size:100% auto;
padding-top: 200px;
padding-bottom: 200px;

background-repeat: no-repeat;
background-attachment: fixed;
}

 


img.big{
		width: 100%;

}
	
img.left{
	float: left;
}

img.gallery{
	width: 70vw;
 
}
img.homeImg{
		margin:80px 0 0 0;
	}


 
 
hr{
		border:0;
		border-top: solid 1px #333;
		margin: 30px auto;

	}

	hr.short{
		border:0;
		border-top: solid 1px #333;
		margin: 30px auto;
		width: 50px;

	}

h1{
	 font-weight: 500;
		font-size: 5em;
		font-family: "Selfish", sans-serif;
	}


p{
		text-align: center;
		 
		max-width:70%;
		margin: 0 auto;
		 
	}

p.copy{

	max-width: 60%;
	    margin: 0 auto;
    padding: 0 0 0px 0;
}

.left{
	text-align: left;
}


.quote{
	
 
	font-style: italic;
 
}


a{
		text-decoration: none;
		color: #972f2f;
		
	}

a.footerlink{
	margin: 0 10px;
}

	a:hover{
		text-decoration: underline;
		color: #CD549B;
	}


img.logo{
	height: 250px;
}



.reversed{
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
  unicode-bidi:bidi-override;
  direction:rtl;
  display: inline-block;
}



/* ---  MAIL CHIMP  */
#mc_embed_signup{
background-color: #fff6ed;
color: #000;
padding: 10px;
margin: 0 auto;
max-width: 600px;
}
.subscr_button{

	background-color: #ffffff;
	 border:none;
	  border-radius:10px;
	  padding:10px;
	  margin: 10px;
}
.subscr_button:hover{
background-color: #00e7ff;

}

/* --- END MAIL CHIMP  */






@media screen and (max-device-width: 481px){
	#wrap{
			text-align: center;
			margin: 30px auto;
			width:95%;
		}
	#rulesinfo{
	padding: 0;
}


#intro{

padding-bottom: 0;
}


	#gameinfo, #bottomfeature{
	padding: 100px 0 100px 0;
	background-size:200% auto;
	background-attachment: scroll;
}

	#wrap_policy{
			text-align: left;
			margin: 30px auto;
			width:90%;
		}


p.copy{
	margin: 20px auto;
	width: 90%;
}

.videoiframe{

height: 400px;

}

	h1{
		
		font-size: 2em;
	}


	p{
		max-width: 90%;
	}

	img.phone{
			width:100%;
		}
	img.homeImg{
		width: 100%;
	}
	img.rules{
		width: 100%;
		margin-left: 0px;
	}


img.skills {
  width: 100%;
}



img.steam {
  
   width: 240px;
}

img.indigo{
 
width: 60px;
 


}


}/*END MOBILE*/