html, body {
  font-size:20px;
  min-width:800px;
  /*border:1px blue solid;*/
  overflow-x:hidden;
}

.header{
	background-image:url(../Images/whiteBG.png);
	margin-bottom:10px;
}

.content2{
	width: 85%;
	height:83%;
}

.imageHolder{
	width:300px;
	margin:0px auto;
}
.dropHolder{
	width:100%;
}


#submitBtn, #retakeBtn{
	font-size: 15px;
}

#instruction_div{
	font-size:15px;
}

#results{
	font-size: 15px;
}

.choicesHolder{
	width:100%;
	margin:-20px auto 0px auto;
}



.popupHolder {
  height:300px;
  width:250px;
}



.holder{
	display: block;
	margin-top:-20px;
}

.imageHolder{
	margin:0px auto;;
}

.imageHolder img{
	margin-top:20px;
}

.contentWrapper{
overflow-y:auto;
}


.controller{
	margin-top:20px;
}


.items{
	width:100px;
}

.droparea{
	width:150px;
	height:120px;
	margin:5px;
}
.droparea2{
	width:150px;
	height:120px;
	margin:5px;
}


/* .correct img, .wrong img{ */
	/* width:35px!important; */
	/* height:35px!important; */
/* } */

.answer .correct{
	margin-left:0px;
	margin-top:0px;
}

.answer .spaceTD{
	height:20px;
}

.marks{
	width:30px;
	height:30px;
}



.itemHolder{
	
	
	position:relative;
}


.spaceTD{
	height:120px;
}

.choicesHolderImg{
	width:270px;
	height:70px;
	position: absolute;
	margin-top:90px;
	margin-left:-270px;
	vertical-align:middle;
}


/*===============================================*/
.choices
{
	display: flex;
	flex-wrap: wrap;
	width: 60%;
	margin: 50px auto 50px auto;
}

.questions
{
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
	margin-top: 40px;
}

.flex-item 
{
	flex: 1 0 25%; /* Four items per row */
}

.questionflex
{
	flex: 1 0 25%; /* Four items per row */
	box-sizing: border-box;
}

#choices1 img{
	width:59px; 
	height:116px;
	display:block;
	margin-left: auto;
    margin-right: auto;
	position: relative;
	left: 15px;
	top: 3px;
}

#choices2 img{
	width:65px; 
	height:120px;
	display:block;
	margin-left: auto;
    margin-right: auto;
}

#choices3 img{
	width:15px; 
	height:120px;
	display:block;
	margin-left: auto;
    margin-right: auto;
	position: relative;
	left: -37px;
}

#choices4 img{
	width:64px; 
	height:116px;
	display:block;
	margin-left: auto;
    margin-right: auto;
	position: relative;
	left: 18px;
}

#choices5 img{
	width:77px; 
	height:55px;
	display:block;
	margin-left: auto;
    margin-right: auto;
	position: relative;
	left: 38px;
	top: 10px;
}

#choices6 img{
	width:53px; 
	height:109.5px;
	display:block;
	margin-left: auto;
    margin-right: auto;
	position: relative;
	left: 11px;
	top: 5px;
}

#choices7 img{
	width:75px; 
	height:108px;
	display:block;
	margin-left: auto;
    margin-right: auto;
	position: relative;
	left: 37px;
}

#choices8 img{
	width:58px; 
	height:120px;
	display:block;
	margin-left: auto;
    margin-right: auto;
	position: relative;
	left: 11px;
}



@media (max-width: 600px) 
{
	.flex-item 
	{
		flex: 1 0 50%; /* Single column */
		margin: auto;
	}
	
	.questionflex
	{
		flex: 1 0 50%; /* Single column */
		margin: auto;
		height: 160px;
	}
	
	
}