/* ----------------------- Quiz --------------------------- */

.questionBox {
		
	margin: 10px;
	width: 100%;
}


.quiz-container{
	min-height: 200px;
	height: auto;
 	position: relative;
	margin-top: 20px;
	font-size: 1em;
	color: #1B1B1B;
}


.quiz-article {
	display: inline-block;
	margin: auto;
	margin-bottom: 20px;
	width: 100%;
}
.number {
	font-size: .95em;
	font-weight: normal;
	color: #402F30;
	margin-bottom: 10px;
}
.question{
	font-size: 1em;
	color: #2C2C2C;
	margin-bottom: 10px;
		line-height: 1.3em;

}

.figure {
	max-width: 150px;
	margin-bottom: 15px;
}
.answers {
 	text-align: left;
  	display: inline-block;
}
.answers label{
  	display: table;
  	margin-bottom: 10px;
	line-height: 1.3em;
}

.answers label input {
	margin-right: 30px;
}

.answers-input {
	display: table-cell;
}

.answers-text {
	display: table-cell;
}


.slide, .slide-1, .slide-2, .slide-3, .slide-4, .slide-5 {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.5s;
}
.active-slide, .active-slide-1, .active-slide-2, .active-slide-3, .active-slide-4, .active-slide-5 {
	opacity: 1;
	z-index: 2;
}



#quiz, #quiz-1, #quiz-2, #quiz-3, #quiz-4, #quiz-5 {
	display: block;
}


#next, #previous, #submit, #submitAnswer, #next-1, #previous-1, #submit-1, #submitAnswer-1, #next-2, #previous-2, #submit-2, #submitAnswer-2, #next-3, #previous-3, #submit-3, #submitAnswer-3, #next-4, #previous-4, #submit-4, #submitAnswer-4, #next-5, #previous-5, #submit-5, #submitAnswer-5 {
	margin-top: 0px;
	float: left;
	margin-right: 10px;
}

#submitAnswer {
	background-color: #5B3581;
}

#submitAnswer:hover {
	background-color: #5C4672;
}

#feedback, #feedback-1, #feedback-2, #feedback-3, #feedback-4, #feedback-5 {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1em;
	font-weight: bold;
	color: #6D5162;
}


/* -------------------------------------------------- */


@media (max-width: 600px){
	
.quiz-container{
	min-height: 250px;
	height: auto;
 	position: relative;
	margin-top: 20px;
	font-size: 1em;
	color: #1B1B1B;
}
	
	
}

@media (max-width: 500px){
	
.quiz-container{
	min-height: 280px;
	height: auto;
 	position: relative;
	margin-top: 20px;
	font-size: 1em;
	color: #1B1B1B;
}
	

}