/* ===== CLEARFIX ===== */
.cf:before, .cf:after {
	content:" ";
	display:table;
}
.cf:after {
	clear:both;
}
.cf {
	*zoom:1;

}
/* ===== INTERACTIVE ===== */
	.interactive-container {
		max-width:672px;
		margin:0 auto 0 auto;
		text-align:center;
		font-family:'Source Sans Pro', sans-serif;
	}
		.interactive-container p, h1, h2, h3, h4, h5 {
			margin:0px;
			padding:0px;
		}
		.interactive-container button {
				outline:none;
				cursor:pointer;
				color:rgba(255,255,255,1);
				text-decoration:none;
				text-shadow:0px 1px 0px rgba(93,93,93,1);
				border-radius:4px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
		}
		.interactive-container button:hover {
				filter:alpha(opacity=90);
				opacity:0.9;
				-moz-opacity:0.9;
				-khtml-opacity:0.9;
		}

		.start-screen {
			font-size:20px;
		}
			.start-screen button {
				margin:15px;
				padding:7px 30px 7px 30px;
				font-size:25px;
				font-weight:bolder;
				background-color:rgba(121,187,255,1);
				color:rgba(255,255,255,1);
				text-decoration:none;
				text-shadow:0px 1px 0px rgba(82,142,204,1);
				text-transform:uppercase;
				border:1px solid rgba(132,187,243,1);
			}

		.quiz-prompt {
			width:100%;
			text-align:center;
		}
			.quiz-prompt img {
				width:80%;
				margin-left:auto;
				margin-right:auto;
			}
			.quiz-prompt .share {
				width:100%;
				text-align:center;
			}
				.quiz-prompt .share button {
					margin:5px;
					padding:7px 30px 7px 30px;
					font-size:15px;
					font-weight:bolder;
					text-transform:uppercase;
					border:1px solid rgba(132,187,243,1);
				}
					.twitter-share {
						background-color:rgb(85,172,238);
					}
					.facebook-share {
						background-color:rgb(59,89,153);
					}

		.quiz-selections {
			width:100%;
		}
			.quiz-selections button {
				margin:5px;
				padding:10px;
				font-size:15px;
				font-weight:bolder;
				border:1px solid rgba(132,187,243,1);
				background-color:rgba(121,187,255,1);
			}

			.quiz-selections .correct {
				background-color:rgba(119,181,90,1);
				border:1px solid rgba(75,143,41,1);
				color:rgba(255,255,255,1);
				text-decoration:none;
				text-shadow:0px 1px 0px rgba(91,138,60,1);
			}
			.quiz-selections .incorrect {
				background-color:rgba(228,104,93,1);
				border:1px solid rgba(255,255,255,1);
			}
		.quiz-response {
			width:100%;
		}
			.quiz-response h3 {
				margin:5px;
				padding:0px;
				color:red;
				font-size:25px;
			}
			.quiz-response button {
				margin:5px;
				padding:7px 30px 7px 30px;
				font-size:25px;
				font-weight:bolder;
				background-color:rgba(121,187,255,1);
				text-transform:uppercase;
				border:1px solid rgba(132,187,243,1);
			}

/* ===== MEDIA QUERIES ===== */
@media (max-width: 500px) {
	.start-screen button {
		width:70%;
	}
	.quiz-prompt img {
		width:90%;
	}
	.quiz-selections button,
	.quiz-response button {
		width:90%;
	}
}