@media (max-width: 1799px) {
  h1, .h1 {
    font-size: 52px;
  }

  h2, .h2 {
    font-size: 42px;
  }
}

@media (max-width: 1699px) {
  .container {
    max-width: 1000px;
  }
  h1, .h1 {
    font-size: 38px;
  }

  h2, .h2 {
    font-size: 28px;
  }
}

@media (min-width: 1440px) {
  .landing-hero {
    background-image: url("../img/intro-bottom.png");
    background-position: center bottom !important;
    background-repeat: no-repeat;
    background-size: contain !important;
    padding-bottom: 24vw !important;
  }
  .parallax, .not-parallax {
    display: none;
  }
}
:root {
  --LRPadding: 15px;
}
@media (max-width: 1440px) {
  .parallax {
    display: flex;
  }
}
@media (min-width: 1040px) {
  #header {
    padding: 36px 0;
  }
}
@media (max-width: 1040px) {
  #header {
    padding: 36px calc(100px - var(--LRPadding));
  }
  .landing-hero {
    padding: 0 100px;
  }
}

@media (min-width: 991px) {
  .landing-hero .text {
    margin: 150px 0 30px;
    width: 50%;
    padding: 0;
  }
  .landing-hero .text .subheader {
    margin-bottom: 45px;
  }
  .landing-hero .image {
    width: 50%;
    margin: 90px 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .landing-text {
    padding: 150px 0 100px;
  }
  .landing-text .text {
    width: 50%;
  }
  .landing-text p {
    max-width: 480px;
    margin: 0 auto 20px;
  }
  .landing-text .image {
    text-align: center;
  }
  .landing-benefits {
    padding: 50px 0 100px;
  }
}
@media (max-width: 991px) {
  h1, .h1 {
    font-size: 28px;
  }

  .container {
    padding: 0 20px;
  }
  #header {
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
  }
  .landing-hero .row {
    display: flex;
    flex-direction: column;
  }
  .landing-hero .text {
    margin: 40px 0 45px;
    width: 100%;
  }
  .landing-hero .text .subheader {
    margin-bottom: 20px;
  }
  .landing-hero .image {
    width: 100%;
    margin: 40px 0;

  }
  .landing-text {
    padding: 45px 100px 100px;
  }
  .landing-text .row {
    display: flex;
    flex-direction: column;
  }
  .landing-text .text {
    width: 100%;
    margin-bottom: 40px;
  }

  .landing-benefits {
    padding: 0 0 120px;
  }
}
@media (min-width: 930px) {
  .landing-download {
    padding: 50px 0 100px;
  }
  .landing-download .text {
    width: 50%;
  }
  .landing-download .h1 {
    margin-top: 40px;
  }
  .landing-download .image {
    align-items: center;
    justify-content: center;
    width: 50%;
  }
  .footer-image {
    padding: 100px 0 0;
  }
}
@media (max-width: 930px) {
  .landing-download {
    padding: 0 100px 80px;
  }
  .landing-download .row {
    display: flex;
    flex-direction: column;
  }
  .landing-download .text {
    width: 100%;
  }
  .landing-download .image {
    margin-top: 100px;
    width: 100%;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .hidden-desktop {
    display: none !important;
  }
}
@media (max-width: 767px) {
  html.ios .only-ios {
    display: block;
  }

  html.android .only-android {
    display: block;
  }
}
@media (min-width: 620px) {
  .not-parallax {
    display: none;
  }
}
@media (max-width: 620px) {
  #header {
    padding: 36px 25px;
  }
  #header #menu > li.desktop-btn {
    display: none;
  }
  .landing-hero {
    padding: 0 25px;
  }
  .landing-text {
    padding: 45px 25px 100px;
  }
  .landing-download {
    padding: 0 25px 80px;
  }
  .not-parallax {
    display: flex;
    height: 265px;
  }
  .parallax {
    display: none;
  }
}

@media (min-width: 520px) {
  .landing-benefits .item {
    width: 50%;
  }
}
@media (max-width: 520px) {
  .landing-text .image {
    margin: 0 auto;
  }
  .landing-benefits .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
  }
  .landing-benefits .item {
    width: 100%;
  }
  .landing-benefits .item p {
    max-width: 320px;
    margin: 0 auto;
  }
  .landing-hero .image img:first-child {
    width: calc(205px - 50px);
    height: calc(387px - 100px);
  }
  .landing-hero .image img:last-child {
    width: calc(221px - 50px);
    height: calc(387px - 100px);
  }
  .landing-download .image img:first-child {
    width: calc(217px - 50px);
    height: calc(393px - 100px);
  }
  .landing-download .image img:last-child {
    width: calc(230px - 50px);
    height: calc(393px - 100px);
  }
}

@media (max-width: 404px) {
  .landing-hero .image img:first-child {
    width: calc(205px - 80px);
    height: calc(387px - 150px);
  }
  .landing-hero .image img:last-child {
    width: calc(221px - 80px);
    height: calc(387px - 150px);
  }
  .landing-download .image img:first-child {
    width: calc(217px - 100px);
    height: calc(393px - 170px);
  }
  .landing-download .image img:last-child {
    width: calc(230px - 100px);
    height: calc(393px - 170px);
  }
  .landing-download .store {
    display: flex;
    margin: 0;
  }
  .landing-download .store .hidden-mobile {
    display: flex;
    width: 100%;
  }
  .landing-download .store .hidden-mobile a:first-child {
    margin-right: 30px;
  }
  .container {
    padding: 0;
  }
  .landing-hero .store {
    margin: 20px 0 0;
  }
  .landing-hero .text {
    margin-bottom: 0 !important;
  }
  .landing-hero .image,
  .landing-download .image {
    justify-content: center;
  }
  .landing-text .h1 {
    font-size: 27px;
  }
}