#wam #startBtn {
  width: 80px;
  margin: 0 auto;
}

#wam button{
  font-size: 20px;
  margin: 0 auto;
  display: block;
  padding: 10px 16px;
  line-height: 1.33;
  border-radius: 6px;
  color: white;
  background-color: #428bca;
  border-color: transparent;
}

h1 {
  text-align: center;
}

#wam ul {
  margin: 10px auto;
  display: table;
}

#wam #scorebar{
  text-align: center;
}

#wam #game{
  text-align: center;
}

#wam #canvas {
  margin: 10px auto;
  max-width: 768px;
  width: 90%;
  display: inline-block;
}

#wam .molebox {
  width: 24%;
  border: 1px solid #9bc0cc;
  float: left;
  min-height: 150px;
  display: block;
  position: relative;
  border-radius: 15px;
  margin: 2px;
  background-color: #edf9fd;
}

#wam .molefact {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 15px;
  height: 148px; 
  border-radius: 15px;  
  font-size: 14px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

#wam .molebox p {
  position: absolute;
  top: 55%;
  width: 100%;
  font-size: 12px;
  font-weight: bold;
  padding: 0 3px;
}

#wam img {
 position: absolute;
 left: 34%;
 top: 10%; 
 width: 55px;
 height:55px;
 z-index: 100;
}

#wam .mf-hidden, .image-hidden, .anw-hidden, 
.timer-hidden, .score-hidden, .share-hidden {
  display: none;
}

#wam .image-visible, .anw-visible {
  display: inherit;
}

#wam .molefact .visible {
  display: table-cell; 
}

#wam .final_s {
  color: #6aa3d4;
  font-size: 26px;
}

#wam #scorebar p {
  color: #428bca;
  font-size: 18px;
  float: left;
  width: 33%;
}

#wam #scorebar span {
  color: #3c72a0;
  font-size: 18px;
}

/*
#wam .molefact span {
  display: table-cell;
  vertical-align: middle;
} */

img.truck{
  width: 17% !important; 
  float:right;  
  padding: 0 20px 15px 15px; 
  position: relative;
}

.game_intro {
  padding: 15px 0 15px 30px; 
  width: 80%;
}

.game_area {
  background-color: #c8e9f4;
  border: 1px solid #9bc0cc;
  border-radius: 15px;
  padding-top: 40px;
  padding-bottom: 20px;
}

.game-over p{
/*  color: #6aa3d4; */
  color: #ff9600;
  font-size: 18px;
  padding: 15px 30px;
}

.game-over a {
  font-size: 20px;
  text-decoration: underline;
  color: #ff9600;
}

.game-over h2 {
  color: #ff9600;
  font-size: 30px;
}

#wam .share button {
  float: left;
  margin: 0 20px;
  border-radius: 0px;
  padding: 6px 10px;
  font-size: 15px;
}

#fbBtn {
  background-color: #3B5998 !important;
}

#twBtn { 
  background-color: #00aced !important;
}

#teleBtn { 
  background-color: #0088cc !important;
}

#wam .share p {
  color: #ff9600;
  font-size: 25px;
  text-align: center;
  padding-bottom: 10px;
}

#wam div.share{
  width: 100%;
  text-align: center;
  margin-top: 40px;
}

#wam div.share div {
  display: inline-block;
}

@media (min-width:768px) and (max-width:992px){
   img.truck {
      width: 30%;
      float: right;
      padding: 20px;
      position: relative;
   }

   .game_intro {
      padding: 15px 0 15px 30px;
      width: 70%;
   }
}

@media (min-width:500px) and (max-width:768px){
  #wam .molebox {
     width: 31%;
     min-height: 140px;
  }
  #wam .molefact {
     font-size: 13px; 
     height: 138px; 
  }
  #wam img {
  	  width: 45px;
  	  height: 45px;
  	  left: 35%;
  }
  #wam .molebox p {
     top: 50%; 
     font-size: 12px;
     padding: 0 3px; 
  }
  #wam .molebox span {
     font-size: 15px;  
  }      
  img.truck {
     display: none;
  }
  .game_intro {
    width: 100%;
    padding: 15px 20px;
   }
}



@media (max-width:499px){
  #wam #canvas {
    width: 100%;
  }
  #wam .molebox {
     width: 31%;
     min-height: 110px;
  }
  #wam img{
     width: 35px;
     height: 35px;
     top: 3%;
  }
  #wam .molefact {
     font-size: 12px; 
     height: 108px; 
     padding: 5px;
  }
  #wam .molebox p {
     font-size: 9px;
     top:  37%;
     padding: 0;  
  }  
  #wam .molebox span {
     font-size: 12px;
  }
    #wam img.anw-t {
  	  top: 15%;
  }  
  #wam p.anw-t {
  	  top: 55%;
  }  

  #wam #scorebar p { 
    font-size: 13px;
    margin: 0;
  }

 #wam #scorebar p:last-child, #wam #scorebar p:first-child { 
    width: 40%;
  }

  #wam #scorebar p:nth-child(2) {
    width: 20%;
  }


  #wam #scorebar span {
    font-size: 12px;
  }

  img.truck {
     display: none;
  }
  .game_intro {
     width: 100%;
     padding: 15px 20px;
  }
  #wam .share button {
     width: 100%;
     margin: 5px 0px; 
  }
  .game-over h2 {
     font-size: 25px;
  }

}