#onboard-welcome {
  ion-content {
    background: url(../img/onboarding-welcome-bg.png);
    background-position: top center;
    background-size: contain;
    background-repeat: repeat-x;
    #shopping-24 {
      content: url("../img/onboarding-welcome-shopping24.png");
      position: absolute;
      top: 5%;
      right: 5%;
      width: 35px;
      height: auto;
    }
    .logo,
    p {
      @include center-block();
    }
    .logo {
      margin-top: 20rem;
    }
    button {
      @include center-block(1rem);
      color: #fff;
      &.get-started {
        background: rgb(100, 124, 232);
        margin-top: 4rem;
      }
      &.restore {
        background: none;
      }
    }
    #cta-buttons {
      position: absolute;
      bottom: 0;
      width: 100%;
      button {
        max-width: 400px;
        min-width: 300px;
      }
    }
  }
}

@media (max-width:500px),
(max-height:800px) {
  #onboard-welcome {
    ion-content {
      .logo {
        margin-top: 12rem;
      }
    }
  }
}

@media (max-width:420px) {
  #onboard-welcome {
    ion-content {
      .logo {
        margin-top: 8rem;
      }
    }
  }
}

@media (max-height:550px) {
  #onboard-welcome {
    #cta-buttons {
      position: relative !important;
      float: left;
    }
  }
}
