body {
                margin: 0px;
                padding: 0px;
                background-color:#6b6b6b;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        outline: none;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
            }

            #myCanvas {
                border: 1px solid #9C9898;
				-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
            }


             #centcontent {
				 position:relative;
			            margin: 0 auto;
			  			width: 700px;
						height:500px;
			  			color:white;
			  			font-family:Arial, Helvetica,sans-serif;
						background-color:#ABB7B7;

			            }

#logo{text-align:center;}
#canvasholder{width:378px;height:378px;float:left;margin-right:20px;margin-left:20px;}

#buttonBox{width:240px;float:left;background-color:#CCC;padding:5px;}
#buttonBoxin{width:180px;margin:auto;clear:both;}

#blocker{
	width:100%;
	height:100%;
	background:#000000;
	position:absolute;
	top:0px;visibility:hidden;
}

#blockerins{
      
	width:100%;
	height:100%;
      font-size:20px;
	color:#FFFFFF;
	font-family: 'Open Sans', sans-serif;
	
}
#spacer{height:0px;float:none;clear:both;}
#spacer5{height:20px;width:100%;}

.pbutton{float:left;cursor:pointer;}
.pbutton:hover{opacity:.7;}

#resetButton{clear:both;float:none;cursor:pointer;width:120px;margin:auto; height:25px;padding-top:5px;  text-align:center;background-color:#FF9900;color:#fff;border-radius:5px;}
#resetButton:hover{opacity:.7;}}

#instructions{clear:both;float:none;width:90%;margin:auto;text-align:left;height:40px;padding-top:20px;}

/*#infoBox{clear:both;float:none;width:90%;margin:auto;text-align:left;}*/

#infoBox{width:100%;height:50px;padding-top:20px;text-align:center;}

#infoBoxa{background-color:#D35400;width:30px;padding:5px;height:30px;font-size:20px;margin:auto;margin-top:10px;float:left;}
#infoBoxb{float:right;margin-top:15px;}
#infoBoxc{width:170px;margin:auto;}

.moveNum{font-size:60px;float:left;margin-top:0px;background-color:#033;width:70px;text-align:center;margin-right:5px;}
.moveNum2{padding-top:18px;    }


#totalCount{position:absolute;right:0px;top:0px;background-color:#033;width:25px;text-align:center;}



@media screen and (max-width:700px) {
		             #centcontent {width: 100%;}
					 #canvasholder{width:280px;height:280px;
			            }
			  			
	
	


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

#logo img{width:100%; }
	}
	
	
	@media screen and (max-width:570px) {
	#instructions{text-align:center;}
	#canvasholder{margin:auto;float:none;}
	#infoBox{text-align:center;padding-top:5px;width:90%;font-size:14px;height:36px;}
#resetButton{clear:none;float:right;width:60px;margin-top:40px;height:30px;padding-top:10px;}
#buttonBoxin{width:180px;float:left;}
#buttonBox{width:300px;margin:auto;float:none;clear:both;height:145px;}

.moveNum{font-size:20px;float:left;margin-top:0px;background-color:#033;width:30px;margin-right:5px;}
.moveNum2{padding-top:0px;    }
#centcontent {height:480px;}
	}
	
	
	
	
	
	
	
	
	
@media screen and (max-height:610px) {
#logo img{width:0px;height:0px;}
#logo {width:0px;height:0px;}
	}
	
	@media screen and (max-height:355px) {
		 
		 #blocker{visibility:visible;}
		 		 #spacer5{height:150px;}
		#centcontent{visibility:hidden;height:0px;}
		body{height:100%;background:#000000;}
}