.game-item {
    position: relative;
    float: none;
    width: 200px;
    margin:10px auto;
    text-align: center;
}

.game-item h3 {
    text-align:center;
    position: absolute;
    line-height: 150px;
    width: 100%;
    font-size: 32px;
    color: #fff;
}

.game-item svg {
   -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.circle_animation {
  stroke-dasharray: 440; /* this value is the pixel circumference of the circle */
  stroke-dashoffset: 440;
  transition: all 1s linear;
  background: #fff;
}

.game-bg h4 {font-size:34px;font-size:30px; text-align: center; padding:0 20px;}
.game-bg h5 {color:#fff;}

.answer-1, .answer-2 {
  text-align: center;
  font-size: 24px !important;
}

.skip {
  cursor: pointer;
}
.answer-hover {
  background:#e1e1e1;
  cursor: pointer;
}

.game-result {font-size:26px; padding: 30px 20px; text-align: center;}

.game-result-table {font-size:18px;margin-top:100px;}
.game-result-table table {width: 100%;}
.game-result-table table tr th {height: 68px; line-height: 68px; text-align: center; font-family: "Titillium Web",sans-serif; font-size:20px;text-transform: uppercase;color:#fff;}
.intro, .game-result-table table tr td {padding:30px 10px;color:#fff; text-transform: uppercase; font-family: "Titillium Web",sans-serif; font-size:16px;font-weight: bold;text-align: center;}

.game-bg {background: url(/assets/public/css/img/game/quizz-bg.jpg) no-repeat top center #666; padding: 20px; min-height: 1200px; color:#fff;}
.game-box {min-height: 200px;}
.game-box-title {color:#fff; height: 68px; line-height: 68px;text-align: center; font-family: "Titillium Web",sans-serif; font-size:34px;text-transform: uppercase;}

.quizz-logo {width: auto; margin: 20px auto;text-align: center;}
.quizz-logo img {max-width:360px; width: 100%;}