@media (max-width: 544px) {
  .loyalty {
    margin-top: 0;
  }
}
.loyalty sup {
  font-weight: 400;
  font-family: Jost, Arial, sans-serif;
  font-size: 60%;
}

.sbr__hero {
  background-repeat: no-repeat;
  background-position: top right;
  background-clip: border-box;
}
@media (min-width: 545px) {
  .sbr__hero {
    background-position-x: 500px;
    background-size: 66%;
  }
}
.sbr__hero .sbr__hero__heading {
  margin: 80px 0;
}
.sbr__hero .sbr__hero__heading h1 {
  font-weight: 900;
}
@media (min-width: 545px) {
  .sbr__hero .sbr__hero__heading h1 {
    font-size: 60px;
  }
}
.sbr__hero .sbr__hero__heading h1 .red {
  color: #e4002b;
}
.sbr__hero .sbr__hero__heading h3 {
  font-weight: 400;
}
@media (min-width: 545px) {
  .sbr__hero .sbr__hero__heading h3 {
    font-size: 40px;
  }
}
.sbr__hero .sbr__hero__heading .sbr__hero__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 60px 0 40px;
}
@media (min-width: 545px) {
  .sbr__hero .sbr__hero__heading .sbr__hero__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 150px 0 136px;
  }
}
.sbr__hero .sbr__hero__heading .sbr__hero__buttons a {
  font-size: 1rem;
}
.sbr__hero .sbr__hero__heading .sbr__hero__buttons p {
  margin: 10px 0;
}
@media (min-width: 545px) {
  .sbr__hero .sbr__hero__heading .sbr__hero__buttons p {
    margin: 0 10px 0 20px;
  }
}
.sbr__hero .sbr__hero__heading .sbr__hero__buttons .sbr__hero__buttons__sign-in {
  text-decoration: underline;
  font-weight: 600;
  color: #000;
}
@media (max-width: 544px) {
  .sbr__hero .sbr__hero__perks {
    background-color: #fff;
  }
}
.sbr__hero .sbr__hero__perks ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sbr__hero .sbr__hero__perks ul .perk .perk__inner {
  background-color: #eaea6e;
  height: 100%;
  min-height: 200px;
}
.sbr__hero .sbr__hero__perks ul .perk .perk__inner h3 {
  font-size: 30px;
}
.sbr__hero .sbr__hero__perks ul .perk .perk__inner .perk__inner__img {
  max-height: 71px;
}