body,html{margin:0px;padding:0px;background-image:url(img/sos.png);font-family:Verdana, Geneva, sans-serif;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}

  #sa{font-size:12px;color:grey;text-align:center;}

#gameArea{width:800px;height:460px;margin:auto;background-color:#fff;margin-top:40px;margin-bottom:10px;}

#uberTitle{text-align:center;background-color:#6C7A89;height:110px;padding:5px;font-size:40px;color:#fff;font-family:Verdana, Geneva, sans-serif;}

#title1{text-align:center;background-color:#6C7A89;height:40px;padding:20px;font-size:40px;color:#fff;font-family:Verdana, Geneva, sans-serif;}
#title2{text-align:center;background-color:#6C7A89;height:40px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;}

#finals{text-align:center; height:40px;padding:20px;font-size:30px;color:#446CB3;font-family:Verdana, Geneva, sans-serif;}
 
#butang1{width:100px;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{width:200px;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;}
#butang2:hover{opacity:.6;}

 

 #butangholder{width:250px; margin:auto;}

 

#promo{margin:auto;text-align:center;}

 
#spacer{width:100%;height:20px;}
#spacer2{width:100%;height:25px;clear:both;float:none;}
#spacer3{width:100%;height:15px;}

#structions{text-align:center;background-color:#6C7A89;height:30px;padding:5px;font-size:20px;color:#fff;font-family:Verdana, Geneva, sans-serif;}
#holder{text-align:center;font-size:23px;width:90%;margin:auto;}



#opholder{width:408px;margin:auto;}
.option{background-color:#E4F1FE;float:left;width:190px;border:2px solid #fff;text-align:center;padding:5px;height:27px;cursor:pointer;}
.option:hover{background-color:#eeeeee;}


#question{}
#feedbackholder1{width:100px;;margin:auto;background-color:#019875;padding:9px;color:#fff;}
#feedbackholder2{width:100px;margin:auto;background-color:#D91E18;padding:9px;color:#fff;}
#feedback{ text-align:center;width:auto;margin:auto;opacity:0;line-height:30px;}

#zample{margin-top:40px;margin-bottom:40px;text-align:center;color:#013243;font-weight:900;background-color:#FDE3A7;padding:5px;}
#hlight{color:#013243;font-weight:900;background-color:#FDE3A7;padding:5px;}


#butang3{opacity:0;width:100px;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;}
#butang3:hover{opacity:.6;}

 

#stars{text-align:center;width:100px;margin:auto;margin-top:40px;}
#score1{text-align:center;margin-top:50px;margin-bottom:20px;font-size:30px;}
#score2{text-align:center;margin-top:20px;margin-bottom:10px;font-size:20px;}



 

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

#pageDescrip{width:800px;margin:auto;padding:5px;background-color:#eeeeee;} 






@media screen and (max-width:800px) {
	body,html{background-image:none;}
#gameArea{width:100%;height:470px;}
 #pageDescrip{width:90%;margin:auto;padding:5px;background-color:#eeeeee;} 

}

@media screen and (max-width:650px) {
	#title1{font-size:32px;}
 .notestitle{font-size:19px;margin-top:20px;}
#gameArea{margin-top:15px;}
#zample{margin-top:30px;margin-bottom:30px;}

}


@media screen and (max-width:450px) {
	#title1{font-size:25px;}
	#title2{font-size:15px;}
	#banner{width:100%;height:50px;background-color:#F39C12;padding-left:0%;}
 #holder{text-align:center;font-size:20px;width:94%;margin:auto;}
#feedbackholder{width:90%;margin:auto;background-color:#FDE3A7;padding:5px;}
#feedback{width:90%;margin:auto;}

#opholder{width:80%;margin:auto;}
.option{background-color:#E4F1FE;float:left;width:100%;border:none;border-bottom:2px solid #fff;text-align:center;padding:3px;height:22px;cursor:pointer;}
.option:hover{background-color:#eeeeee;}


}

 


@media screen  and (max-width:600px){
 
 #uberTitle{height:100px;padding:10px;font-size:28px;}
#structions{height:40px;padding:10px;font-size:15px;}
}

@media screen  and (max-width:350px){

	#banner img{width:100%;height:auto;}
}