body {
	background-color: #272727;
    padding-top: 0px;
    padding-bottom: 20px;
}

p, h1{
	color: #ffffff;
}


#Level {
	background-color: #000000;
	display: block;
	width: 100%;
	max-width: 1170px;
	overflow: hidden;
	margin: 0px auto;
}

#level_img {
	display: inline-block;
}

#container {
	background-color: #000000;
	display: block;
	width: 100%;
	max-width: 1170px;
	height: 420px;
	overflow: hidden;
	margin: 0px auto;
	
}



#content {
	background-color: #000000;
	display: block;
	width: 1170px;
	height: 400px;
	overflow: hidden;
	margin: 0px auto;
	
}


#Play {
	position: relative;
	width: 100%;
	height: 100px;
	margin: 0px auto;
	text-align: center;
	padding-top: 150px;
}

#Choices {
	position: relative;
	width: 100%;
	height: 100px;
	margin: 0px auto;
	text-align: center;
	padding-top: 150px;
	visibility: hidden;
}

.buttonEasy {
	cursor: pointer; 
	margin-right: 20px
}

.buttonHard {
	cursor: pointer; 
	margin-right: 20px
}


#GameTitle {
	position: relative;
	width: 100%;
	height: 400px;
	margin: 0px auto;
	padding-top: 100px;
	text-align: center;
	visibility: hidden;
	
}

#youWon_container {
	position: relative;
	background-color: #000000;
	width: 100%;
	max-width: 1170px;
	height: 400px;
	margin: 0px auto;
	padding-top: 0px;
	text-align: center;
	
}

#youWon {
	position: relative;
	background-color: #000000;
	width: 100%;
	max-width: 1170px;
	height: 400px;
	margin: 0px auto;
	padding-top: 30px;
	text-align: center;
	
}



.IJbox{
	width: 62px;
	position: relative;
	margin: 140px 0px 0px 5px;
	display: inline-block;
	float: left;
	scroll-margin-top: 370px;
	scroll-margin-right: 200px;
	z-index: 100;
}

.Snakebox{
	width: 62px;
	position: relative;
	margin: 185px 0px 0px 645px;
	display: inline-block;
}

.Medallionbox{
	width: 34px;
	position: relative;
	margin: 145px 0px 0px 200px;
	display: inline-block;
}



.line {
	position: relative;
	width: 265px; 
	border-bottom: solid 2px #cccccc;
}

.line2 {
	position: relative;
	width: 800px; 
	border-bottom: solid 2px #cccccc;
	margin-left: 370px;
}


#keyBoard_container {
	width: 100%;
	max-width: 1250px;
	margin: 0px auto;
	padding-top: 15px;
}


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


.keyButton {
	width: 75px; 
	height: 75px; 
	background-color: transparent; 
	padding: 0px 0px  0px  0px !important; 
	border: 0; margin-right: 5px;
	touch-action: manipulation;
}



.keyButton_Jump {
	width: 128px; 
	height: 75px; 
	background-color: transparent; 
	padding: 0px 0px  0px  0px !important; 
	border: 0; 
	margin-right: 5px;
	touch-action: manipulation;
}


/*=====================================================================
=======================================================================*/

@media screen and (max-width: 950px){
	
	#container {
		background-color: #000000;
		display: block;
		width: 60%;
		height: 425px;
		overflow: auto;
		margin: 0px auto;
		float: left;
		
	}
	
	

	#keyBoard_container {
		width: 39%;
		margin: 0px auto;
	    text-align: center;
		float: left;
		padding:  260px 0px 0px 1%;
	}
	
	#keyBoard {
		width: 100%;
		margin: 0px auto;
	    text-align: center;
	}
		
	
}


@media screen and (max-width: 600px){
	
	#container {
		background-color: #000000;
		display: block;
		width: 100%;
		height: 425px;
		overflow: auto;
		margin: 0px auto;
		float: none;
		
	}
	
	#keyBoard_container {
		width: 100%;
		margin: 0px auto;
	    text-align: center;
		float: none;
		padding-top:  20px;
	}

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

		
	
}