#activity{

	
	margin-bottom:4%;
}

button{

	width:100%;
	margin-top: 2%;
}

#statement{

	/*height:50px;*/
	margin-bottom: 2%;

}

#statement h2{
	text-align: center;
	color: #32343a;
	padding: 1%;
	background-color: #f4ac42;
	/*height:50px;*/
	border-bottom: 1px dashed #16a79d;
}

#resultsTitle, #results, #userAnswers, #feedback{
	display: none;
	
	/*margin-top: -5%;
	background-color:  #f4ac42;*/

}
#results, #userAnswers, #feedback  {
	
	max-height:450px;
	
}

#results li, #userAnswers li, #feedback li 
 {
	font-family: 'Open Sans', sans-serif;
	line-height:1em;
	padding:.5em;
	list-style-type:none;
	color:#000;
	border-bottom: 1px dashed #f4ac42;
	height:30px;
	margin-bottom:.5em;
}



#resultsTitle {
 background:#f4ac42;
 border-bottom:1px dashed #4d505b!important;
}

#resultsTitle h1{
color:#4d505b;
}

#restartButton{

	float: right;
}

#navTitle{
float:right;
display: inline-block;
color:#4d505b;
padding-top: 4%;
margin-right: 3.5%;

}

button {height:5em}

button h2 {text-align:center}


@media screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	button { height:60px}
	#results li, #userAnswers li, #feedback li{
		height:75px!important} 
	button:hover{background-color:#16a79d}
}