body,html{margin:0px;padding:0px;
background-color:#1f8ebb;
font-family:Arial, Helvetica, sans-serif;
background-image:url(bgg.png);
}

.gfont{font-size:19px;}

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

#gameCanvas{-webkit-tap-highlight-color: transparent;}

#banner{background-color:#333333;text-align:center;
  
  font-size:24px;
  color:#FFFFFF;width:100%;height:70px;}
#banner img{width:450px;}

#appArea{text-align:center;min-height:420px;  }
#controlArea{width:280px;margin:auto;height:40px;margin-bottom:-30px;  }
#appAreaLarge{text-align:center;width:100%;height:470px;width:550px;margin:auto;background-color:#59abe3;margin-top:10px;}

#replayButang{width:40px;float:left;cursor:pointer;}
#replayButang:hover{opacity:.6;}
#instructionsButang{width:40px;float:left;cursor:pointer;}
#instructionsButang:hover{opacity:.6;}
#bestText1{width:60px;float:left;text-align:right;color:#fff;padding-top:10px;}
#bestText2{width:36px;float:left;background-color:red;margin-top:10px;margin-right:2px;margin-left:2px;color:white;}
#movesText{width:95px;float:left;text-align:left;padding-left:5px;color:#fff;padding-top:10px;}

#rButang{margin:auto;text-align:center;cursor:pointer;border:1px white solid;border-radius:5px;width:80px;color:white;background-color:#399bc3;}
#rButang:hover{opacity:.6;}

#gameCanvas{ background-color:#fff;}

#main1{width:100%;text-align:center;color:#fff;}

.buttons{float:left;margin-left:6px;margin-right:6px;}
.buttons:hover{opacity:.6;cursor:pointer;}
#buttonArea{margin:auto;text-align:center;width:290px;}

#hsarea{width:100%;text-align:center;color:#fff;}


@media screen and (max-width:550px) {
	 #appAreaLarge{width:100%;height:380px;}
	.rs{width:100%;}
}

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