#activity{

	margin-top: 2%;
}


#images img{

	width:100%;
	height:auto;
	border: 1px dashed #f4ac42;
}

#images{

height:400px;
background-color: #FFFFFF;

}


#buttonList {
		
}

#Private, #Public{
	display: inline-block;
	width: 49%;
	
}
#imageTitle{

	margin-top:0;
	margin-bottom: 0;
}

#imageTitle h2{
	text-align: center;
	color: #32343a;
	padding: 2%;
	background-color: #f4ac42;
	
}

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


#results li, #userAnswers li, #feedback li {
	font-family: 'Open Sans', sans-serif;
	padding:1%;
	margin-top:1%;
	list-style-type:none;
	/*background-color:#f4ac42;*/ 
	border-bottom: 1px dashed #f4ac42;
	color:rgba(61,60,60,1.00);
}


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

#resultsTitle h1{
color:#4d505b;
}

#restartButton{
	float: right;
}

    /* ----------- iPad ----------- */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	
	#resultsHolder{
		width: 50%;

	}

	#userAnswersHolder{
width: 20%;
	}

	#feedbackHolder{
width: 20%;
	}

	#results li, #userAnswers li, #feedback li {
			padding:0.2em;
	margin-top:0.2em;

	}
}

	    /* ----------- iPhone ----------- */
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {

	
	#resultsHolder{
		width: 50%;

	}

	#userAnswersHolder{
width: 20%;
	}

	#feedbackHolder{
width: 20%;
	}

	#results li, #userAnswers li, #feedback li {
			padding:0.2em;
	margin-top:0.2em;

	}

    }