/* CSS Document */

/** all mobile width style settings **/
@media
	screen and  (min-width: 0px) and (max-width:920px),
	all and (min-width: 0px) and (max-device-width:920px){
		
		body {width:100% !important; min-width:200px;}
		
		#head .cont {width:98%; margin:0 auto; height:auto !important; text-align:center;}
		#head h1 {float:none; padding:10px 0 10px;}
		#head img {float:none;}
		
		#wrapper {width:100% !important;}
		#mid {width:98%; margin:0 auto;}
			#mid .left {float:none; width:100%;}
			#mid .right {float:none; width:100%;}
		
		#t-answers ul li a {width:90%;}
		
		#footspacer {display:none;}
		
		#foot {margin:0; height:auto;}
		#foot .cont {width:98%; margin:0 auto;}
			#foot .left {width:100%; float:none; text-align:center;}
			#foot .right {width:100%; float:none; text-align:center;}
			
			
	#wholepopup {position:fixed; top:0; left:0; background:#000; background:rgba(0,0,0,0.8); width:100%; height:100%; overflow:scroll;}
	#wholepopup .cont1 {width:98%; height:auto;  margin:10px auto 0; position:relative; top:0; left:0;}
	#wholepopup .cont2 {padding:5px;}

			

	}
/** Normal mobile screen range **/
@media
	screen and  (min-width: 521px) and (max-width:959px),
	all and (min-width: 521px) and (max-width:959px){
		
	}
	
/** Smaller mobile screens **/
@media
	screen and  (min-width: 0px) and (max-width:299px),
	all and (min-width: 0px) and (max-device-width:299px){
		#wholepopup {font-size:10px;}
	}