#quiz-counter {
	color: #fff;
	display: flex;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	line-height: 3.75;
	letter-spacing: normal;
	margin-bottom: 20px;
}

#quiz-counter-question {
	width: 50%;
}

#quiz-counter-point {
    background: url( '/assets/img/icn_star.png' ) right 80px center no-repeat;
	color: #fdca00;
	font-size: 16px;
	font-weight: bold;
	line-height: 3.75;
	text-align: right;
	width: 50%;
}

#quiz-controls, #quiz-header, #quiz-results-screen, #quiz-start-screen {
	text-align: center
}

#quiz-results, .question {
	color: #fff;
	font-family: 'Playfair Display', serif;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: normal;
	margin-bottom: 14px;
}

.quiz-container {
	padding: 1em;
	max-width: 100%;
	margin: 1em auto
}

.quiz-container a {
	text-decoration: none;
}

.answers {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	list-style: none;
	padding: 0
}

.answers a {
	border: 1px solid #fff;
	color: #fff;
	display: block;
	padding: .5em 1em;
	margin-bottom: .5em;
	border-radius: 2px;
}

.answers a.correct {
	background: #090
}

.answers a.incorrect {
	background: #c00
}

#quiz-buttons a, #quiz-controls, .quiz-container .quiz-button {
	padding: .5em 1em;
	color: #fff;
}

.answers a.correct, .answers a.incorrect {
	color: #fff
}

#quiz-buttons a, .quiz-container .quiz-button {
	display: inline-block
}

#quiz-buttons a {
	background: #fff;
	color: #333
}

.quiz-results-state #quiz-controls {
	background: 0 0;
	padding: 0
}

.quiz-results-state #quiz-buttons a {
	background: #333;
	color: #fff
}

.quiz-response-title {
	color: #fff;
	font-family: 'Playfair Display', serif;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.43;
}

.quiz-response-title.success {
	color: #e3232e;
}

.quiz-response-title.error {
	color: #ad0606;
}

.quiz-response-answer {
	color: #fff;
	font-family: 'Playfair Display', serif;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.43;
}

.quiz-response-points {
	color: #fdca00;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 26px;
	font-weight: bold;
	line-height: 2.31;
	margin: 40px 0 30px;
}

.quiz-response-points img, .quiz-finish-points img {
	height: 46px;
	margin-right: 10px;
	vertical-align: middle;
	width: 46px;
}

#quiz-next-btn, #quiz-finish-btn, #quiz-restart-btn, #quiz-take-home-btn {
	background: none !important;
	color: #007bff !important;
	font-family: 'Playfair Display', serif;
	font-size: 16px;
	line-height: 2.19;
}


/* Responsive - Mobile
---------------------------------------- */
@media only screen and (max-width: 768px) {
	.answers {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}
.quiz-empty-state {
	color: #fff;
	margin: 50px auto;
	max-width: 620px;
	text-align: center;
}

.quiz-empty-state p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	line-height: 1.5;
}

.answers a[aria-disabled="true"] {
	cursor: default;
	pointer-events: none;
}

.answers a:focus-visible,
#quiz-buttons a:focus-visible,
.quiz-empty-state a:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 3px;
}