body,html{padding:0px;margin:0px;font-family:Open Sans,Arial, Helvetica, sans-serif;font-size:14px;background-image:url(sos.png)}
/**/


 


#pixholder{width:200px;height:200px;border: 2px solid orange;text-align:center;margin:auto;}

 


#title{background-color:#D22C0D;margin:auto;width:400px;text-align:center;padding-top:2px;padding-left:10px;padding-right:1px;margin-top:5px;color:#FFF;}

.cent{width:100%;clear:both;float:none;}
#changer{color:#333;cursor:pointer;background-color:#FC6;}
.hq{display:none;width:100%;clear:both;float:none;}

.btang{float:left;width:40px;height:40px;line-height:40px;margin-right:7px;text-align:center;background-color:#CCC;border:1px solid grey;border-radius:2px;cursor:pointer;margin-top:3px}
.btang:hover{background-color:#FFF;}

.spacer{width:100%;height:40px;}

#finalScore{font-size:40px;}

#bar1{width:100%;background-color:#3498DB;}
#bar2{width:100%;}

#bannerb{width:800px;height:auto;margin:auto;}
#banners{display:none;}

#allContent{border: 1px solid grey;width:800px;background-color:white;margin:auto;min-height:400px; padding:10px;margin-bottom:50px;margin-top:20px;}


@media screen  and (max-width:820px){
#bannerb{width:100%;}
#bannerb img{width:100%;}
#allContent{width:96%;padding:2%;border:0px;}
#bar1{}
}


@media screen  and (max-width:600px){
#bannerb{display:none;}
#banners{width:100%;display:inline;}
#banners img{width:100%;}
#allContent{width:96%;padding:2%;border:0px;}

}


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

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


 
#title{width:96%;padding:2%;border:0px;}
}