.getting-started {
  background-color: #fff;
  height: auto;
  width: 100%;
  display: table;
}

.intro-redirect {
  display: none;
  background-color: #f1f1f1;
  margin: auto;
  text-align: center;
  padding: 50px;
}

.intro-redirect-message img {
  height: 150px;
}

.intro-redirect-message .take-to-my-account {
  background-color: #007fab;
  border-color: #007fab;
  border-radius: 20px;
}

.intro-redirect-message .intro-redirect-message-heading {
  padding-top: 20px;
  font-size: 30px;
  font-weight: 700;
  color: #686a6c;
}

.intro-redirect-message .intro-redirect-message-text {
  font-size: 20px;
  font-weight: 300;
  color: #686a6c;
  padding: 10px 0px 10px 0px;

}

.getting-started img {
  max-width: 100%;
}

.big-intro {
  position: relative;
  background: url(../images/header-image_mobile.jpg) no-repeat center;
  background-size: cover;
  height: 414px;
}

.big-intro .mobileDesign {
  display: block;
}

.big-intro .desktopDesign {
  display: none;
}

.big-intro p {
  position: absolute;
  color: #fff;
  top: 35%;
  width: 100%;
  font-size: 2em;
  font-weight: 700;
  text-align: center;
  line-height: 1.1;
}

.big-intro p .personalised {
  font-weight: 900;
}

.big-intro .buttons {
  position: absolute;
  color: #fff;
  top: 5%;
  left: 2%;
  width: 100%;
  font-size: 48px;
  font-weight: 600;
  text-align: center;
  padding: 0;
}

.big-intro .buttons .sign-in {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  margin: 5px;
  margin-top: 20px;
  line-height: 44px;
  padding: 0 15px 0 15px;
}

.big-intro .buttons .sign-in:focus {
  border: 2px solid #13578b;
}

.big-intro .buttons .create-account {
  color: black;
  border-radius: 3px;
  margin: 5px;
  margin-top: 20px;
  line-height: 44px;
  padding: 0 15px 0 15px;
}

.big-intro .buttons .create-account:focus {
  border: 2px solid #13578b;
}

.big-intro .arrow-down {
  top: 70%;
}

@media screen and (min-width: 768px) {

  .intro-redirect-message .intro-redirect-message-text {
    padding: 10px 40px 10px 40px;

  }

  .big-intro {
    background: url(../images/header-image_tablet.jpg) no-repeat center;
    background-size: cover;
    height: 474px;
  }

  .big-intro .mobileDesign {
    display: block;
  }

  .big-intro .desktopDesign {
    display: none;
  }

  .big-intro p {
    position: absolute;
    color: #fff;
    top: 35%;
    width: 100%;
    font-size: 3em;
    font-weight: 700;
    text-align: center;
    padding: 0 100px 0 100px;
    line-height: 1.3;
  }

  .big-intro p .personalised {
    font-weight: 900;
  }

  .big-intro .buttons {
    position: absolute;
    color: #fff;
    top: 2%;
    left: 55%;
    width: 50%;
    font-size: 48px;
    font-weight: 600;
    text-align: center;
    padding: 0;
  }

  .big-intro .buttons .sign-in {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    margin: 5px;
    margin-top: 20px;
    line-height: 44px;
    padding: 0 15px 0 15px;
  }

  .big-intro .buttons .sign-in:focus {
    border: 2px solid #13578b;
  }

  .big-intro .buttons .create-account {
    color: black;
    border-radius: 3px;
    margin: 5px;
    margin-top: 20px;
    line-height: 44px;
    padding: 0 15px 0 15px;
  }

  .big-intro .buttons .create-account:focus {
    border: 2px solid #13578b;
  }

  .big-intro .arrow-down {
    top: 77%;
  }
}

@media screen and (min-width: 1200px) {
  .intro-redirect-message .intro-redirect-message-text {
    padding: 10px 40px 10px 40px;

  }

  .big-intro {
    background: url(../images/header-image.jpg) no-repeat center;
    background-size: cover;
    height: 474px;
  }

  .big-intro .mobileDesign {
    display: none;
  }

  .big-intro .desktopDesign {
    display: block;
  }

  .big-intro p {
    position: absolute;
    color: #fff;
    top: 35%;
    width: 100%;
    font-size: 3em;
    font-weight: 700;
    text-align: center;
    padding: 0 230px 0 230px;
    line-height: 1.3;
  }

  .big-intro p .personalised {
    font-weight: 900;
  }

  .big-intro .buttons {
    position: absolute;
    color: #fff;
    top: 2%;
    left: 60%;
    width: 50%;
    font-size: 48px;
    font-weight: 600;
    text-align: center;
    padding: 0;
  }

  .big-intro .buttons .sign-in {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    margin: 5px;
    margin-top: 20px;
    line-height: 44px;
    padding: 0 15px 0 15px;
  }

  .big-intro .buttons .sign-in:focus {
    border: 2px solid #13578b;
  }

  .big-intro .buttons .create-account {
    color: black;
    border-radius: 3px;
    margin: 5px;
    margin-top: 20px;
    line-height: 44px;
    padding: 0 15px 0 15px;
  }

  .big-intro .buttons .create-account:focus {
    border: 2px solid #13578b;
  }

  .sign-in:hover {
    text-decoration: underline;
  }

  .big-intro .arrow-down {
    top: 75%;
  }
}

.intro-statement, .experience-statement {
  padding: 40px 0 70px 0;
  margin: 0 20px 0 20px;
  max-width: 998px;
  text-align: center;
  border-bottom: 10px solid #69a300;
}

.experience-statement {
  border-top: 10px solid #69a300;
  border-bottom: none;
}

.intro-statement h2, .experience-statement h2 {
  color: #69a300;
  font-size: 3em;
  font-weight: 900;
  padding-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .intro-statement, .experience-statement {
    padding: 40px;
    margin: auto;
  }
}

.intro-statement p, .experience-statement p {
  font-size: 1.5em;
  font-weight: 300;
}

.intro-statement p .sign-in {
  background-color: transparent;
  color: #363944;
  border: 1px solid #363944;
  border-radius: 3px;
  margin: 5px;
  margin-top: 20px;
  line-height: 44px;
  padding: 0 15px 0 15px;
}

.intro-statement p .sign-in:focus {
  border: 2px solid #13578b;
}

.intro-statement p .create-account {
  color: black;
  border-radius: 3px;
  margin: 5px;
  margin-top: 20px;
  line-height: 44px;
  padding: 0 15px 0 15px;
}

.intro-statement p .create-account:focus {
  border: 2px solid #13578b;
}

.tile-container {
  margin: auto;
  margin-top: 90px;
}

.bottom-tile-container {
  margin: auto;
  margin-top: 0px;
}

@media screen and (min-width: 992px) {
  .tile-container .margin-left {
    margin-left: 13%;
  }
}

.tile-container .intro-tile {
  max-width: 100%;
  margin-bottom: 30px;
}

.tile-container .intro-tile .intro-tile-img img {
  margin-bottom: 0;
  padding: 0;
  width: 100%;
}

.tile-container .intro-tile .intro-tile-content {
  color: #fff;
  background-color: #007fab;
  margin-top: -20px;
  min-height: 230px;
}

.bottom-tile-container .intro-tile .intro-tile-content {
  min-height: 275px;
}

.tile-container .intro-tile h3 {
  color: #fff;
  padding: 20px 30px;
  font-size: 18pt;
}

@media screen and (min-width: 1200px) {
  .tile-container .intro-tile h3 {
    font-size: 22pt;
  }
}

.tile-container .intro-tile p {
  color: #fff;
  padding: 0 30px 20px;
  font-size: 11pt;
}

@media screen and (min-width: 1200px) {
  .tile-container .intro-tile p {
    font-size: 14pt;
  }
}

.tile-container .margin-bottom {
  margin-bottom: 60px;
}

.ready-get-started {
  background-color: #363944;
  padding: 60px 40px;
}

.ready-get-started h2 {
  font-size: 3em;
  font-weight: 900;
  color: #fff;
  text-align: center;
}

.ready-get-started p {
  color: #fff;
  font-size: 1.5em;
  text-align: center;
  font-weight: 300;
  padding-bottom: 15px;
}

.ready-get-started .sign-in {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  margin: 5px;
  margin-top: 20px;
  line-height: 44px;
  padding: 0 15px 0 15px;
}

.ready-get-started .sign-in:focus {
  border: 2px solid #13578b;
}

.ready-get-started .create-account {
  color: black;
  border-radius: 3px;
  margin: 5px;
  margin-top: 20px;
  line-height: 44px;
  padding: 0 15px 0 15px;
}

.ready-get-started .create-account:focus {
  border: 2px solid #13578b;
}

.box {
  margin-left: 30px;
  width: 80px;
  height: 90px;
  border: solid 4px #000;
  border-color: #fff transparent transparent transparent;
  border-radius: 99%/30px 5px 1px 1px;
}

@-webkit-keyframes bob {
  0% {
    top: 0;
  }
  70% {
    top: 0;
  }
  80% {
    top: 15px;
  }
  85% {
    top: 0;
  }
  95% {
    top: 15px;
  }
  100% {
    top: 0;
  }
}

@-moz-keyframes bob {
  0% {
    top: 0;
  }
  70% {
    top: 0;
  }
  80% {
    top: 15px;
  }
  85% {
    top: 0;
  }
  95% {
    top: 15px;
  }
  100% {
    top: 0;
  }
}

@-o-keyframes bob {
  0% {
    top: 0;
  }
  70% {
    top: 0;
  }
  80% {
    top: 15px;
  }
  85% {
    top: 0;
  }
  95% {
    top: 15px;
  }
  100% {
    top: 0;
  }
}

@keyframes bob {
  0% {
    top: 0;
  }
  70% {
    top: 0;
  }
  80% {
    top: 15px;
  }
  85% {
    top: 0;
  }
  95% {
    top: 15px;
  }
  100% {
    top: 0;
  }
}

.qgts-anim-down {
  color: #fff;
  font-size: 55px;
  position: relative;
  -webkit-animation: bob 4s infinite;
  -moz-animation: bob 4s infinite;
  -o-animation: bob 4s infinite;
  animation: bob 4s infinite;
}

.no-padding {
  padding: 0 !important;
}

#qg-primary-content {
  margin-top: 0;
  margin-bottom: 0;
}

/*// swe overrides*/
.qg-btn.btn-outline-dark:active, .qg-btn.btn-outline-dark:focus, .qg-btn.btn-outline-dark:hover {
  border: 1px solid #313131;
}