.game-logo {
  height: 25vmin;
  width: 100%;
  background: url('../assets/textures/loading/logo.png') center top no-repeat;
  background-size: contain;
  z-index: 100;
  margin-bottom: 1.2vmin;
}


.settings .content {
  &.INFO {
    .content-block .divider {
      background: #ffa800 !important;
      background: -webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(transparent), color-stop(50%, #ffa800)) !important;
    }
  }

  .feature-title {
    text-align: center;
    font-family: 'OldTown';
    font-size: 6vmin;
    background: -webkit-linear-gradient(#ffe68e, #ffa800);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;

    @media @smartphones {
      font-size: 12vmin;
    }
  }

  &.INFO {
    .divider.below-ft {
      margin-top: -1.5vmin;
    }

    .infoHeader {
      width: 100%;

      .game-logo {
        height: 15vmin;

        @media @smartphones {
          height: 30vmin;
        }
      }

      .feature-bet-amount {
        text-align: center;
        font-family: 'OldTown';
        font-size: 4vmin;
        background: -webkit-linear-gradient(#ffe68e, #ffa800);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-shadow: none;

        @media @smartphones {
          font-size: 8vmin;
        }
      }

      .coin-money-value {
        display: flex;
        flex-direction: row;
        margin-top: 1vmin;
        padding-right: 4vmin;

        @media @smartphones {
          padding-right: 11vmin;
        }

        .money {
          background: url('../assets/textures/loading/coin_value_a.png') right center no-repeat;
          background-size: contain;
          width: 50%;
          height: 10vmin;

          @media @smartphones {
            height: 20vmin;
          }
        }

        .coin {
          background: url('../assets/textures/loading/coin_value_b.png') left center no-repeat;
          background-size: contain;
          width: 50%;
          height: 10vmin;
          @marginLeft: 2%;
          margin-left: -@marginLeft;
          z-index: -1;
          display: flex;

          @media @smartphones {
            height: 20vmin;
          }

          div {
            align-self: center;
            text-align: left;
            margin-left: @marginLeft * 2;
            padding-top: 0.9vmin;
          }
        }
      }
    }

    .divider.below-cmv {
      margin-top: 0.5vmin;
    }
  }
}

.inline {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
}

.rule-group {
  max-width: 600px;
}

.rule-text {
  text-align: left;
  margin: 10px 0 30px 0;
}

.text-center {
  text-align: center;
}

.feature-text {
  width: 100%;
  margin: 10px auto;
  max-width: 600px;
  text-align: center;
}

.feature-image {
  max-width: 350px;
  max-height: 350px;
}

&.INFO .empty-divider {
  height: 5vmin;
  width: 100%;
}

.flexCenter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.paylines.flex-container {
  display: flex;
  justify-content: space-around;
  flex-flow: row wrap;

  .flex-container {
    display: flex;
    flex-flow: row wrap;
    margin: 0.7em;
  }

  .square {
    border: 1px solid black;
    border-width: 1px 1px 0px 0px;
  }
}