html {
	margin: 0;
      padding: 0;
      font-family: Arial, Helvetica, sans-serif;
      }

body {
      margin: 0;
      padding: 0;
     font-family: Arial, Helvetica, sans-serif;
      }
	  
	  
      #navContent{
      margin:auto;
      width:800px;
      height:400px;
      position:relative;
      overflow:hidden;
      }

#game1{
      margin:auto;
      width:800px;
      height:400px;
      right:0px;
      position:absolute;
	  background-image: url(bali2.jpg);
      }
#game2{
      margin:auto;
      width:800px;
      height:400px;
      right:-800px;
      position:absolute;
	  background-image:url(bali2.jpg);
      }
.questionText{
      font-size:23px;
      color:#750300;
      }
.option{
      width:400px;
      height:30px;
      margin:15px;
      font-size:18px;
      color:#FFF;
      padding:2px;
      padding-left:10px;
      border: 2px solid white;
      cursor:pointer;
      background-color:#F00;
      }
.option:hover{
      border:#FC0 solid 2px;
      color:#FFFF80;
	  background-color:#F00;
      }
#topbar{
      height:50px;
      margin:auto;
      margin-top:50px;
      color:#400080;
      font-size:30px;
      font-family: "Times New Roman", Times, serif;
      width:800px;
      border-bottom:solid blue 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;
      }
      @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%;}
}

@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%;}
}

@media screen and (max-width:460px) {
	.option{width:80%;margin-top:5%;}
}