@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;500&display=swap');


body{
	font-family: "Comic Sans MS", "Comic Sans", cursive, sans-serif;

	margin: 0 auto;
	text-align: center;
	background-color: #fff6ed;
	/*background: linear-gradient(45deg, rgb(170, 170, 170) 0%, rgb(0, 0, 0) 100%);*/
	color: #000;
	font-weight: 200;
}




#intro{
		background: url(../images/keyart.jpg);
		background-size: 100% auto;
		background-repeat: no-repeat;
		min-height: 100vh;
		color: #000;
		font-size: 1em;
		background-attachment: fixed;
		text-align: center;
	 margin: 0 auto;
	}

#watch-trailer {
  position: fixed;
  top: 50px;
  right: 50px;
  margin: 0 auto;
  
	background-color: #fff;
	padding:20px;
}



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





#gameinfo{
 padding-top: 100px;
padding-bottom: 100px; 
}


#cave{

		background: url(../images/backg1.jpg);
 padding: 100px 0 100px 0;
padding-top: 200px;
padding-bottom: 300px;
background-repeat: no-repeat;
background-size:cover;
background-attachment: fixed;
background-position: center;
}


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

.videoiframe{

 
}

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

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

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




img.big{
		width: 100%;

}
	
img.left{
	float: left;
}

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




img.characters{
		width:50%;
		margin: 10px auto;
	}

img.indigo{
position: absolute;
top:0px;
right:20px;
width: 80px;
margin:0;


}


img.steam{
/*
position: absolute;
top: 80%;
right: 60px;*/
width: 280px;
}

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: 3em;
		font-family: "Marker Felt",cursive,  sans-serif;
	}


p{
		text-align: center;
		font-size: 1.4em;
		font-weight: 200;
		max-width:70%;
		margin: 0 auto;
		 
	}

p.copy{

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

.left{
	text-align: left;
}


.quote{
	
	background-color: #fff6ed;
	font-style: italic;
	padding: 45px;
}


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*/