#navContent{
margin-left:-20px;	
width:800px;
height:420px;
position:relative;
/*overflow:hidden;*/
padding:0px;
z-index:1100;
}
#navContentold{

}

#game1{

width:800px;
height:400px;
right:0px;
left:0px;
position:absolute;
padding:0px;
}

#game2{
	
width:800px;
height:400px;
right:-800px;
position:absolute;
padding:0px;
} 

 
.questionText{
font-size:27px;
color:#000;
width:800px;
position:relative;
overflow:visible;
margin-bottom:20px;
margin-left:0px;
}

.option{
width:800px;
height:30px;
margin:15px;
font-size:18px;
color:#FFFFFF; 
padding:2px;
padding-left:10px;
border: 2px solid white;
cursor:pointer;
background-color:#3399FF;
margin-left:0px;
}

.option:hover{
border:#FC0 solid 2px;
color:#FC0;
}



		







 

#topbar{
height:50px;
margin:auto;
margin-top:50px;
color:#FFF;
font-size:36px;
font-family:Arial, Helvetica, sans-serif;
width:800px;
border-bottom:solid white 1px;
}
 
.spacer{
height:30px;
}

 




.feedback1{
width:150px;
padding:5px;
font-size:30px;
color:#FFFFCC;
background-color:#009900;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}

.feedback2{
width:150px;
padding:5px;
font-size:30px;
color:#FFFFCC;
background-color:#CC3300;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}
 
 /* den sidste score box som kommer frem og viser resultater af quizzen */
.row-flex {
display: flex;
flex-flow: row wrap;
}
.col-flex-item {
display: flex;
flex-flow: column;
}
.vertical-divider {
border-right: 1px solid black;
}
 /* END den sidste score box som kommer frem og viser resultater af quizzen */

/*Begin 768*/
@media (max-width: 768px) {
.questionText{
font-size:27px;
color:#000;
width:100%;
position:relative;
overflow:visible;
margin-bottom:20px;
margin-left:0px;
}

.option{
width:100%;
min-height:80px;

font-size:18px;
color:#FFFFFF; 
padding:2px;
padding-left:10px;
border: 2px solid white;
cursor:pointer;
background-color:#3399FF;
margin-left:0px;
}
.row-flex{
    margin-left:35px;
}
.col-flex-item{
    margin-top:25px;
}
#game1{

margin-top:0px;
}
}
 /*end 768*/

 @media screen and (max-width:800px) {
	#topbar{margin-left:1%;margin-right:1%;	width:96%;}
	#navContent{margin:1%;	width:98%;}
	#game1{margin:1%;	width:98%;}
	#game2{margin:1%;	width:98%;}


}