.beez-logo {
  margin: 0 auto;
  display: block;
  line-height: 0; }
  @media (min-width: 0em) {
    .beez-logo {
      width: 100px; } }
  @media (min-width: 30.0625em) {
    .beez-logo {
      width: 150px; } }
  @media (min-width: 90.0625em) {
    .beez-logo {
      width: 200px; } }
  .beez-logo__top {
    background: #ffffff;
    box-shadow: 1px 1px 0px 0px rgba(30, 30, 30, 0.3);
    display: block; }
    @media (min-width: 0em) {
      .beez-logo__top {
        margin-bottom: 24px;
        border-radius: 24px; } }
    @media (min-width: 30.0625em) {
      .beez-logo__top {
        border-radius: 30px; } }
    @media (min-width: 90.0625em) {
      .beez-logo__top {
        border-radius: 48px;
        margin-bottom: 36px; } }
  .beez-logo__bottom {
    display: block; }
  .beez-logo__shadow-on-black {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.5); }
  .beez-logo__shadow-on-white {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); }

.store-link {
  display: block;
  border-width: 2px;
  border-style: solid;
  border-radius: 8px;
  -webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
  -moz-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
  -ms-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
  -o-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
  transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important; }
  @media (min-width: 0em) {
    .store-link {
      width: 135px;
      height: 42px;
      border-radius: 6px; }
      .store-link img {
        width: 135px;
        height: 42px; } }
  @media (min-width: 30.0625em) {
    .store-link {
      border-radius: 8px;
      width: 159px;
      height: 50px; }
      .store-link img {
        width: 159px;
        height: 50px; } }
  @media (min-width: 80.0625em) {
    .store-link {
      width: 212px;
      height: 66px; }
      .store-link img {
        width: 212px;
        height: 66px; } }
  .store-link__white {
    border-color: #ffffff;
    background-color: #ffffff; }
  .store-link__white-outline {
    border-color: #ffffff;
    position: relative;
    -webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
    -moz-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
    -ms-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
    -o-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
    transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important; }
  .store-link__white-outline .black {
    opacity: 0; }
  .store-link__white-outline img {
    position: absolute;
    -webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
    -moz-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
    -ms-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
    -o-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
    transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .store-link__white-outline:hover {
    background-color: #ffffff;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.5); }
  .store-link__white-outline:hover .black {
    opacity: 1; }
  .store-link__white-outline:hover .white {
    opacity: 0; }
  .store-link__black-outline {
    border-color: #1e1e1e; }
  .store-link__small {
    max-width: 106px;
    border-radius: 6px;
    border: none;
    height: 33px !important; }
  .store-link__shadow-on-white {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); }
  .store-link__shadow-on-white:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); }
  .store-link__shadow-on-black {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5); }
  .store-link__shadow-on-black:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); }
  .store-link__black-outline-to-white {
    border-color: #1e1e1e;
    transition-property: box-shadow;
    transition-duration: 120ms; }
  .store-link__black-outline-to-white:hover {
    border-color: #ffffff;
    background-color: #ffffff;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); }

.slide-down-arrow {
  margin-top: auto; }
  @media (min-width: 0em) {
    .slide-down-arrow {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      margin-top: 18px; } }
  @media (min-width: 0em) {
    .slide-down-arrow img {
      width: 2.4rem; } }
  @media (min-width: 30.0625em) {
    .slide-down-arrow img {
      width: 3.6rem; } }
  @media (min-width: 48.0625em) {
    .slide-down-arrow img {
      width: 3.6rem; } }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  background-color: #00d796;
  font-weight: 300;
  letter-spacing: 0.02em;
  font-family: "Sofia Pro", sans-serif;
  color: #1e1e1e; }
  @supports (background: linear-gradient(45deg, #5a82ff 0%, #5a82ff 10%, #00d796 90%, #00d796 100%)) {
    body {
      background: linear-gradient(45deg, #5a82ff 0%, #5a82ff 10%, #00d796 90%, #00d796 100%); } }

h2 {
  margin-left: auto;
  margin-right: auto;
  display: inline-block; }
  @media (min-width: 0em) {
    h2 {
      font-size: 3.1rem;
      font-weight: 600;
      line-height: 4rem;
      letter-spacing: 0.02em;
      color: #ffffff;
      text-align: center;
      position: relative; } }
  @media (min-width: 30.0625em) {
    h2 {
      font-size: 4.7rem;
      line-height: 6.2rem; } }
  @media (min-width: 48.0625em) {
    h2 {
      font-size: 5.1rem;
      line-height: 6.6rem; } }
  @media (min-width: 80.0625em) {
    h2 {
      font-size: 5.5rem;
      line-height: 7rem; } }
  @media (min-width: 90.0625em) {
    h2 {
      font-size: 6.5rem;
      line-height: 8.2rem; } }

@media (min-width: 0em) {
  h3 {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 3.5rem;
    text-align: center;
    margin-bottom: 1.4rem; } }

@media (min-width: 48.0625em) {
  h3 {
    font-size: 3.1rem;
    line-height: 4.2rem;
    margin-bottom: 2rem; } }

@media (min-width: 90.0625em) {
  h3 {
    font-size: 4.1rem;
    line-height: 5.3rem;
    margin-bottom: 2.6rem; } }

h4 {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  font-weight: 600;
  text-align: center; }
  @media (min-width: 0em) {
    h4 {
      font-size: 1.5rem;
      line-height: 2.5rem;
      margin-bottom: 1.8rem; } }
  @media (min-width: 30.0625em) {
    h4 {
      font-size: 1.9rem;
      line-height: 2.4rem;
      margin-bottom: 1.8rem; } }
  @media (min-width: 48.0625em) {
    h4 {
      font-size: 1.7rem;
      line-height: 2.7rem;
      margin-bottom: 3rem; } }
  @media (min-width: 80.0625em) {
    h4 {
      font-size: 1.9rem;
      line-height: 2.7rem;
      margin-bottom: 2.2rem; } }
  @media (min-width: 90.0625em) {
    h4 {
      font-size: 1.9rem;
      line-height: 2.7rem;
      margin-bottom: 4.6rem; } }

img {
  display: block;
  line-height: 0; }

p {
  font-weight: 300; }
  @media (min-width: 0em) {
    p {
      text-align: center;
      margin-bottom: 3.4rem;
      font-size: 1.7rem;
      line-height: 2.7rem; } }
  @media (min-width: 30.0625em) {
    p {
      margin-bottom: 4.2rem;
      font-size: 1.9rem;
      line-height: 2.9rem; } }
  @media (min-width: 48.0625em) {
    p {
      margin-bottom: 4rem;
      line-height: 2.9rem;
      font-size: 1.9rem; } }
  @media (min-width: 80.0625em) {
    p {
      margin-bottom: 5.4rem;
      line-height: 3.5rem;
      font-size: 2.1rem; } }
  @media (min-width: 90.0625em) {
    p {
      margin-bottom: 8rem;
      font-size: 2.5rem; } }

ul li {
  font-weight: 300; }
  @media (min-width: 0em) {
    ul li {
      font-size: 1.5rem;
      line-height: 2rem; } }
  @media (min-width: 30.0625em) {
    ul li {
      font-size: 1.5rem;
      line-height: 2.5rem; } }
  @media (min-width: 48.0625em) {
    ul li {
      line-height: 2.5rem; } }
  @media (min-width: 80.0625em) {
    ul li {
      font-size: 1.7rem;
      line-height: 2.7rem; } }

ul li span {
  width: 100%; }

a {
  cursor: pointer; }

.--uppercase {
  text-transform: uppercase; }

.gradient-text {
  color: #5a82ff; }
  @supports (background: -webkit-linear-gradient(45deg, #5a82ff, #5a82ff, #00d796, #00d796)) and (-webkit-background-clip: text) and (-webkit-text-fill-color: transparent) {
    .gradient-text {
      background: -webkit-linear-gradient(45deg, #5a82ff, #5a82ff, #00d796, #00d796);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; } }

.linear-gradient-headers-wrapper {
  width: 100%;
  text-align: center; }

.btn__navigation {
  -webkit-appearance: none;
  background-color: transparent;
  outline: none;
  border: none;
  cursor: pointer !important;
  margin-top: auto;
  width: 100%; }

.content-grid {
  min-height: 100vh; }
  @media (min-width: 0em) {
    .content-grid {
      width: 100%;
      padding: 18px 18px;
      display: flex;
      flex-direction: column;
      align-items: center;
      height: 100vh;
      flex-basis: auto; }
      .content-grid .main-content {
        margin-top: auto; }
      @supports (grid-template-rows: auto) {
        .content-grid {
          display: grid;
          grid-template-rows: 1fr auto 1fr;
          flex-direction: row;
          justify-content: initial;
          align-items: initial;
          height: initial; }
          .content-grid .main-content {
            height: initial;
            margin-top: 0; } } }
  @media (min-width: 0em) and (min-width: 30.0625em) {
    .content-grid {
      padding: 24px 48px; } }
  @media (min-width: 0em) and (min-width: 48.0625em) {
    .content-grid {
      padding: 24px 48px; } }
  @media (min-width: 0em) and (min-width: 80.0625em) {
    .content-grid {
      padding: 32px 64px; } }
  @media (min-width: 0em) and (min-width: 90.0625em) {
    .content-grid {
      padding: 36px 72px; } }

header .fake {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1; }

.hero__main-content {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1; }

header .btn__navigation {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1; }

@media (min-width: 0em) {
  .hero__beez-logo {
    margin-bottom: 3.2rem; } }

@media (min-width: 30.0625em) and (max-width: 80.0625em) {
  .hero__beez-logo {
    width: 13rem; } }

@media (min-width: 48.0625em) {
  .hero__beez-logo {
    margin-bottom: 3.2rem; } }

@media (min-width: 80.0625em) {
  .hero__beez-logo {
    margin-bottom: 5.2rem; } }

@media (min-width: 90.0625em) {
  .hero__beez-logo {
    margin-bottom: 7.2rem; } }

@media (min-width: 0em) {
  .hero__heading {
    margin-bottom: 1.6rem; } }

@media (min-width: 48.0625em) {
  .hero__heading {
    margin-bottom: 1.4rem; } }

@media (min-width: 80.0625em) {
  .hero__heading {
    margin-bottom: 2.2rem; } }

@media (min-width: 90.0625em) {
  .hero__heading {
    margin-bottom: 2.8rem; } }

.hero__paragraph {
  color: #ffffff; }

@media (min-width: 0em) {
  .hero__heading-secondary {
    margin-bottom: 2.2rem; } }

@media (min-width: 48.0625em) {
  .hero__heading-secondary {
    margin-bottom: 2.6rem; } }

@media (min-width: 90.0625em) {
  .hero__heading-secondary {
    margin-bottom: 4.2rem !important; } }

header .app-links {
  display: flex;
  align-items: center;
  justify-content: center; }

@media (min-width: 0em) {
  header .app-links a {
    display: flex;
    margin: 0 1.2rem; } }

@media (max-width: 340px) {
  header .app-links a {
    margin: 0 6px; }
    header .app-links a:first-child {
      margin-left: 0; }
    header .app-links a:last-child {
      margin-right: 0; } }

@media (min-width: 30.0625em) {
  header .app-links a {
    margin: 0 1.6rem; } }

@media (min-width: 48.0625em) {
  header .app-links a {
    margin: 0 1.6rem; } }

@media (min-width: 80.0625em) {
  header .app-links a {
    margin: 0 2.4rem; } }

header .content-grid {
  background-size: cover;
  background-position: center;
  /* background */
  position: relative;
  /* ----------- */ }
  header .content-grid::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    width: 100vw;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../assets/background-images/img1.jpg"); }
  header .content-grid::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100vw;
    height: 100%;
    background-color: rgba(30, 30, 30, 0.9); }

@media (min-width: 0em) {
  .benefits .linear-gradient-headers-wrapper {
    text-align: center; } }

@media (min-width: 48.0625em) {
  .benefits .linear-gradient-headers-wrapper {
    text-align: left; } }

.benefits .content-grid {
  position: relative; }
  .benefits .content-grid:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    width: 100vw;
    height: 100%;
    background: url(../assets/background-images/img2.jpg) center/cover no-repeat; }
  .benefits .content-grid::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100vw;
    height: 100%;
    background-color: rgba(244, 244, 244, 0.9); }

/* TOP BAR */
.benefits__top-bar {
  align-self: start;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%; }

.benefits__brand {
  background: #ffffff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
  -moz-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
  -ms-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
  -o-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
  transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important; }
  @media (min-width: 0em) {
    .benefits__brand {
      width: 4.8rem;
      height: 4.8rem;
      border-radius: 12px; } }
  @media (min-width: 30.0625em) {
    .benefits__brand {
      width: 6.4rem;
      height: 6.4rem;
      border-radius: 15px; } }
  @media (min-width: 48.0625em) {
    .benefits__brand {
      width: 6.4rem;
      height: 6.4rem;
      border-radius: 15px; } }
  @media (min-width: 90.0625em) {
    .benefits__brand {
      width: 8rem;
      height: 8rem;
      border-radius: 19px; } }

.benefits__brand:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); }

/* ------------------- */
/* STORE LINKS */
.benefits__store-links {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.benefits__store-links a:first-child {
  margin-right: 16px; }
  @media (max-width: 340px) {
    .benefits__store-links a:first-child {
      margin-right: 6px; } }

/* ------------------- */
@media (min-width: 0em) {
  .benefits__heading {
    margin-bottom: 4.2rem; } }

@media (min-width: 48.0625em) {
  .benefits__heading {
    margin-left: 0;
    text-align: left; } }

@media (min-width: 90.0625em) {
  .benefits__heading {
    margin-bottom: 8rem; } }

/* LIST */
@media (min-width: 0em) {
  .benefits__list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }

@media (min-width: 0em) {
  .benefits__list-item {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 2.4rem; }
    .benefits__list-item:last-child {
      margin-bottom: 0; } }

@media (min-width: 30.0625em) {
  .benefits__list-item {
    width: 47%;
    margin-bottom: 3.2rem; }
    .benefits__list-item:nth-last-child(-n + 2) {
      margin-bottom: 0; } }

@media (min-width: 48.0625em) {
  .benefits__list-item {
    width: 47%;
    margin-bottom: 3.6rem; }
    .benefits__list-item:nth-last-child(-n + 2) {
      margin-bottom: 0; } }

@media (min-width: 80.0625em) {
  .benefits__list-item {
    margin-bottom: 5rem; }
    .benefits__list-item:nth-last-child(-n + 2) {
      margin-bottom: 0; } }

.benefits__icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem; }
  @media (min-width: 0em) {
    .benefits__icon-box {
      min-width: 4.8rem;
      max-width: 4.8rem; } }

.benefits__icon-box img {
  width: 100%; }

/* ---------------------------- */
.benefits__brand img {
  width: 100%; }

@media (min-width: 48.0625em) {
  .benefits__main-content {
    display: flex;
    align-items: center;
    justify-content: space-between; } }

@media screen and (max-width: 359px) {
  .benefits__main-content {
    margin-top: 46px !important;
    margin-bottom: 28px !important; } }

@media (min-width: 90.0625em) {
  .benefits__main-content {
    width: 1320px; } }

@media (min-width: 48.0625em) {
  .benefits__text {
    width: 66.7%; } }

@media (min-width: 90.0625em) {
  .benefits__text {
    max-width: 63.6rem;
    width: 50%; } }

@media (min-width: 80.0625em) {
  .benefits__heading {
    text-align: left; } }

/* PHONE SCREEN-SHOT */
@media (min-width: 0em) {
  .benefits__phone-screen-box {
    display: none; } }

@media (min-width: 48.0625em) {
  .benefits__phone-screen-box {
    display: block;
    position: relative;
    width: 33.3%; } }

@media (min-width: 80.0625em) {
  .benefits__phone-screen-box {
    display: block;
    position: relative;
    width: 33.3%; } }

@media (min-width: 90.0625em) {
  .benefits__phone-screen-box {
    width: 50%;
    max-width: 63.6rem;
    height: 660px; } }

.benefits__phone-screen-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -47%); }
  @media (min-width: 48.0625em) {
    .benefits__phone-screen-box img {
      width: 28rem; } }
  @media (min-width: 80.0625em) {
    .benefits__phone-screen-box img {
      width: 30.8rem;
      height: auto; } }
  @media (min-width: 90.0625em) {
    .benefits__phone-screen-box img {
      width: 37.4rem;
      height: auto; } }

/* ---------------------------- */
.why__top-bar {
  align-self: start;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%; }

.why__brand {
  background: #ffffff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
  -moz-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
  -ms-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
  -o-transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important;
  transition: all 0.3s cubic-bezier(0.5, 0, 0, 1) !important; }
  @media (min-width: 0em) {
    .why__brand {
      width: 4.8rem;
      height: 4.8rem;
      border-radius: 12px; } }
  @media (min-width: 30.0625em) {
    .why__brand {
      width: 6.4rem;
      height: 6.4rem;
      border-radius: 15px; } }
  @media (min-width: 48.0625em) {
    .why__brand {
      width: 6.4rem;
      height: 6.4rem;
      border-radius: 15px; } }
  @media (min-width: 90.0625em) {
    .why__brand {
      width: 8rem;
      height: 8rem;
      border-radius: 19px; } }

.why__brand:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); }

.why__store-links {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.why__store-links a:first-child {
  margin-right: 16px; }
  @media (max-width: 340px) {
    .why__store-links a:first-child {
      margin-right: 6px; } }

.why__main-content-grid {
  position: relative; }
  .why__main-content-grid::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: -2;
    background: url(../assets/background-images/img3.jpg) center/cover no-repeat; }
  .why__main-content-grid::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: -1;
    background-color: rgba(30, 30, 30, 0.9); }

@media screen and (max-width: 359px) {
  .why__main-content {
    margin-top: 46px !important;
    margin-bottom: 28px !important; } }

@media (min-width: 0em) {
  .why__heading {
    margin-bottom: 1.4rem; } }

@media (min-width: 80.0625em) {
  .why__heading {
    margin-bottom: 2.8rem; } }

.why__paragraph {
  text-align: center;
  color: #ffffff; }

/* LIST */
.why__list {
  color: #ffffff;
  display: flex;
  justify-content: space-between; }
  @media (min-width: 0em) {
    .why__list {
      flex-direction: column;
      align-items: flex-start; } }
  @media (min-width: 48.0625em) {
    .why__list {
      flex-direction: row;
      align-items: unset; } }

.why__list-item {
  list-style: none; }
  @media (min-width: 0em) {
    .why__list-item {
      text-align: left;
      display: flex;
      align-items: center;
      margin-bottom: 2.4rem; }
      .why__list-item:last-child {
        margin-bottom: 0; } }
  @media (min-width: 0em) {
    .why__list-item {
      margin-bottom: 3.2rem; }
      .why__list-item:last-child {
        margin-bottom: 0; } }
  @media (min-width: 48.0625em) {
    .why__list-item {
      width: 31%;
      justify-content: unset;
      align-items: center;
      text-align: center;
      flex-direction: column; } }
  @media (min-width: 90.0625em) {
    .why__list-item {
      width: 33.333%;
      margin-bottom: 0;
      margin-right: 48px; }
      .why__list-item:last-child {
        margin-right: 0px; } }

.why__list-item img {
  width: 4.8rem;
  height: 4.8rem; }
  @media (min-width: 0em) {
    .why__list-item img {
      margin-right: 1rem;
      margin-bottom: 0; } }
  @media (min-width: 48.0625em) {
    .why__list-item img {
      margin: 0 auto;
      margin-bottom: 16px; } }

/* ------------------- */
.call-to-action__content-grid {
  position: relative; }
  .call-to-action__content-grid::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    width: 100vw;
    height: 100%;
    background: url(../assets/background-images/img4.jpg) center/cover no-repeat; }
  .call-to-action__content-grid::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: rgba(244, 244, 244, 0.9);
    z-index: -1; }

@media (min-width: 0em) {
  .call-to-action__beez-logo {
    margin-bottom: 3.2rem; } }

@media (min-width: 48.0625em) {
  .call-to-action__beez-logo {
    margin-bottom: 4.6rem; } }

@media (min-width: 80.0625em) {
  .call-to-action__beez-logo {
    margin-bottom: 4.6rem; } }

@media (min-width: 90.0625em) {
  .call-to-action__beez-logo {
    margin-bottom: 7.2rem; } }

@media (min-width: 0em) {
  .call-to-action__heading {
    margin-bottom: 3.2rem; } }

@media (min-width: 48.0625em) {
  .call-to-action__heading {
    margin-bottom: 4.2rem; } }

@media (min-width: 80.0625em) {
  .call-to-action__heading {
    margin-bottom: 4.2rem; } }

@media (min-width: 90.0625em) {
  .call-to-action__heading {
    margin-bottom: 8rem; } }

.call-to-action .app-links {
  display: flex;
  align-items: center;
  justify-content: center; }

@media (min-width: 0em) {
  .call-to-action .app-links a {
    display: flex;
    margin: 0 1.6rem; } }

@media (max-width: 340px) {
  .call-to-action .app-links a {
    margin: 0 6px; }
    .call-to-action .app-links a:first-child {
      margin-left: 0; }
    .call-to-action .app-links a:last-child {
      margin-right: 0; } }

@media (min-width: 80.0625em) {
  .call-to-action .app-links a {
    margin: 0 2.4rem; } }

@media (min-width: 0em) {
  .call-to-action .app-links a {
    width: 135px;
    height: 42px; }
    .call-to-action .app-links a img {
      width: 135px;
      height: 42px; } }

@media (min-width: 30.0625em) {
  .call-to-action .app-links a {
    width: 159px;
    height: 50px; }
    .call-to-action .app-links a img {
      width: 159px;
      height: 50px; } }

@media (min-width: 80.0625em) {
  .call-to-action .app-links a {
    width: 212px;
    height: 66px; }
    .call-to-action .app-links a img {
      width: 212px;
      height: 66px; } }

.call-to-action .app-links img {
  width: 100%;
  height: 100%; }

.call-to-action .footer {
  color: #1e1e1e;
  width: 100%; }
  @media (min-width: 0em) {
    .call-to-action .footer {
      margin-top: auto;
      display: flex;
      flex-direction: column;
      align-items: center; } }
  @media (min-width: 48.0625em) {
    .call-to-action .footer {
      flex-direction: row;
      align-items: center;
      justify-content: space-between; } }
  @media (min-width: 0em) {
    .call-to-action .footer__info {
      display: flex;
      align-items: center;
      margin-bottom: 1.4rem; } }
  @media (min-width: 48.0625em) {
    .call-to-action .footer__info {
      margin-bottom: 0; } }
  @media (min-width: 0em) {
    .call-to-action .footer__info a {
      font-size: 1.1rem;
      line-height: 2rem;
      font-weight: 600;
      text-decoration: none;
      color: #1e1e1e; } }
  .call-to-action .footer__html-bullet {
    color: #8e8e8e;
    margin: 0 1rem; }
  @media (min-width: 0em) {
    .call-to-action .footer__copyright {
      font-size: 1.3rem;
      line-height: 2rem;
      color: #1e1e1e; } }

.zoom-transition {
  will-change: transform;
  transition: 200ms ease-out;
  width: 100%;
  height: 100%; }

.iScrollVerticalScrollbar.iScrollLoneScrollbar {
  display: none !important; }

@media (min-width: 80.0625em) {
  .max-width-content {
    max-width: 102.4rem;
    margin-left: auto;
    margin-right: auto; } }

@media (min-width: 90.0625em) {
  .max-width-content {
    max-width: 132rem;
    margin-left: auto;
    margin-right: auto; } }