#quiz-container {
	text-align: center;
	font-family: 'novecento_wide_bookbold';
}

	#quiz-indicator {
		height: 60px;
		display: inline-block;
		overflow: hidden;
		margin-bottom: 23px;
	}

		#quiz-indicator span {
			display: block;
			float: left;
			border-radius: 50%;
			border: 2px solid #f67474;
			width: 24px;
			height: 24px;
			margin-right: 10px;
			margin-top: 19px;
			text-align: center;
			overflow: hidden;
			color: transparent;
		}

		#quiz-indicator span:last-child {
			margin-right: 0;
		}

		#quiz-indicator .quiz-current {
			color: inherit;
			font-size: 40px;
			height: 60px;
			width: 60px;
			margin-top: 0px;
			text-indent: 0;
		}

		#quiz-indicator .quiz-has-been-active {
			background: #f67474;
		}


	.quiz {
		display: inline-block;
	}	

		.quiz-question {
			font-size: 25px;
			line-height: 1;
			max-width: 550px;
			padding-bottom: 25px;
			margin: 0 auto;
			text-transform: uppercase;
		}

		.quiz-results {
			background: #000;
			color: #FFF;
			max-width: 610px;
			padding: 25px 30px;
			margin-bottom: 30px;
			position: relative;
		}

			.quiz-results:before {
			    content:'';
			    position: absolute;
			    top: -10px;
			    left: 50%;
			    margin-left: -5px;
			    width: 0;
			    height: 0;
			    border-bottom: solid 10px #000;
			    border-left: solid 10px transparent;
			    border-right: solid 10px transparent;
			}

			.quiz-results h3 {
				color: #FFF;
				font-size: 25px;
				padding-bottom: 5px;
			}

			.quiz-results .quiz-description {
				font: 14px/1.429 Arial, "Helvetica Neue", Helvetica, sans-serif;
			}

			.quiz-results .read-more {
				text-decoration: underline;
				color: #f67474;
				margin-top: 10px;
				display: block;
			}

			.quiz-results a:hover {
				color: #fff;
			}

		.quiz-options .quiz-choice,
		.quiz .quiz-generate-question-button {
			color: #000;
			display: inline-block;
			padding-top: 11px;
			height: 40px;
			margin: 0 3px;
		}

		.quiz-options .quiz-choice {
			background: #5fc493;
			margin-bottom: 30px;
		}

		.quiz .quiz-generate-question-button {
			background: #f67474;
			margin: 0;
		}

		.quiz-options .quiz-choice:hover {
			background: #000;
			color: #5fc493;
		}

			.quiz .inactive .quiz-choice:hover {
				background: #5fc493;
				color: #000;
			}

		.quiz .quiz-generate-question-button:hover {
			background: #000;
			color: #f67474;
		}

		.quiz-choice.current-choice {
			border: 3px solid #000;
			padding-top: 8px;
		}


/* ================================================================
 *	MEDIA QUERIES
/* ================================================================ */

@media all and (max-width: 768px) {

	#quiz-indicator .quiz-current {
		color: inherit;
		font-size: 30px;
		height: 45px;
		width: 45px;
		margin-top: 0px;
		text-indent: 0;
	}

	#quiz-indicator span {
		margin-top: 12px;
	}

}