@media only screen and (max-width: 600px) {
    .ihb-logo, .sh-logo {
        width: 22%;
    }
    .game-logo, .buttons-shop {
        width: 50%;
    }
    
}
.dc-tree {
  font: 16px 'Roboto',Verdana, sans-serif;
  position: relative;
  text-align: center;
    height: 100%;
}

.dc-tree * { box-sizing: border-box; }

.dctree-card {
  text-align: center;
  padding: 20px;
  position: absolute;
  margin: 0 auto;
  display: none;
    width: 100%;
}

.dctree-message {
  padding: 10px;
  margin-bottom: 20px;
  font-size: 1.5em;
}
 [class^="dctree-answer"] {
 text-align: center;
     margin-bottom: 20px;
}

.red {
  color: white;
    height: 60px;
    width: 50%;
    float: right;
}

.green {
  color: white;
    height: 60px;
    width: 50%;
    float: left;
}

.orange {
  color: white;
height: 90px;
    width: 100%;
    float: left;
    
}

.red img, .green img, .orange img {
    cursor: pointer;
}