.startQuiz {
font-family:boon400;
font-size:24px;
text-align:center;
width:100%;
height:570px;
background-color:#FFF;
border: 1px solid #c4c4c4;
}

.theQuiz {
	font-family:boon400;
	height:570px;
	list-style-type: none;
	margin:0;
	overflow: hidden;
	padding:0;
	position:relative;
	width:100%;

	background:white;
	background-size:cover;
	border: 1px solid #c4c4c4;
}

	 .theQuiz li {
	 	background:white;
		display: block;
		float:left;
		list-style-type: none;
		list-style: none;
		margin:0;
		padding:0;
		width:100%;

		background: white;
		border-bottom: solid black 1px;
		box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
	}

		li.q { background: #fff4dc;}

		 .theQuiz li form {
			background:white;
			background:rgba(255,255,255,0.8);
			float:left;
			margin:15px;
			padding:10px;
		}

		 .theQuiz li h1 {
			float: left;
			font-family:boon400;
			font-size: 2.0em;
			font-weight: normal;
			line-height: 1.5em;
			position: relative;
			margin: 0 0 10px 0;
			padding: 0;
		}

			 .theQuiz li h1 span {
				clear:left;
				font-size: 0.7em;
				margin: 0 0 0 8px;
			}

			 .question input.answer {
				clear: left;
				float: left;
				margin: 3px 10px 0 10px;
			}

			 .question label {
				float:left;
				margin:10px 0 0 0;
				width:100%;
			}

			 .question .submit {
				clear:left;
				cursor: hand;
				float:right;
				margin:8px 10px 0 10px;
				opacity: 0.3;
			}
			 .question .submitspace {
				clear:left;
				float:right;
				margin:8px 10px 0 10px;
			}

				 .question#checked .submit {
					opacity: 1;
				}

			/*.q1, .q2, .q3, .q4, .q5 {
				position:absolute;
					top:0;
					left:0;
			}*/

	 .finalPage {
		background:white;
		background: rgba(255,255,255,0.7);
		float:left;
		margin:1.6em 5%;
		width:90%;
	}

		 .finalPage .yourScore {
			font-size: 2.7em;
			text-align: center;
			width:100%;
		}

		 .finalPage .info {
			margin:0 1.1em;
		}
		
		#finalscore {
			font-size: 5em;
			text-align: center;
			width:100%;
		}

	 .progress {
		background:white;
		background: rgba(255,255,255,0.7);
		font-size: 1em;
		line-height: 0.95em;
		margin: 0;
		padding: 10px;
		position: absolute;
			top:0;
			right:0;
		text-align: center;
		height:30px;
	}

		 .progress span#correctAnswers,  .progress span#potentialAnswers {
			font-size: 1.4em;
		}

		 .finished .progress {
			background:none;
			font-size: 5em;
			text-align: center;
				top:0.9em;
				right:0;
			width:100%;
			height:150px;
		}

			 .finished .progress span#score { display:none; }

	 .yourScore {
		font-size: 2.7em;
		text-align: center;
		margin:0.2em 0;
		width:100%;
	}

.transition {
	-moz-transition: all 600ms ease-out;
	-webkit-transition: all 600ms ease-out;
	-o-transition: all 600ms ease-out;
	transition: all 600ms ease-out;
}

.soundgame {
	margin-top:5px;
}
.showCorrectWrong {
 position: relative; left: -50%; z-index:99999; display:none;	
}

#back-top {
	display:none !important;
}

@media (max-width: 767px) {
	
.theQuiz li h1 {
	font-size: 1.8em;
	margin-top:10px;
}

h2 {
	font-size:24px;
}

.soundgame {
	margin-top:20px;
}

.theQuiz {
	height:500px;
}

.theQuiz li form {
	margin:5px;
	padding:5px;
}

.startQuiz {
	height:560px;
}
	
}