.beginners-wizard-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.72); /* Black w/ opacity */
}

/* Modal Content/Box */
.beginners-wizard-modal-content {
    margin: 6% auto; /* 15% from the top and centered */
    width: 70%; /* Could be more or less, depending on screen size */
}

.beginners-wizard-round-img {
  max-width: 80%;
}

.beginners-wizard-normal-img {
  max-width: 100%;
}

.beginners-wizard-text {
  color: white;
}

.beginners-wizard-a:hover {
  opacity: .75;
  cursor: pointer;
}

.beginners-wizard-suboptions {
  padding: 18px 0;
}

.beginners-wizard-text-h3 {
  margin-top: 10px;
}

.beginners-wizard-right-fix {
  right: 45px;
}

.beginners-wizard-close {
  color: white;
  opacity: .9;
  font-size: 24px;
}

.beginners-wizard-back-div {
  margin-top:30px;
  font-size:30px;
}

.beginners-wizard-back-color {
  color:white !important;
}

.beginners-wizard-back-color-underline {
  color:white !important;
}

.beginners-wizard-back-color-underline:hover {
  opacity: .8;
  text-decoration: underline;
}

.beginners-wizard-back-color:hover {
  opacity: .8;
  text-decoration: none;
}

.btn-success-beginners-wizard {
  background-color: #27ae60;
}

.btn-success-beginners-wizard:hover {
  opacity: .8;
  background-color: #27ae60;
}

.btn-success-beginners-wizard-blue {
  background-color: #2980b9;
}

.btn-success-beginners-wizard-blue:hover {
  background-color: #2980b9;
}

.beginners-wizard-shortcuts-h2 {
  font-size: 22px;
  font-weight: bold;
  margin-top: 0px;
}

.beginners-wizard-shortcut-keys {
  font-size: 16px;
}

.beginners-wizard-shortcuts-ul > li {
  margin: 8px 0;
}

.beginners-wizard-shortcuts-ul {
  margin-left: -4px;
}

.beginners-wizard-green-background {
  background-color: #27ae60;
  border-radius: 20px;
}

.beginners-wizard-img-shortcuts {
  width: 26px;
}

.beginners-wizard-margin-bottom-sm {
  margin-bottom: 20px;
}

@media only screen and (max-width : 480px) {
  .beginners-wizard-margin-bottom {
    margin-bottom: 14px;
  }

  .beginners-wizard-modal-content {
      width: 82%; /* Could be more or less, depending on screen size */
  }
}

@media only screen and (max-width : 768px) {
  .beginners-wizard-margin-bottom-sm {
    margin-bottom: 20px;
  }
}