body,html{margin:0px;padding:0px;background-image:url(bg.png);font-family:Verdana, Geneva, sans-serif;}

#promo{margin-top:5px;text-align:center;}

#spacer{width:100%;height:20px;}

#container{width:900px;margin:auto;background-color:white;}
#inner{padding:20px;}




.ttext1{font-size:35px;color:#22313F;}
.ttext2{font-size:20px;color:#ffF;background-color:#2574a9;padding:5px;}


@media screen and (max-width:940px) {
	
#container{width:90%;}
 

}

@media screen and (max-width:650px) {
	#title1{font-size:32px;}
#gameArea{margin-top:15px;height:540px;}
}


@media screen and (max-width:450px) {
	#title1{font-size:25px;}
	#title2{font-size:15px;}
	 
}
 
 




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

 
#box1{width:auto;}

#box2{width:auto;}
}

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

#question{width:90%;padding:10px;background-color:#89C4F4;border-radius:8px;font-size:22px;}
#option1{ width:90%;}
#option2{width:90%;}
#option3{width:90%;}
#option4{width:90%;}

.def1{margin:auto;width:margin-top:10px;width:100%;}
.def2{width:27%;padding:1%;}
.def3{width:67%;padding:1%;}



}

@media screen and (max-width:475px) {
	#pix1 img{width:70%;}
	 
}



@media screen and (max-width:450px) {
	#banner img{width:100%;}
	 #nextButang{margin-top:20px;}
}




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

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