.help main h3 {
  color: #ffcb05;
  padding: 16px 0px;
}

body {
  background-color: #262626;
}

.help main {
  font-size: 0.9em;
}

.help .container {
  /* Let's setup this to make sure we trigger scrolling! bug #52 and #62 */
  min-height: 1000px;
}

span.avoidwrap {
  display:inline-block;
}

.help .container h3 {
  color: #ffcb05;
  font-size: 1.4em;
  margin-bottom: 0px;
  padding: 3em 0px 0.6em 0px;
  text-transform: uppercase;
}

.help ol li,
.help ul li {
  margin-bottom: 16px;
}

.help img,
.help object {
  vertical-align: bottom;

  /* Make sure all the images fits to the smaller mobile width */
  max-width: 100%;

  zoom: 0.65;
}

.manage-spin-size {
  width: 114px;
  height: 114px;
}

.manage-spin-size > div {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  background-position: center center;
}

.manage-spin-size > div.spin-stop-icon {
  background-size: 40%;
  background-image: url(../../help-common/assets/img/spinButtonStopIcon.png);
}


.help .close-button > img {
  width: 30px;
  zoom: 1.0 !important;
  margin: 0 !important;
  transform: scale(1.0) !important;
}

.help .close-help-button {
  top: 103%;
  right: 27%;
  position: absolute;
  cursor: pointer;
  padding: 1px 5px;
}

.help .close-help-button > img {
  zoom: 1.4!important;
}

.help ol.game-option-list {
  list-style-type: none;
  padding-left: 14px;
}

.help ol.game-option-list li {
  counter-increment: section;
}

.help ol.game-option-list li::before {
  content:"["counter(section)"] ";
}

@media (max-width: 1000px) {
  .help .container {
    max-width: 100% !important;
  }
}

@media (min-width: 421px) and (max-width: 768px) {
  .help .container {
    font-size: 0.8em;
  }

  .help img {
    zoom: 0.4;
  }

  .manage-spin-size {
    width: 70px;
    height: 70px;
  }

}


@media (max-width: 576px) {
  .help ol,
  .help ul {
    padding-left: 24px;
  }

  .help img {
    zoom: 0.3;
  }

  .manage-spin-size {
    width: 52.5px;
    height: 52.5px;
  }

  .help .container h3 {
    padding-top: 2.5em;
  }
}
