/* =============================================== */
.hero {
  padding-top: 32px;
}

.hero .title {
  margin-top: 0;
}

.hero > .container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.hero.background-image {
  background-size: contain;
  background-position: 50% 100%;
}

.hero > .container .title {
  order: 1;
}

.hero > .container .subtitle {
  order: 2;
}

.hero > .container .illustration {
  order: 3;
  max-width: 1280px;
}

.hero > .container .cta {
  order: 4;
}


@media (min-width: 992px) {
  .hero {
    padding-top: 170px !important;
  }

  .hero > .container .cta {
    order: 3
  }


  @media (min-width: 992px) {
    .home-hero {
      height: 687px;
      padding-top: 170px !important;
    }
  }
}