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


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

.dropHolder{
	width:80%;
}

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



.inline-question {
    display: flex;
    align-items: flex-start; 
    gap: 10px;              
    position: relative;
    flex-wrap: nowrap;        
}


.marks {
    flex-shrink: 0; 
    width: 30px;             
    height: 30px;    
    
    position: relative; top: -6px;
  
    background-size: contain;
    background-repeat: no-repeat;
}

.inline-question .choices {
    display: inline-flex;
    align-items: center;
    justify-content: left;
    width: auto;
    max-width: 500px;
    min-width: 210px;
    height: auto;
    min-height: 30px;
    font-family: "Avgardn";
    font-size: 18px;
    border-radius: 20px !important;
    background-color: white;
    border-radius: 4px;
    margin: 8px 20px 0 0;
    cursor: pointer;
}


.choices-container {
	margin-top: 20px;
	display: flex;
    flex-direction: column;
    flex: 1;
}

.textHolder{
    width: 100%;
    margin: 20px 0; 
    font-size: 20px;
  }

  .textHeader{
	text-align: center;
	font-size: 28px;
	margin-bottom: 10px;
}

#item5A, #item5B, #item5C{
	width: 100px;
	height: auto;
	min-width: unset;min-height: unset;
	padding-left: 15px !important
}


#choices-container5{
	margin-top: 20px;
	display: flex;
    flex-direction: row;
    flex: 1;
	gap:20px
}