body{margin:0px;padding:0px;
background-color:#2c3e50;
font-family:Arial, Helvetica, sans-serif;

}
.style1{color:#fff;font-family:Arial, Helvetica, sans-serif;}
#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:450px;background-color:#2c3e50;}
#appAreaLarge{text-align:center;width:100%;height:500px;background-color:#2c3e50;}

.buttons{float:left;margin-left:10px;margin-right:10px;}
.buttons:hover{opacity:.6;cursor:pointer;}

#buttonArea{margin:auto;text-align:center;width:320px;margin-left:10px;}

#gameCanvas{margin-top:3px;background-color:#333333;}

#structions{width:320px;background-color:#FFFffe;margin:auto;padding-top:20px;border-top:#2c3e50 10px solid;}
#structions img{position:relative;top:20px;}
#instructions{padding:20px;}

#finalPage{width:320px;background-color:#FFFffe;margin:auto;padding-top:20px;border-top:#2c3e50 10px solid;font-size:25px;}

#feedback{color:#fff;}

#titlePage{text-align:center;}

#playButton{background-color:#FFFFFF;padding:3px;border:1px solid grey;cursor:pointer;width:100px;border-radius:5px;margin:auto;}
#playButton:hover{background-color:#CCCCCC;}

#resetButton{float:left;background-color:#FFFFFF;padding:3px;border:1px solid grey;cursor:pointer;width:80px;border-radius:5px;margin:auto;margin-right:8px;}
#resetButton:hover{background-color:#CCCCCC;}

#solveButton{float:left;background-color:#FFFFFF;padding:3px;border:1px solid grey;cursor:pointer;width:80px;border-radius:5px;margin:auto;margin-right:8px;}
#solveButton:hover{background-color:#CCCCCC;}

#instructionsButton{float:left;background-color:#FFFFFF;padding:3px;border:1px solid grey;cursor:pointer;width:120px;border-radius:5px;margin:auto;}
#instructionsButton:hover{background-color:#CCCCCC;}

#returnButton{background-color:#FFFFFF;padding:3px;border:1px solid grey;cursor:pointer;width:150px;border-radius:5px;}
#returnButton:hover{background-color:#CCCCCC;}

#fb-root{text-align:center;width:100px;margin:auto;background-color:#FF66CC;}
.fb-share-button{text-align:center;width:100px;margin:auto;}

#buttonArea{width:320px;;margin:auto;text-align:center;height:30px;}

#firstArea{width:310px;padding:5px;border-radius:5px;;margin:auto;color:#fff;text-align:left;background-color:#333333;}
#scoreArea{width:310px;;margin:auto;color:#fff;text-align:left;background-color:#333333;padding:5px;border-radius:3px;}
.scoreLeft{float:left;}
.scoreRight{float:right;}

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

@media screen and (max-width:800px){
#Structions{width:100%;}
}

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