@charset "UTF-8";
/* CSS Document */
@import url(standard.css);
#wrapper{
	max-width:1240px;
	margin:2em auto 0;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
#progress{
	border:solid 1px #999;
	height:4px;
	width:98%;
	margin:0 1% 1em;
}
#bar{
	background-color:#CEB18A;
	height:2px;
	width:0;
}
header{
	padding-bottom:2rem;
}
h1{
	font-family: 'Amatic SC', cursive;
	font-size:4em;
	padding-bottom:1rem;
}
p{
	font-size:1.5em;
}
header span{
	font-size:1.5em;
}
#question{
	padding:1em 8px 0;
	background-color:#CEB18A;
	margin-bottom:2em;
	display:none;
}
#answers p{
	padding:0.5em 8px;
	margin-bottom:0.5em;
	background-color:#EDB84E;
	cursor:pointer;
	display:none;
}
#info{
	padding:0;
	width:70%;
	float:left;
	margin-top:0.5em;
	line-height:1.6;
}
button{
	font-size:2em;
	float:right;
	margin-top:0.5em;
	font-family: 'Amatic SC', cursive;
	cursor:pointer;
	width:30%;
}
img{
	border:solid 1px #555;
}
i{
	font-weight:normal;
	font-style:italic;
}
@media screen and (max-width:1024px){
	header{
		padding-bottom:1rem;
	}
	h1{
		font-size:3em;
	}
	p{
		font-size:1.2em;
	}
	#question{
		margin-bottom:1em;
	}
}
@media screen and (max-width:768px){
	header{
		padding-bottom:0.5rem;
	}
	h1{
		font-size:2em;
	}
	p{
		font-size:1em;
	}
	#question{
		margin-bottom:0.5em;
	}
}
@media screen and (max-width:480px){
	[class*="col"] {
		width:98%;
	}
	img{
		margin-top:1em;
	}
}