body{margin:0px;padding:0px;}
#menu{color:#fff;margin-left:10px;padding:3px;background-color:grey;width:47px;text-align:center;border-radius:3px;margin-top:10px;}
#navArea{
width:96%;margin:auto;height:0px;
 
}

#butang1{float:left;width:20px;margin:auto;text-align:center;background-color:#5C97BF;height:24px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;}
#butang1:hover{opacity:.6;}

#butang2{ float:right;width:20px;margin:auto;margin-left:10px;text-align:center;background-color:#5C97BF;height:24px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;}
#butang2:hover{opacity:.6;}

#titleArea{text-align:center;font-size:30px; margin-top:17px;}


#gameArea{
width:840px;
height:500px;
margin:auto;
background-color:white;
}


#t1{text-align:center;}
#t1b{text-align:center;font-size:28px;}
#t2{text-align:center;}
#t3{text-align:center;}
#t4{text-align:center;}


.green{padding:6px;background-color:green;color:#ececec;}
.red{padding:6px;background-color:red;color:#ececec;}

#structions{

clear:both;
float:none;
text-align:center;
font-size:20px;
}


#finalMessage{

clear:both;
float:none;
text-align:center;
font-size:20px;
}



#centerer{width:500px;margin:auto;}


#wordHolder{border:2px solid #5C97BF;margin:auto;width:270px;padding:10px;text-align:center;background-color:#e4f1fe;border-radius:5px;margin-top:20px;margin-bottom:10px;}


 #imgHolder{float:left;}

 #quizHolder{margin:auto;

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;

}


#option1{margin:auto;width:220px;text-align:center;border:1px solid grey; border-radius:4px;cursor:pointer;padding:10px;margin-top:20px;}
#option2{margin:auto;width:220px;text-align:center;border:1px solid grey; border-radius:4px;cursor:pointer;padding:10px;margin-top:8px;}
#option1:hover{background-color:#efefef;}
#option2:hover{background-color:#efefef;}



.piclabel{text-align:center;clear:both;float:none;}


#clearfoot{clear:both;float:none;width:100%;height:1px;}

#titleArea{margin-left:20px;font-size:30px;}


@media screen and (max-width:900px){
#gameArea{width:100%;}
}



@media screen and (max-width:500px){
#gameArea img{width:160px;}
#imgHolder{float:none;text-align:center;}
#centerer{width:320px;margin:auto;text-align:center;}
  
}