.body {
  background-color: #101010;
/*  overflow: visible;*/
}

.section {
  width: 100vw;
  height: 100vh;
  background-color: #e4e4e4;
}

.container {
  max-width: 1200px;
}

.hero-image__wrapper {
  width: 100vw;
  height: 100vh;
  object-fit: contain;
  position: relative;
}

.image-28 {
  height: 100vh;
  object-fit: cover;
}

.mockup-bottom-part__image {
  width: 0;
  height: 0;
  transform: perspective(1000px);
}

.image-30 {
  height: 100vh;
  object-fit: cover;
}

.image-31 {
  height: 100%;
}

.mockup__image {
  z-index: 2;
  width: 40%;
  height: 40%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.mockup__image.is--first {
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.mockup__image.is--three {
  z-index: 3;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  margin-bottom: 10px;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: perspective(1000px);
}

.mockup__image.is--second {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-scroll-wrapper {
  width: 95vw;
  height: 95vh;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: static;
  top: 0;
  overflow: hidden;
}

.paragraph-5 {
  z-index: 10;
  width: 660px;
  color: #616161;
  text-align: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Fontsfree net sfprodisplay, sans-serif;
  font-size: 40px;
  line-height: 100%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-image-collection__wrapper {
  width: 100vw;
  height: 100vh;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
}

.hero__grid {
  grid-column-gap: 0vw;
  grid-row-gap: 2vw;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  justify-content: stretch;
  justify-items: stretch;
}

.hero__grid.is--left {
  grid-column-gap: 2vw;
  margin-right: 2vw;
}

.hero__grid.is--centre {
  margin-right: 2vw;
}

.hero-image__frame {
  width: 32vw;
  height: 32vw;
  background-color: #1a1a1a;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.hero-image-gallery__item {
  width: 100%;
  height: 100%;
  min-width: 100%;
  object-fit: cover;
}

.hero__paragraph {
  width: 500px;
  color: #616161;
  text-align: center;
  letter-spacing: -1px;
  margin-bottom: 0;
  font-family: Fontsfree net sfprodisplay, sans-serif;
  font-size: 32px;
  line-height: 100%;
}

.div-block-5 {
  width: 100vw;
  height: 300px;
  background-color: #a6ff00;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.div-block-6 {
  background-color: #fdfdfd;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.section-4 {
  width: 100vw;
  height: 200vh;
}

.div-block-7 {
  background-color: #fdfdfd;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.div-block-8 {
  width: 100vw;
  height: 200px;
  background-color: #fdfdfd;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.new-hero__section {
  width: 100vw;
  height: 250vh;
}

.new-hero__section.is--mobile {
  display: none;
}

.hero-scroll__wrapper-container {
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.hero-scroll__wrapper {
  z-index: 30;
  width: 140vh;
  height: 140vh;
  opacity: 0;
  position: absolute;
  transform: rotate(45deg);
}

.hero-frame {
  width: 400px;
  height: 400px;
  background-color: #fdfdfd;
  border-radius: 50px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.hero-frame.is--1 {
  z-index: 40;
  width: 60vh;
  height: 60vh;
  transform-style: preserve-3d;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 30px;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
  transform: translate3d(0, 0, 1000px)perspective(1000px)rotateX(60deg)rotateY(0)rotateZ(0);
}

.hero-frame.is--2 {
  z-index: 40;
  width: 60vh;
  height: 60vh;
  object-fit: contain;
  transform-style: preserve-3d;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 30px;
  margin: auto 0;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
  overflow: hidden;
  transform: translate3d(0, 0, 1000px)perspective(1000px)rotateX(0)rotateY(60deg)rotateZ(0)perspective(1000px);
}

.hero-frame.is--3 {
  z-index: 40;
  width: 60vh;
  height: 60vh;
  object-fit: contain;
  transform-style: preserve-3d;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 30px;
  margin: auto 0;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  overflow: hidden;
  transform: translate3d(0, 0, 1000px)perspective(1000px)rotateX(0)rotateY(-60deg)rotateZ(0);
}

.hero-frame.is--4 {
  z-index: 40;
  width: 60vh;
  height: 60vh;
  transform-style: preserve-3d;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 30px;
  overflow: hidden;
  transform: translate3d(0, 0, 1000px)perspective(1000px)rotateX(-60deg)rotateY(0)rotateZ(0)perspective(1000px);
}

.image-32 {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  transform: rotate(-90deg);
}

.image-33 {
  z-index: 40;
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  transform: rotate(270deg);
}

.image-34 {
  z-index: 40;
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  transform: rotate(360deg);
}

.image-35 {
  z-index: 40;
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
}

.hero-background__heading {
  z-index: 1;
  opacity: 1;
  color: #fdfdfd;
  letter-spacing: -3px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Fontsfree net sfprodisplay, sans-serif;
  font-size: 420px;
  font-weight: 400;
  line-height: 100%;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

.hero-text__wrapper {
  z-index: 1;
  width: 100vw;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.hero-scroll__paragraph {
  width: 430px;
  color: #616161;
  text-align: center;
  letter-spacing: -1px;
  margin-top: 40px;
  margin-bottom: 0;
  font-family: Fontsfree net sfprodisplay, sans-serif;
  font-size: 40px;
  line-height: 100%;
}

.hero-scroll__paragraph.is--1 {
  z-index: 2;
  width: 430px;
  opacity: 1;
  align-self: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 56px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-scroll__paragraph.is--2 {
  z-index: 2;
  width: 540px;
  opacity: 1;
  align-self: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 56px;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-scroll__paragraph.is--one {
  width: 420px;
  opacity: 0;
  color: #616161;
  margin-top: 0;
  font-size: 56px;
}

.hero-scroll__paragraph.is--two {
  z-index: 2;
  width: 550px;
  opacity: 0;
  margin-top: 0;
  font-size: 56px;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

.hero-paragraphs__wrapper {
  z-index: 5;
  width: 430px;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
  position: relative;
}

.link__wrapper {
  width: auto;
  justify-content: space-around;
  padding-top: 30px;
  display: flex;
}

.link__wrapper.is--not-homepage {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.terms-and-conditions__copy {
  color: #7c7c7c;
  text-align: center;
  margin-bottom: 0;
  font-family: Fontsfree net sfprodisplay, sans-serif;
  font-size: 16px;
  line-height: 100%;
  text-decoration: none;
}

.link-block-3 {
  justify-content: center;
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: none;
  display: flex;
}

.link-block-3.is--right {
  text-decoration: none;
}

.basic-text__wrapper {
  width: 1000px;
  margin-top: 90px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 150px;
}

.basic__heading {
  color: #fdfdfd;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Fontsfree net sfprodisplay, sans-serif;
  font-size: 90px;
  font-weight: 400;
  line-height: 100%;
}

.paragraph-7 {
  color: #7c7c7c;
  font-family: Fontsfree net sfprodisplay, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
}

.basic-paragraph {
  color: #7c7c7c;
  font-family: Fontsfree net sfprodisplay, sans-serif;
  font-size: 16px;
}

.basic-heading__h2 {
  color: #fdfdfd;
  letter-spacing: 0;
  font-family: Fontsfree net sfprodisplay, sans-serif;
  font-weight: 400;
}

.stryds__link {
  color: #fdfdfd;
}

.privacy-policy__section {
  width: 100vw;
  height: auto;
}

.privacy-policy__section.is--mobile {
  display: none;
}

.simplified-menu-bar {
  width: 600px;
  height: 70px;
  max-width: 700px;
  -webkit-backdrop-filter: brightness(50%) blur(100px);
  backdrop-filter: brightness(50%) blur(100px);
  background-color: rgba(253, 253, 253, .1);
  border: 1px solid rgba(253, 253, 253, .07);
  border-radius: 20px;
  align-items: center;
  display: flex;
}

.simplified-menu-bar.is--not-homepage {
  width: 300px;
  background-color: rgba(253, 253, 253, .06);
  border-color: rgba(253, 253, 253, .03);
  margin-left: auto;
  margin-right: auto;
}

.link-5, .link-6 {
  color: #fdfdfd;
}

.copyright__paragraph {
  width: auto;
  color: #7c7c7c;
  text-align: center;
  margin-bottom: 0;
  font-family: Fontsfree net sfprodisplay, sans-serif;
  font-size: 16px;
  line-height: 100%;
}

.div-block-9 {
  justify-content: center;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.mockup__section {
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: static;
  overflow: hidden;
}

.mockup__container {
  width: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 200px;
  display: flex;
  overflow: visible;
}

.mockup-group__image {
  width: 800px;
  perspective-origin: 50% 100%;
}

.because__paragraph {
  width: 550px;
  color: #616161;
  text-align: center;
  letter-spacing: -1px;
  margin-top: 120px;
  margin-bottom: 0;
  font-family: Fontsfree net sfprodisplay, sans-serif;
  font-size: 56px;
  line-height: 100%;
  display: none;
}

.because__paragraph.is--1 {
  z-index: 2;
  width: 430px;
  opacity: 0;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 56px;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

.because__paragraph.is--2 {
  z-index: 3;
  width: 540px;
  opacity: 1;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 56px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

.mockup-cards__wrapper {
  width: 800px;
  height: 600px;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.mockup-card {
  height: 100px;
}

.mockup-card.is--1 {
  z-index: 5;
  height: 600px;
  position: absolute;
}

.mockup-card.is--2 {
  z-index: 4;
  height: 550px;
  position: absolute;
}

.mockup-card.is--3 {
  z-index: 3;
  height: 500px;
  position: absolute;
}

.mockup-card.is--5 {
  z-index: 1;
  height: 400px;
  position: absolute;
}

.mockup-card.is--4 {
  z-index: 2;
  height: 450px;
  position: absolute;
}

.mobile-hero__section {
  width: 100vw;
  height: 250vh;
}

.mobile-hero__section.is--mobile {
  display: none;
}

.target-icon__wrapper {
  width: 140px;
  height: 140px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.target-icon__wrapper.is--1920px-and-up, .target-icon__wrapper.is--1440px-and-up, .target-icon__wrapper.is--1280px-and-up, .target-icon__wrapper.is--tablet, .target-icon__wrapper.is--mobile-landscape, .target-icon__wrapper.is--mobile-portrait {
  display: none;
}

.target_element {
  width: 10px;
  height: 40px;
  background-color: #a6ff00;
  border-radius: 100px;
}

.target_element.is--t {
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: auto;
}

.target_element.s--l {
  position: absolute;
  top: auto;
  bottom: auto;
  left: 15px;
  right: auto;
  transform: rotate(90deg);
}

.target_element.s--r {
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: 15px;
  transform: rotate(90deg);
}

.target_element.s--b {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: auto;
}

.alternative__mockups {
  height: 500px;
}

.alternative__mockups.is--1 {
  z-index: 3;
  height: 400px;
  position: absolute;
}

.alternative__mockups.is--2 {
  z-index: 5;
  height: 600px;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

.alternative__mockups.is--3 {
  z-index: 4;
  position: absolute;
  left: auto;
  right: auto;
}

.alternative__mockups.is--4 {
  z-index: 2;
  height: 300px;
  position: absolute;
}

.alternative__mockups.is--5 {
  z-index: 1;
  height: 200px;
  position: absolute;
}

.mockup-cards-opening__section {
  width: 100vw;
  height: auto;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.image-36 {
  width: 90vw;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

.train-mockup {
  height: 600px;
}

.train-mockup.is--1 {
  z-index: 1;
  height: 200px;
  position: absolute;
}

.train-mockup.is--2 {
  z-index: 2;
  height: 300px;
  position: absolute;
}

.train-mockup.is--3 {
  z-index: 3;
  height: 400px;
  position: absolute;
}

.train-mockup.is--4 {
  z-index: 4;
  height: 500px;
  position: absolute;
}

.train-mockup.is--5 {
  z-index: 5;
  height: 600px;
  position: absolute;
}

.gallery-mockup {
  height: 600px;
  margin-right: 50px;
}

.sticky-mockups__gallery {
  z-index: 1000;
  width: 100vw;
  height: auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
  top: 0;
  overflow: visible;
}

.mockup-gallery__wrapper {
  align-items: center;
  display: flex;
}

.privacy-policy__copy {
  color: #7c7c7c;
  text-align: center;
  margin-bottom: 0;
  font-family: Fontsfree net sfprodisplay, sans-serif;
  font-size: 16px;
  line-height: 100%;
  text-decoration: none;
}

.terms-and-conditions__section {
  width: 100vw;
  height: auto;
}

.terms-and-conditions__section.is--mobile {
  display: none;
}

.highlighted-link, .str {
  color: #fdfdfd;
}

.d-s-letter-spacing__span {
  letter-spacing: -9px;
}

.text-span-24 {
  letter-spacing: 10px;
}

.y-letter-spacing__span {
  letter-spacing: -13px;
}

.r-letter-spacing__span {
  letter-spacing: 9px;
}

.bold-text-4 {
  letter-spacing: 0;
}

@media screen and (min-width: 1280px) {
  .nav__container {
    width: 1150px;
  }

  .join-button__container, .all-in-one-benefit__wrapper {
    max-width: 1150px;
  }

  .healthy-competition__section {
    height: 850px;
  }

  .feature__container {
    max-width: 1150px;
  }

  .section__heaiding {
    width: 1150px;
    max-width: 1150px;
  }

  .last_arguments__container {
    max-width: 1150px;
  }

  .i-am-in-anchor-link__section {
    padding-bottom: 0;
  }

  .join-heading__container {
    width: 1150px;
    height: 80vh;
  }

  .footer__container {
    max-width: 1150px;
  }

  .field-label {
    color: #101010;
  }

  .social-media__container {
    max-width: 1150px;
  }

  .large-image__wrapper {
    width: 500px;
    max-width: 500px;
  }

  .large-image__wrapper.is--only-for-mobile {
    display: flex;
    overflow: hidden;
  }

  .large-image__wrapper.is--not-mobile {
    width: 500px;
    height: 700px;
    max-width: 500px;
  }

  .large-image__wrapper.is-health-apps {
    align-items: flex-start;
  }

  .stryds__container, .health__container {
    max-width: 1150px;
  }

  .apps__grid {
    width: 1150px;
    max-width: 1150px;
  }

  .stryds__big-paragraph {
    width: 720px;
    max-width: 1150px;
  }

  .wellnes__section {
    height: 110vh;
  }

  .feature__grid {
    width: 1000px;
    max-width: 1000px;
  }

  .stryds-text_wrapper {
    width: 1150px;
    max-width: 1150px;
  }

  .menu-grid__wrapper {
    width: 1150px;
  }

  .menu-hide__wrapper, .join-hide__wrapper {
    height: 0;
  }

  .join-grid__wrapper {
    width: 1150px;
  }

  .lock-visual__wrapper.is--1920px-and-up, .lock-visual__wrapper.is--1440px-and-up {
    display: none;
  }

  .lock-visual__wrapper.is--1280px-and-up {
    display: flex;
  }

  .lock-visual__wrapper.is--desktop-base, .lock-visual__wrapper.is--tablet, .lock-visual__wrapper.is--mobile-landscape, .lock-visual__wrapper.is--mobile-portrait {
    display: none;
  }

  .other-apps__big-paragraph {
    width: 330px;
  }

  .hero__mockup-image {
    width: 280px;
  }

  .i-am-in__section {
    padding-bottom: 130px;
  }

  .other-apps__paragraph {
    width: 330px;
  }

  .sync-different__image.is--one {
    width: 290px;
    top: 500px;
    left: 240px;
  }

  .sync-different__image.is--two {
    width: 290px;
    top: 100px;
  }

  .sync-different__image.is--four {
    left: 600px;
  }

  .sync-different__image.is--five {
    top: 180px;
    left: 570px;
  }

  .other-apps-on-mobile__grid {
    display: none;
  }

  .sync-different-visual__wrapper {
    width: 60vw;
  }

  .tagline__container {
    height: auto;
  }

  .tagline__text.is--second-text-line {
    font-size: 150px;
  }

  .stryds-description__image.is--1 {
    width: 35%;
    top: 61px;
    left: 228px;
  }

  .stryds-description__image.is--2 {
    width: 30%;
    top: 499px;
    left: 389px;
  }

  .stryds-description__image.is--3 {
    width: 15%;
    top: 570px;
    left: 671px;
  }

  .stryds-description__image.is--4 {
    width: 25%;
    top: 96px;
    left: 593px;
  }

  .stryds-description__image.is--5 {
    width: 10%;
    top: 495px;
    left: 374px;
  }

  .stryds-description__image.is--7 {
    top: 425px;
  }

  .stryds-description__image.is--8 {
    top: 331px;
  }

  .stryds-description__image.is--9 {
    width: 25%;
    top: 420px;
    left: 570px;
  }

  .stryds-description__image.is--10 {
    width: 20%;
    top: 10px;
  }

  .lottie-animation {
    width: 700px;
  }

  .healthy-competition__text-wrapper {
    margin-top: 160px;
  }

  .change__text.is--second-text-line {
    font-size: 150px;
  }

  .why__section {
    width: 100vw;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hero-frame.is--2, .hero-frame.is--4 {
    background-color: rgba(0, 0, 0, 0);
  }

  .hero-background__heading {
    font-size: 420px;
  }

  .link__wrapper.is--not-homepage {
    max-width: 400px;
  }

  .basic-text__wrapper {
    width: 1000px;
    padding-left: 0;
    padding-right: 0;
  }

  .copyright__paragraph {
    text-align: center;
  }

  .target-icon__wrapper.is--1920px-and-up, .target-icon__wrapper.is--1440px-and-up {
    display: none;
  }

  .target-icon__wrapper.is--1280px-and-up {
    display: flex;
  }

  .target-icon__wrapper.is--desktop-base, .target-icon__wrapper.is--tablet, .target-icon__wrapper.is--mobile-landscape, .target-icon__wrapper.is--mobile-portrait {
    display: none;
  }
}

@media screen and (min-width: 1440px) {
  .nav__container {
    width: 1250px;
    max-width: 1250px;
  }

  .join-button__container, .all-in-one-benefit__wrapper {
    max-width: 1250px;
  }

  .healthy-competition__section {
    height: 1000px;
  }

  .feature__container {
    max-width: 1250px;
  }

  .section__heaiding {
    width: 1250px;
    max-width: 1250px;
  }

  .last_arguments__container {
    max-width: 1250px;
  }

  .join-heading__container {
    width: 1250px;
    height: 80vh;
  }

  .footer_grid {
    width: 1250px;
    max-width: 1250px;
  }

  .social-media__container {
    max-width: 1250px;
  }

  .large-image__wrapper.is--not-mobile {
    width: 500px;
    height: 700px;
    max-width: 500px;
  }

  .health__container {
    max-width: 1250px;
  }

  .apps__grid {
    width: 1250px;
    max-width: 1250px;
  }

  .stryds__big-paragraph {
    width: 720px;
    max-width: 1250px;
  }

  .wellnes__section {
    height: 110vh;
  }

  .feature__grid {
    width: 1100px;
    max-width: 1100px;
  }

  .stryds-text_wrapper {
    width: 1250px;
    max-width: 1250px;
  }

  .menu-grid__wrapper {
    width: 1250px;
  }

  .menu-hide__wrapper, .join-hide__wrapper {
    height: 0;
  }

  .join-grid__wrapper {
    width: 1250px;
  }

  .lock-visual__wrapper.is--1920px-and-up {
    display: none;
  }

  .lock-visual__wrapper.is--1440px-and-up {
    display: flex;
  }

  .lock-visual__wrapper.is--1280px-and-up, .lock-visual__wrapper.is--desktop-base, .lock-visual__wrapper.is--tablet, .lock-visual__wrapper.is--mobile-landscape, .lock-visual__wrapper.is--mobile-portrait {
    display: none;
  }

  .other-apps__big-paragraph, .other-apps__paragraph {
    width: 330px;
  }

  .sync-different__image.is--one {
    width: 310px;
    top: 560px;
    left: 280px;
  }

  .sync-different__image.is--two {
    width: 310px;
    top: 150px;
    left: 245px;
  }

  .sync-different__image.is--three {
    top: 440px;
    left: 80px;
  }

  .sync-different__image.is--four {
    top: 578px;
    left: 670px;
  }

  .sync-different__image.is--five {
    top: 200px;
    left: 650px;
  }

  .sync-different__image.is--six {
    top: 607px;
    left: 314px;
  }

  .stryds__visual.is-1 {
    top: 659px;
    left: 449px;
  }

  .stryds__visual.is-4 {
    left: 706px;
  }

  .stryds__visual.is-6 {
    top: 425px;
    left: 534px;
  }

  .stryds__visual.is-7 {
    left: 893px;
  }

  .stryds__visual.is-8 {
    top: 531px;
    left: 214px;
  }

  .stryds__visual.is-9 {
    top: 0;
    left: 193px;
  }

  .stryds__visual.is-10 {
    left: 356px;
  }

  .tagline__container {
    height: auto;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }

  .tagline__text.is--second-text-line {
    height: 250px;
    font-size: 180px;
  }

  .stryds-description__image.is--1 {
    left: 247px;
  }

  .stryds-description__image.is--2 {
    left: 420px;
  }

  .stryds-description__image.is--3 {
    top: 444px;
    left: 880px;
  }

  .stryds-description__image.is--4 {
    top: 90px;
    left: 679px;
  }

  .stryds-description__image.is--5 {
    z-index: 1;
    top: 530px;
    left: 403px;
  }

  .stryds-description__image.is--7 {
    left: 648px;
  }

  .stryds-description__image.is--8 {
    z-index: 2;
    left: 948px;
  }

  .stryds-description__image.is--9 {
    left: 690px;
  }

  .lottie-animation {
    width: 850px;
  }

  .lock__wrapper {
    height: 480px;
  }

  .healthy-competition__text-wrapper {
    margin-top: 210px;
  }

  .change__text.is--second-text-line {
    height: 250px;
    font-size: 180px;
  }

  .hero-frame.is--2, .hero-frame.is--4 {
    background-color: rgba(0, 0, 0, 0);
  }

  .hero-background__heading {
    font-size: 450px;
  }

  .link__wrapper.is--not-homepage {
    max-width: 400px;
  }

  .copyright__paragraph {
    line-height: 100%;
  }

  .target-icon__wrapper.is--1920px-and-up {
    display: none;
  }

  .target-icon__wrapper.is--1440px-and-up {
    display: flex;
  }

  .target-icon__wrapper.is--1280px-and-up, .target-icon__wrapper.is--desktop-base, .target-icon__wrapper.is--tablet, .target-icon__wrapper.is--mobile-landscape, .target-icon__wrapper.is--mobile-portrait {
    display: none;
  }
}

@media screen and (min-width: 1920px) {
  .nav__container {
    width: 1500px;
    max-width: 1500px;
  }

  .join-button__container, .all-in-one-benefit__wrapper {
    max-width: 1500px;
  }

  .healthy-competition__section {
    height: 1100px;
  }

  .smilie-image {
    max-width: 1500px;
  }

  .feature__container {
    max-width: 1800px;
  }

  .sync-different__section {
    overflow: visible;
  }

  .section__heaiding {
    width: 1500px;
    max-width: 1500px;
  }

  .last_arguments__container {
    max-width: 1500px;
  }

  .last-arguments__big-paragraph {
    max-width: 1200px;
  }

  .join-heading__container {
    width: 1199px;
    height: 50vh;
    max-width: 1200px;
  }

  .footer_grid {
    width: 1500px;
    max-width: 1500vw;
  }

  .social-media__container {
    max-width: 1500px;
  }

  .large-image__wrapper {
    width: 500px;
    height: 600px;
    max-width: 500px;
  }

  .large-image__wrapper.is--social-apps {
    width: 900px;
    height: 1000px;
    max-width: 900px;
  }

  .large-image__wrapper.is--not-mobile {
    width: 500px;
    height: 700px;
    max-width: 500px;
  }

  .hero__heading.is--first-letter, .hero__heading.is--third-letter {
    font-size: 500px;
  }

  .stryds__container {
    max-width: 1800px;
  }

  .apps__grid {
    width: 1500px;
    max-width: 1500px;
  }

  .stryds__big-paragraph {
    width: 960px;
    max-width: 1500px;
    font-size: 90px;
  }

  .wellnes__section {
    height: 110vh;
  }

  .feature__grid {
    width: 1200px;
    max-width: 1200px;
  }

  .stryds-text_wrapper {
    width: 1500px;
    max-width: 1500px;
  }

  .menu-grid__wrapper {
    width: 1500px;
  }

  .menu-hide__wrapper {
    height: 0;
  }

  .menu__link.w--current, .link-2, .link-3 {
    font-size: 320px;
    line-height: 60%;
  }

  .join-hide__wrapper {
    height: 0;
  }

  .join-grid__wrapper {
    width: 1500px;
  }

  .lock-visual__wrapper.is--1920px-and-up {
    display: flex;
  }

  .lock-visual__wrapper.is--1440px-and-up, .lock-visual__wrapper.is--1280px-and-up, .lock-visual__wrapper.is--desktop-base, .lock-visual__wrapper.is--tablet, .lock-visual__wrapper.is--mobile-landscape, .lock-visual__wrapper.is--mobile-portrait {
    display: none;
  }

  .menu-bar__item {
    color: gray;
  }

  .other-apps__big-paragraph {
    width: 330px;
  }

  .hero__mockup-image {
    width: 400px;
  }

  .other-apps__paragraph {
    width: 330px;
  }

  .sync-different__image.is--one {
    width: 350px;
    top: 760px;
    left: 400px;
  }

  .sync-different__image.is--two {
    width: 350px;
    top: 240px;
    left: 390px;
  }

  .sync-different__image.is--three {
    width: 150px;
    top: 570px;
    left: 160px;
  }

  .sync-different__image.is--four {
    width: 200px;
    top: 730px;
    left: 840px;
  }

  .sync-different__image.is--five {
    width: 150px;
    top: 350px;
    left: 870px;
  }

  .sync-different__image.is--six {
    width: 32%;
    top: 770px;
    left: 432px;
  }

  .sync-different-visual__wrapper {
    width: 60vw;
    height: 100vh;
  }

  .stryds__visual.is-1 {
    top: 873px;
    left: 819px;
  }

  .stryds__visual.is-4 {
    left: 833px;
  }

  .stryds__visual.is-6 {
    width: 45%;
    top: 562px;
    left: 691px;
  }

  .stryds__visual.is-7 {
    top: 696px;
    left: 1116px;
  }

  .stryds__visual.is-8 {
    top: 643px;
    left: 336px;
  }

  .stryds__visual.is-10 {
    top: 58px;
    left: 418px;
  }

  .tagline__container {
    height: 510px;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }

  .tagline__wrapper {
    height: 400px;
    justify-content: space-between;
  }

  .tagline__text.is--second-text-line {
    height: 350px;
    font-size: 200px;
  }

  .stryds-description__image.is--1 {
    left: 409px;
  }

  .stryds-description__image.is--2 {
    top: 651px;
    left: 608px;
  }

  .stryds-description__image.is--3 {
    top: 490px;
    left: 927px;
  }

  .stryds-description__image.is--4 {
    left: 858px;
  }

  .stryds-description__image.is--5 {
    top: 640px;
    left: 549px;
  }

  .stryds-description__image.is--7 {
    top: 741px;
    left: 946px;
  }

  .stryds-description__image.is--8 {
    left: 1180px;
  }

  .stryds-description__image.is--9 {
    top: 490px;
    left: 829px;
  }

  .stryds-description__image.is--10 {
    left: 550px;
  }

  .lock__wrapper {
    height: 480px;
  }

  .healthy-competition__text-wrapper {
    margin-top: 220px;
  }

  .change__text.is--second-text-line {
    height: 350px;
    font-size: 200px;
  }

  .introduction__wrapper {
    height: 220px;
    justify-content: space-between;
  }

  .hero-frame.is--2, .hero-frame.is--4 {
    background-color: rgba(0, 0, 0, 0);
  }

  .hero-background__heading {
    letter-spacing: -10px;
    font-size: 610px;
  }

  .link__wrapper.is--not-homepage {
    max-width: 400px;
  }

  .terms-and-conditions__copy {
    color: gray;
  }

  .basic-text__wrapper {
    width: 1000px;
    padding-left: 0;
    padding-right: 0;
  }

  .basic-paragraph, .copyright__paragraph {
    color: gray;
  }

  .mockup-group__image {
    width: 1100px;
  }

  .target-icon__wrapper.is--1920px-and-up {
    display: flex;
  }

  .target-icon__wrapper.is--1440px-and-up, .target-icon__wrapper.is--1280px-and-up, .target-icon__wrapper.is--desktop-base, .target-icon__wrapper.is--tablet, .target-icon__wrapper.is--mobile-landscape, .target-icon__wrapper.is--mobile-portrait {
    display: none;
  }

  .bold-text, .bold-text-2 {
    font-weight: 400;
  }
}

@media screen and (max-width: 991px) {
  .hero-section {
    overflow: hidden;
  }

  .nav__container {
    width: 90vw;
    max-width: 90vw;
  }

  .menu__wrapper, .menu__line.is--top, .menu__line.is--bottom {
    width: 70px;
  }

  .hero_copy__wrapper {
    width: 100vw;
    height: 100vh;
    margin-top: 0;
    padding: 36px;
  }

  .whole-in-one__section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .join-button__container {
    max-width: 90vw;
  }

  .all-in-one-benefit__wrapper {
    max-width: 650px;
  }

  .all-in-one_visual {
    width: 300px;
  }

  .h2 {
    font-size: 90px;
  }

  .benefit__paragraph {
    font-size: 24px;
  }

  .healthy-competition__section {
    height: 850px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .save-and-sound__section {
    cursor: none;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .lock_visual {
    width: 70px;
  }

  .feature__section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .feature__container {
    max-width: 90vw;
  }

  .grid-4 {
    width: 90vw;
    max-width: 90vw;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .feature__card {
    height: 100%;
    border-radius: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .card__heading {
    margin-bottom: 20px;
    font-size: 40px;
  }

  .card__paragraph {
    width: 240px;
  }

  .feature__image {
    width: 130px;
  }

  .feature__image.is--pacts {
    width: 150px;
  }

  .feature__image.is--journeys {
    width: 146px;
  }

  .feature__image.is--real-time {
    width: 140px;
  }

  .feature__image.is--journeys {
    width: 230px;
  }

  .feature__image.is--insights {
    width: 300px;
  }

  .sync-different__section {
    height: 700px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section__heaiding {
    width: 650px;
    max-width: 650px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 90px;
  }

  .banner-line__wrapper.is--first-line.is--first-half, .banner-line__wrapper.is--third-line.is--first-half, .banner-line__wrapper.is--second-line.is--the-first-half {
    margin-right: 40px;
  }

  .banner__paragraph {
    margin-right: 40px;
    font-size: 40px;
  }

  .banner__image {
    width: 120px;
    margin-right: 40px;
  }

  .last_argumeznts__section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .last_arguments__container {
    max-width: 90vw;
  }

  .last-arguments__paragraph {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 120%;
  }

  .last-arguments__big-paragraph {
    letter-spacing: -3px;
    margin-bottom: 0;
    font-size: 120px;
  }

  .i-am-in-anchor-link__section {
    padding-top: 0;
    padding-bottom: 135px;
  }

  .text-field, .submit-button {
    width: 240px;
  }

  .join-heading__container {
    height: 450px;
    border-radius: 20px;
  }

  .join__heading {
    letter-spacing: -10px;
    margin-bottom: 36px;
    font-size: 170px;
  }

  .footer_grid {
    width: 90vw;
  }

  .social-media__section {
    padding-top: 0;
    padding-bottom: 60px;
  }

  .social-media__container {
    max-width: 650px;
    align-items: center;
  }

  .social-media__big-paragraph {
    width: 240px;
    letter-spacing: -1px;
    font-size: 40px;
  }

  .large-image__wrapper {
    width: 30vw;
    height: 350px;
    max-width: 45vw;
    border-radius: 15px;
    margin-bottom: 0;
  }

  .large-image__wrapper.is--not-mobile, .large-image__wrapper.is-health-apps {
    width: 300px;
    height: 450px;
    max-width: 300px;
  }

  .other-apps__image {
    border-radius: 0;
  }

  .health__section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hero__heading {
    font-size: 180px;
  }

  .hero__heading.is--first-letter, .hero__heading.is--second-letter, .hero__heading.is--third-letter, .hero__heading.is--fourth-letter, .hero__heading.is--sixth-letter, .hero__heading.is--seventh-letter {
    font-size: 250px;
  }

  .hero__heading.is--third-letter {
    padding-right: 10px;
    font-size: 250px;
  }

  .hero-slogan__text {
    margin-right: 3px;
    font-size: 32px;
  }

  .image-6 {
    width: 160px;
    margin-right: 40px;
  }

  .cursor {
    display: none;
  }

  .cursor__dot {
    background-color: #fafafa;
    display: none;
  }

  .stryds__container {
    max-width: 650px;
    justify-content: center;
    align-items: center;
  }

  .health__container {
    max-width: 650px;
    align-items: center;
  }

  .form-block {
    margin-bottom: 46px;
  }

  .stryds__big-paragraph {
    width: 820px;
    letter-spacing: -1px;
    font-size: 90px;
  }

  .wellnes__section {
    height: 90vh;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .health-apps__big-paragraph {
    width: 240px;
    letter-spacing: -1px;
    font-size: 40px;
  }

  .feature__grid {
    width: 80vw;
    max-width: 80vw;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .feature-grid_wrapper.is--left, .feature-grid_wrapper.is--right {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .stryds-text_wrapper {
    width: 80vw;
    max-width: 80vw;
    justify-content: flex-end;
  }

  .join__popup {
    align-items: flex-end;
  }

  .menu__copy.is--second-line, .menu__copy.is--third-line {
    font-size: 250px;
  }

  .menu__copy.is--first-line {
    letter-spacing: -4px;
    font-size: 250px;
  }

  .first-letter__span {
    font-size: 150px;
  }

  .lock-visual__wrapper.is--desktop-base {
    display: none;
  }

  .lock-visual__wrapper.is--tablet {
    display: flex;
  }

  .lock-upper-part__image {
    width: 60px;
  }

  .join-close-icon__line.is--top, .join-close-icon__line.is--bottom {
    width: 70px;
  }

  .hero-slogan__hide {
    margin-top: -40px;
  }

  .menu-bar__wrapper.is--bigger-than-mobile_landscape.is--homepage, .menu-bar__wrapper.is--mobile {
    display: none;
  }

  .menu-bar__wrapper.is--mobile.is--homepage {
    display: flex;
  }

  .menu__bar {
    width: 580px;
    border-radius: 20px;
  }

  .menu__bar.is--moblie.is--homepage {
    margin-left: auto;
    margin-right: auto;
  }

  .mobile-menu-bar__grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .menu-bar-join-button__copy {
    border-radius: 15px;
  }

  .menu-bar-join-button__copy.w--current {
    background-image: none;
  }

  .mobile-menu-bar-join__button {
    border-radius: 15px;
  }

  .pacts-visual__wrapper {
    width: 150px;
    height: 150px;
    border-radius: 35px;
    padding: 10px;
  }

  .pacts__grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .strydmates__wrapper {
    width: 180px;
    height: 290px;
  }

  .image-12 {
    width: 160px;
  }

  .image-13 {
    width: 110px;
  }

  .image-14 {
    width: 60px;
  }

  .journeys__wrapper {
    width: 270px;
  }

  .image-15, .image-16 {
    width: 90px;
  }

  .image-17 {
    width: 140px;
  }

  .insights__wrapper {
    width: 220px;
    height: 264px;
  }

  .other-apps__big-paragraph {
    letter-spacing: -2px;
    font-size: 56px;
  }

  .i-am-in__section {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .other-apps__paragraph {
    width: 240px;
    letter-spacing: -1px;
    font-size: 40px;
  }

  .sync-different__image.is--one {
    width: 210px;
    top: 390px;
    left: 190px;
  }

  .sync-different__image.is--two {
    width: 220px;
    top: 35px;
    left: 180px;
  }

  .sync-different__image.is--three {
    width: 80px;
    top: 330px;
    left: 70px;
  }

  .sync-different__image.is--four {
    width: 130px;
    display: block;
    top: 410px;
    left: 460px;
  }

  .sync-different__image.is--five {
    width: 80px;
    top: 90px;
    left: 470px;
  }

  .sync-different__image.is--six {
    top: 387px;
    left: 390px;
  }

  .hero-mockup__image {
    height: 85vh;
  }

  .stryds__visual.is-1 {
    left: 311px;
  }

  .stryds__visual.is-3 {
    top: 257px;
  }

  .stryds__visual.is-4 {
    top: 98px;
    left: 558px;
  }

  .stryds__visual.is-6 {
    top: 576px;
  }

  .stryds__visual.is-7 {
    left: 628px;
  }

  .stryds__visual.is-9 {
    top: 162px;
  }

  .stryds__visual.is-10 {
    top: 0;
  }

  .tagline__container {
    height: auto;
  }

  .tagline__wrapper {
    height: 280px;
    justify-content: space-between;
  }

  .tagline__text.is--second-text-line {
    margin-top: 20px;
    font-size: 170px;
  }

  .tagline__text.is--first-text-line {
    width: 430px;
    margin-bottom: 10px;
    font-size: 32px;
  }

  .tagline__text.is--first-text-line.text-highlight__span {
    width: 410px;
    font-size: 24px;
  }

  .stryds-description__image.is--1 {
    left: 80px;
  }

  .stryds-description__image.is--2 {
    left: 220px;
  }

  .stryds-description__image.is--3 {
    left: 320px;
  }

  .stryds-description__image.is--4 {
    left: 368px;
  }

  .stryds-description__image.is--5 {
    left: 150px;
  }

  .stryds-description__image.is--7 {
    top: 450px;
    left: 420px;
  }

  .stryds-description__image.is--8 {
    left: 439px;
  }

  .stryds-description__image.is--10 {
    left: 228px;
  }

  .lock__wrapper {
    height: 420px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .logo-ring-loader__wrapper {
    height: 400px;
  }

  .change__section {
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .change__text {
    width: 660px;
    font-size: 60px;
  }

  .change__text.is--second-text-line {
    margin-top: 20px;
    font-size: 170px;
  }

  .change__text.is--first-text-line {
    width: 430px;
    margin-bottom: 10px;
    font-size: 32px;
  }

  .change__text.is--ourselves {
    height: 140px;
    align-items: center;
    font-size: 190px;
    display: flex;
  }

  .story__section {
    padding-bottom: 120px;
    display: none;
  }

  .story__section.is--vertical-screen {
    display: flex;
  }

  .sticky__wrapper {
    width: 100vw;
    height: 870px;
    justify-content: space-between;
    padding-top: 120px;
  }

  .circle {
    width: 300px;
    height: 300px;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .circle.is--dark {
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .circles__text {
    width: 190px;
    font-size: 32px;
  }

  .black-logo {
    width: 290px;
  }

  .story-visuals__wrapper {
    height: 620px;
  }

  .stryds-logo__text {
    width: 340px;
    font-size: 32px;
  }

  .hero-scroll__wrapper-container {
    width: 100vw;
  }

  .hero-scroll__wrapper {
    width: 120vw;
    height: 120vw;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-frame.is--1, .hero-frame.is--2, .hero-frame.is--3, .hero-frame.is--4 {
    width: 35vh;
    height: 35vh;
  }

  .hero-background__heading {
    font-size: 250px;
  }

  .link__wrapper.is--not-homepage {
    max-width: 400px;
  }

  .basic-text__wrapper {
    width: 75vw;
  }

  .simplified-menu-bar {
    width: 580px;
    border-radius: 20px;
  }

  .mockup__section {
    height: 660px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .mockup__container {
    padding-bottom: 160px;
  }

  .mockup-cards__wrapper {
    width: 750px;
    height: 500px;
  }

  .mockup-card.is--1 {
    height: 500px;
  }

  .mockup-card.is--2 {
    height: 450px;
  }

  .mockup-card.is--3 {
    height: 400px;
  }

  .mockup-card.is--5 {
    height: 300px;
  }

  .mockup-card.is--4 {
    height: 350px;
  }

  .target-icon__wrapper.is--desktop-base {
    display: none;
  }

  .target-icon__wrapper.is--tablet {
    display: flex;
  }

  .alternative__mockups.is--1 {
    height: 300px;
  }

  .alternative__mockups.is--2 {
    height: 500px;
  }

  .alternative__mockups.is--3 {
    height: 400px;
  }

  .alternative__mockups.is--4 {
    height: 200px;
  }

  .alternative__mockups.is--5 {
    height: 100px;
  }

  .gallery-mockup {
    height: 500px;
    margin-right: 45px;
  }

  .y-letter-spacing__span {
    letter-spacing: -11px;
  }

  .r-letter-spacing__span {
    letter-spacing: 0;
  }
}

@media screen and (max-width: 767px) {
  .hero-section {
    overflow: hidden;
  }

  .nav__container {
    width: 90vw;
    max-width: 90vw;
  }

  .navbar {
    margin-top: 0;
    padding-top: 0;
  }

  .hero_copy__wrapper {
    height: 100vh;
    align-items: center;
    margin-top: 0;
    padding: 53px 0;
  }

  .hero__image {
    height: auto;
    max-width: 90%;
    align-self: auto;
  }

  .whole-in-one__section {
    padding-top: 80px;
    padding-bottom: 160px;
  }

  .join-button__container {
    max-width: 90vw;
  }

  .all-in-one-benefit__wrapper {
    height: 280px;
    max-width: 500px;
    justify-content: space-between;
  }

  .h2 {
    letter-spacing: -1px;
    margin-top: 0;
    font-size: 56px;
  }

  .h2.is--smaller {
    letter-spacing: -1px;
    font-size: 56px;
  }

  .benefit__paragraph {
    width: 300px;
    font-size: 20px;
  }

  .benefit__paragraph.is--smaller {
    font-size: 20px;
  }

  .healthy-competition__section {
    height: 480px;
    flex-direction: column;
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .text-span-4 {
    font-size: 20px;
  }

  .smilie-on-mobile__wrapper {
    justify-content: center;
    display: flex;
  }

  .smilie-image {
    height: 50vh;
    position: static;
  }

  .save-and-sound__section {
    padding-top: 160px;
    padding-bottom: 80px;
  }

  .lock_visual {
    width: 60px;
  }

  .feature__section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .feature__container {
    max-width: 500px;
  }

  .grid-4 {
    width: 65vw;
    max-width: 65vw;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .feature__card {
    height: auto;
    border-radius: 15px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .feature__text-wrapper {
    margin-bottom: 30px;
  }

  .card__paragraph {
    width: 270px;
  }

  .feature__image {
    width: 110px;
  }

  .feature__image.is--insights {
    width: 300px;
  }

  .sync-different__section {
    height: 600px;
    padding-top: 75px;
    padding-bottom: 75px;
    overflow: visible;
  }

  .section__heaiding {
    width: 90vw;
    max-width: 90vw;
    font-size: 90px;
  }

  .banner-line__wrapper.is--first-line {
    margin-bottom: 10px;
  }

  .banner-line__wrapper.is--first-line.is--first-half, .banner-line__wrapper.is--third-line.is--first-half {
    margin-right: 30px;
  }

  .banner-line__wrapper.is--second-line {
    margin-bottom: 10px;
  }

  .banner-line__wrapper.is--second-line.is--the-first-half {
    margin-right: 30px;
  }

  .banner__paragraph {
    margin-right: 30px;
    font-size: 32px;
  }

  .banner__image {
    width: 82px;
    margin-right: 30px;
  }

  .last_argumeznts__section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .last_arguments__container {
    max-width: 65vw;
  }

  .last-arguments__big-paragraph {
    max-width: 450px;
    letter-spacing: -2px;
    font-size: 90px;
    line-height: 95%;
  }

  .text-span-16 {
    letter-spacing: 0;
  }

  .i-am-in-anchor-link__section {
    padding-top: 60px;
    padding-bottom: 75px;
  }

  .join-heading__container {
    width: 65vw;
    height: 550px;
    border-radius: 15px;
    justify-content: center;
    padding: 90px 10px;
  }

  .join__grid {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .join__heading {
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .form {
    margin-bottom: 0;
  }

  .footer_grid {
    width: 500px;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .footer__link {
    text-align: center;
  }

  .image-5 {
    display: none;
  }

  .social-media__section {
    padding-top: 0;
    padding-bottom: 75px;
  }

  .social-media__container {
    height: auto;
    max-width: 90vw;
    overflow: hidden;
  }

  .social-media__big-paragraph {
    width: 170px;
    letter-spacing: -1px;
    font-size: 32px;
  }

  .large-image__wrapper {
    width: 30vw;
    height: 260px;
    max-width: 45vw;
    border-radius: 10px;
    margin-bottom: 0;
  }

  .large-image__wrapper.is--only-for-mobile {
    height: 500px;
  }

  .large-image__wrapper.is--not-mobile, .large-image__wrapper.is-health-apps {
    width: 260px;
    height: 360px;
    max-width: 260px;
  }

  .large-image__wrapper.is-health-apps.is--mobile {
    width: 90vw;
    height: 500px;
    max-width: 90vw;
    align-items: flex-start;
  }

  .other-apps__image {
    border-radius: 0;
  }

  .health__section {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .hero__heading {
    font-size: 100px;
  }

  .hero__heading.is--first-letter {
    letter-spacing: -5px;
    font-size: 190px;
  }

  .hero__heading.is--second-letter, .hero__heading.is--third-letter, .hero__heading.is--fourth-letter, .hero__heading.is--sixth-letter, .hero__heading.is--seventh-letter {
    font-size: 190px;
  }

  .hero__heading.is--third-letter {
    letter-spacing: -5px;
    padding-right: 7px;
    font-size: 190px;
  }

  .hero-slogan__text {
    margin-right: 3px;
    font-size: 20px;
  }

  .image-6 {
    width: 110px;
    margin-right: 30px;
  }

  .text-block {
    text-align: center;
  }

  .link-block.w--current {
    justify-content: center;
    margin-bottom: 30px;
    display: flex;
  }

  .health__container {
    max-width: 90vw;
  }

  .image-7 {
    display: block;
  }

  .success-message {
    padding-left: 0;
  }

  .form-block {
    margin-bottom: 0;
  }

  .apps__grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .app_text__wrapper {
    flex-direction: row;
    justify-content: center;
    padding-bottom: 30px;
  }

  .app_text__wrapper.s--social-apps {
    justify-content: center;
    padding-bottom: 75px;
  }

  .stryds__big-paragraph {
    max-width: 90vw;
    letter-spacing: -1px;
    font-size: 40px;
  }

  .wellnes__section {
    height: 600px;
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .health-apps__big-paragraph {
    width: 170px;
    letter-spacing: -1px;
    font-size: 32px;
  }

  .join-heading__wrapper {
    height: 100%;
  }

  .text-span-21 {
    letter-spacing: -2px;
  }

  .feature__grid {
    width: 65vw;
    max-width: 65vw;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    display: none;
  }

  .feature__grid.is--different-order-for-mobile {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .feature-grid_wrapper.is--left.is--top-on-mobile {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 0;
  }

  .feature-grid_wrapper.is--right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 0;
  }

  .stryds-text_wrapper {
    width: 65vw;
    max-width: 65vw;
  }

  .menu__copy.is--second-line, .menu__copy.is--third-line, .menu__copy.is--first-line {
    letter-spacing: -3px;
    font-size: 210px;
    line-height: 70%;
  }

  .footer-icon__grid {
    justify-items: center;
    margin-bottom: 60px;
  }

  .icons__grid {
    justify-items: center;
  }

  .first-letter__span {
    text-align: center;
    font-size: 120px;
    line-height: 90%;
  }

  .lock-visual__wrapper.is--desktop-base, .lock-visual__wrapper.is--tablet {
    display: none;
  }

  .lock-visual__wrapper.is--mobile-landscape {
    display: flex;
  }

  .lock-upper-part__image {
    width: 50px;
  }

  .hero-slogan__hide {
    margin-top: -30px;
  }

  .menu-bar__wrapper.is--bigger-than-mobile_landscape {
    display: flex;
  }

  .menu-bar__wrapper.is--bigger-than-mobile_landscape.is--homepage, .menu-bar__wrapper.is--mobile {
    display: none;
  }

  .menu-bar__wrapper.is--mobile.is--homepage {
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .menu__bar {
    width: 350px;
  }

  .menu__bar.is--moblie {
    width: 70vw;
    height: 74px;
    border-radius: 20px;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px;
  }

  .menu__bar.is--moblie.is--homepage {
    margin-left: auto;
    margin-right: auto;
  }

  .mobile-menu-bar__grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .menu-bar-item__wrapper.is--left.w--current {
    padding-left: 0;
  }

  .menu-bar-item__wrapper.is--last-item {
    padding-right: 0;
  }

  .menu-bar__item {
    display: flex;
  }

  .menu-bar-join-button__copy {
    width: 100px;
    border-radius: 15px;
  }

  .hamburger-menu-icon__wrapper {
    display: flex;
  }

  .hamburger-menu-icon__line {
    background-color: rgba(253, 253, 253, .46);
  }

  .mobile-menu-items__grid {
    width: 200px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 8px;
    display: flex;
  }

  .moblie-menu-item__copy {
    text-align: center;
    margin-bottom: 0;
    font-size: 16px;
    text-decoration: none;
  }

  .link-block-2 {
    color: rgba(253, 253, 253, .46);
    justify-content: center;
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
    font-family: Fontsfree net sfprodisplay, sans-serif;
    text-decoration: none;
    display: flex;
  }

  .mobile-menu-bar-join__button {
    width: 100px;
    height: 54px;
    border-radius: 15px;
  }

  .moblie-menu-items__wrapper {
    margin-bottom: 8px;
    display: none;
  }

  .strydmates__wrapper {
    width: 180px;
    height: 240px;
  }

  .image-12 {
    width: 140px;
  }

  .image-13 {
    width: 90px;
    top: 35px;
  }

  .image-14 {
    width: 40px;
  }

  .journeys__wrapper {
    width: 280px;
  }

  .image-15, .image-16 {
    width: 90px;
  }

  .image-17 {
    width: 140px;
  }

  .insights__wrapper {
    width: 200px;
    height: 241px;
  }

  .other-apps__big-paragraph {
    width: 90vw;
    letter-spacing: -1px;
    font-size: 56px;
  }

  .hero__mockup-image {
    width: 240px;
    border-radius: 20px;
  }

  .image-18 {
    padding-top: 3px;
  }

  .i-am-in__section {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .other-apps__grid {
    height: auto;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .other-apps__grid.is--mobile {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .social-apps__wrapper {
    width: 90vw;
    height: 400px;
    text-align: center;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    overflow: hidden;
  }

  .social-apps-image__wrapper {
    width: 65vw;
    height: 45vw;
    position: static;
  }

  .health-app__wrapper {
    width: 90vw;
    height: 300px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .health-apps-image__wrapper {
    width: 65vw;
    height: 45vw;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: static;
  }

  .health-apps-text__wrapper {
    height: auto;
  }

  .other-apps__paragraph {
    width: 65vw;
    text-align: left;
    letter-spacing: 0;
    font-size: 56px;
  }

  .other-apps__paragraph.is--social-apps {
    width: 65vw;
    text-align: left;
    font-size: 56px;
  }

  .other-app__image {
    align-self: center;
  }

  .other-app__image.is--second-imae {
    align-self: flex-start;
  }

  .sync-different__image.is--one {
    width: 160px;
    top: 360px;
    left: 110px;
  }

  .sync-different__image.is--two {
    width: 160px;
    top: -20px;
    left: 130px;
  }

  .sync-different__image.is--three {
    width: 70px;
    top: 220px;
    left: 40px;
  }

  .sync-different__image.is--four {
    display: none;
  }

  .sync-different__image.is--five {
    width: 70px;
    top: 10px;
    left: 350px;
  }

  .sync-different__image.is--six {
    top: 319px;
    left: 410px;
  }

  .hero-mockup__image {
    height: 81vh;
  }

  .other-apps-on-mobile__grid {
    width: 90vw;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
    overflow: hidden;
  }

  .social-apps, .div-block-4 {
    width: 90vw;
    height: 300px;
  }

  .image-21 {
    width: 100%;
    height: auto;
    align-self: flex-start;
  }

  .image-22 {
    width: 100%;
    height: auto;
  }

  .less__wrapper {
    justify-content: flex-start;
  }

  .less-text-line__wrapper {
    margin-right: 7px;
  }

  .less-more-both-text-lines__wrapper {
    width: 45vw;
    margin-right: 0;
  }

  .less-more__grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .less-more-grid__spacer {
    width: 0;
  }

  .more-text-line__wrapper {
    margin-right: 7px;
  }

  .more__wrapper {
    flex-direction: row;
    justify-content: flex-start;
  }

  .stryds__visual.is-1 {
    left: 205px;
  }

  .stryds__visual.is-6 {
    left: 306px;
  }

  .stryds__visual.is-8 {
    left: 82px;
  }

  .stryds__visual.is-9 {
    top: 116px;
  }

  .introduction__section {
    height: auto;
    padding-top: 0;
    padding-bottom: 150px;
  }

  .tagline__container {
    height: auto;
  }

  .tagline__wrapper {
    height: auto;
    justify-content: space-between;
    align-items: center;
  }

  .tagline__text.is--second-text-line {
    height: 140px;
    justify-content: center;
    margin-top: 0;
    font-size: 160px;
    display: none;
  }

  .tagline__text.is--first-text-line {
    width: 340px;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 32px;
  }

  .tagline__text.is--first-text-line.text-highlight__span {
    width: 320px;
    font-size: 20px;
  }

  .stryds-description__image.is--2 {
    top: 306px;
    left: 176px;
  }

  .stryds-description__image.is--3 {
    top: 215px;
    left: 335px;
  }

  .stryds-description__image.is--4 {
    left: 247px;
  }

  .stryds-description__image.is--5 {
    top: 302px;
    left: 142px;
  }

  .stryds-description__image.is--7 {
    top: 404px;
    left: 271px;
  }

  .stryds-description__image.is--8 {
    top: 328px;
    left: 332px;
  }

  .lottie-animation {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 75px;
    display: none;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .lottie-animation-2 {
    width: 250px;
    display: block;
  }

  .lock__wrapper {
    height: 330px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .logo-ring-loader__wrapper {
    height: 330px;
  }

  .healthy-competition-moblie__wrapper {
    height: 500px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
    overflow: hidden;
  }

  .healthy-competition__text-wrapper {
    margin-top: 60px;
  }

  .healthy-competition__text-wrapper.is--healthy-competiion {
    margin-bottom: 20px;
  }

  .change__section {
    height: auto;
    padding-top: 0;
    padding-bottom: 100px;
  }

  .change__text {
    width: 350px;
    font-size: 40px;
  }

  .change__text.is--second-text-line {
    height: 140px;
    justify-content: center;
    margin-top: 0;
    font-size: 160px;
    display: none;
  }

  .change__text.is--first-text-line {
    width: 65vw;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 32px;
  }

  .change__text.is--ourselves {
    justify-content: center;
    font-size: 130px;
  }

  .introduction__wrapper {
    height: auto;
    justify-content: space-between;
    align-items: center;
  }

  .story__section {
    display: flex;
  }

  .story__section.is--vertical-screen {
    display: none;
  }

  .sticky__wrapper {
    height: 540px;
    padding-top: 75px;
  }

  .circle {
    width: 285px;
    height: 285px;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .circle.is--dark {
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .black-logo {
    width: 250px;
  }

  .story-visuals__wrapper {
    height: 285px;
    overflow: hidden;
  }

  .hero__grid.is--left, .hero__grid.is--centre, .hero__grid.is--right {
    height: 100vh;
  }

  .hero-image__frame {
    height: 55vw;
  }

  .hero-scroll__wrapper-container {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-scroll__wrapper {
    width: 120vw;
    height: 120vw;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-frame.is--1, .hero-frame.is--2, .hero-frame.is--3, .hero-frame.is--4 {
    width: 100vh;
    height: 100vh;
  }

  .image-35 {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-background__heading {
    letter-spacing: -1px;
    font-size: 120px;
  }

  .hero-scroll__paragraph.is--1 {
    width: 300px;
    opacity: 0;
    font-size: 32px;
  }

  .hero-scroll__paragraph.is--2 {
    width: 340px;
    opacity: 0;
    font-size: 32px;
  }

  .hero-scroll__paragraph.is--one {
    width: 300px;
    opacity: 0;
    letter-spacing: 0;
    font-size: 32px;
  }

  .hero-scroll__paragraph.is--two {
    width: 320px;
    letter-spacing: 0;
    font-size: 32px;
  }

  .link__wrapper.is--not-homepage {
    max-width: 400px;
  }

  .link-block-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .basic__heading {
    letter-spacing: -1px;
    font-size: 56px;
  }

  .basic-heading__h2 {
    letter-spacing: 0;
  }

  .simplified-menu-bar {
    width: 350px;
  }

  .simplified-menu-bar.is--moblie {
    width: 70vw;
    height: 74px;
    border-radius: 20px;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px;
  }

  .div-block-9 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .mockup__section {
    height: 560px;
  }

  .because__paragraph.is--1 {
    width: 300px;
    opacity: 0;
    font-size: 32px;
  }

  .because__paragraph.is--2 {
    width: 340px;
    opacity: 0;
    font-size: 32px;
  }

  .mockup-cards__wrapper {
    width: 100vw;
    height: 400px;
  }

  .mockup-card.is--1 {
    height: 400px;
  }

  .mockup-card.is--2 {
    height: 350px;
  }

  .mockup-card.is--3 {
    height: 300px;
  }

  .mockup-card.is--5 {
    height: 200px;
  }

  .mockup-card.is--4 {
    height: 250px;
  }

  .target-icon__wrapper.is--desktop-base, .target-icon__wrapper.is--tablet {
    display: none;
  }

  .target-icon__wrapper.is--mobile-landscape {
    display: flex;
  }

  .gallery-mockup {
    height: 400px;
    margin-right: 20px;
  }

  .d-s-letter-spacing__span {
    letter-spacing: -4px;
  }

  .y-letter-spacing__span {
    letter-spacing: -5px;
  }

  .r-letter-spacing__span {
    letter-spacing: 1px;
  }
}

@media screen and (max-width: 479px) {
  .nav__container {
    width: 85vw;
    max-width: 85vw;
  }

  .navbar {
    margin-top: 0;
  }

  .hero_copy__wrapper {
    height: 100vh;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .hero__image {
    flex: 0 auto;
    margin-top: 100px;
  }

  .whole-in-one__section {
    padding-top: 90px;
    padding-bottom: 180px;
  }

  .join-button__container {
    max-width: 85vw;
  }

  .all-in-one-benefit__wrapper {
    height: 290px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  .whole-in-one__inner-grid {
    height: 300px;
    align-content: space-around;
  }

  .all-in-one_visual {
    width: 250px;
  }

  .all-in-one-text__text-wrapper {
    align-items: center;
  }

  .h2 {
    color: #7c7c7c;
    letter-spacing: -1px;
  }

  .h2.is--smaller {
    color: #7c7c7c;
    letter-spacing: -1px;
    font-size: 56px;
  }

  .benefit__paragraph {
    width: 300px;
    color: #7c7c7c;
  }

  .benefit__paragraph.is--smaller {
    color: #7c7c7c;
  }

  .healthy-competition__section {
    height: 490px;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }

  .smilie-image {
    height: 30vh;
  }

  .save-and-sound__section {
    height: auto;
    padding-top: 180px;
    padding-bottom: 90px;
  }

  .feature__section {
    padding-top: 90px;
    padding-bottom: 80px;
  }

  .feature__container {
    max-width: 85vw;
  }

  .grid-4 {
    width: 90vw;
    max-width: 90vw;
  }

  .feature__card {
    border-radius: 15px;
  }

  .card__paragraph {
    width: 240px;
  }

  .feature__image {
    width: 100px;
  }

  .feature__image.is--insights {
    width: 240px;
  }

  .sync-different__section {
    height: 650px;
    padding-top: 45px;
    padding-bottom: 45px;
    overflow: visible;
  }

  .section__heaiding {
    width: 90vw;
    max-width: 90vw;
    font-size: 56px;
  }

  .banner-line__wrapper.is--second-line {
    display: flex;
  }

  .banner__paragraph {
    font-size: 32px;
  }

  .last_argumeznts__section {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .last_arguments__container {
    max-width: 85vw;
  }

  .last-arguments__big-paragraph {
    letter-spacing: -2px;
    font-size: 70px;
    line-height: 90%;
  }

  .text-span-16 {
    letter-spacing: 0;
  }

  .i-am-in-anchor-link__section {
    padding-top: 0;
    padding-bottom: 100px;
  }

  .text-field, .submit-button {
    width: 240px;
  }

  .join-heading__container {
    width: 85vw;
    height: 60vh;
    border-radius: 15px;
    padding: 60px 20px;
  }

  .join__grid {
    width: 300px;
    height: 100%;
  }

  .join__heading {
    letter-spacing: -2px;
    font-size: 120px;
  }

  .form {
    margin-bottom: 0;
  }

  .footer_grid {
    width: 300px;
  }

  .footer-text__grid {
    justify-items: center;
  }

  .social-media__section {
    padding-top: 0;
    padding-bottom: 100px;
  }

  .social-media__container {
    max-width: 85vw;
    overflow: visible;
  }

  .social-media__big-paragraph {
    width: 85vw;
    max-width: 85vw;
    text-align: left;
    letter-spacing: -1px;
    font-size: 40px;
  }

  .large-image__wrapper {
    width: 85vw;
    height: 400px;
    max-width: 85vw;
  }

  .large-image__wrapper.is--only-for-mobile {
    width: 85vw;
    height: 300px;
    max-width: 85vw;
    display: flex;
  }

  .large-image__wrapper.is--social-apps, .large-image__wrapper.is--not-mobile {
    display: none;
  }

  .large-image__wrapper.is-health-apps {
    width: 85vw;
    max-width: 85vw;
  }

  .large-image__wrapper.is-health-apps.is--mobile {
    width: 85vw;
    height: 300px;
    max-width: 85vw;
  }

  .other-apps__image {
    width: 100%;
    max-width: 100%;
  }

  .health__section {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .health-apps__image {
    width: 110%;
    max-width: 110%;
  }

  .hero-text__container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .hero__heading.is--first-letter {
    letter-spacing: -3px;
    margin-right: 0;
    font-size: 110px;
  }

  .hero__heading.is--second-letter, .hero__heading.is--third-letter, .hero__heading.is--fourth-letter, .hero__heading.is--sixth-letter, .hero__heading.is--seventh-letter {
    font-size: 120px;
  }

  .hero__heading.is--third-letter {
    letter-spacing: -3px;
    padding-right: 3px;
    font-size: 110px;
  }

  .hero-slogan__text {
    letter-spacing: 0;
  }

  .stryds__container {
    max-width: 85vw;
    flex-direction: column;
    align-items: flex-start;
  }

  .health__container {
    max-width: 80vw;
  }

  .form-block {
    margin-bottom: 0;
  }

  .apps__grid {
    width: 85vw;
    max-width: 85vw;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .app_text__wrapper {
    flex-direction: row;
    justify-content: flex-start;
  }

  .app_text__wrapper.s--social-apps {
    padding-bottom: 160px;
  }

  .stryds__big-paragraph {
    z-index: 0;
    width: 85vw;
    max-width: 85vw;
    text-align: left;
    letter-spacing: -1px;
    flex-flow: column;
    flex: 0 auto;
    order: 0;
    align-items: flex-start;
    font-size: 56px;
    display: block;
    position: relative;
  }

  .wellnes__section {
    height: 800px;
    justify-content: center;
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .health-apps__big-paragraph {
    width: 8085vw;
    max-width: 85vw;
    text-align: left;
    letter-spacing: -1px;
    font-size: 40px;
  }

  .text-highlight__span {
    letter-spacing: 0;
  }

  .feature__grid {
    width: 90vw;
    max-width: 90vw;
    display: none;
  }

  .feature__grid.is--different-order-for-mobile {
    width: 85vw;
    max-width: 85vw;
    display: block;
  }

  .feature-grid_wrapper.is--left.is--top-on-mobile {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 20px;
  }

  .feature-grid_wrapper.is--right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .stryds-text_wrapper {
    width: 85vw;
    max-width: 85vw;
  }

  .menu_wrapper {
    align-items: flex-start;
  }

  .menu-grid__wrapper {
    height: 70vh;
  }

  .menu__grid {
    align-items: end;
  }

  .menu__copy.is--second-line, .menu__copy.is--third-line, .menu__copy.is--first-line {
    font-size: 120px;
  }

  .first-letter__span {
    font-size: 90px;
  }

  .join_wrapper {
    align-items: flex-start;
  }

  .join-grid__wrapper {
    height: 70vh;
  }

  .join-popup__grid {
    align-items: end;
  }

  .lock-visual__wrapper.is--1920px-and-up, .lock-visual__wrapper.is--mobile-landscape {
    display: none;
  }

  .lock-visual__wrapper.is--mobile-portrait {
    display: flex;
  }

  .lock-upper-part__image {
    width: 50px;
  }

  .hero-slogan__hide {
    justify-content: center;
    align-self: center;
    margin-top: 0;
    padding-left: 0;
  }

  .menu-bar__wrapper.is--bigger-than-mobile_landscape {
    display: flex;
  }

  .menu-bar__wrapper.is--mobile {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .menu__bar.is--moblie {
    width: 90vw;
    -webkit-backdrop-filter: brightness(60%) blur(100px);
    backdrop-filter: brightness(60%) blur(100px);
    border-radius: 20px;
    display: none;
  }

  .menu__bar.is--moblie.is--homepage {
    z-index: 2700;
    width: 85vw;
    max-width: 400px;
    display: flex;
    position: relative;
  }

  .menu__bar.is--homepage {
    display: none;
  }

  .menu-bar-item__wrapper.is--last-item {
    padding-right: 0;
  }

  .menu-bar__item {
    display: block;
  }

  .menu-bar-join-button__copy {
    width: 100px;
    border-radius: 15px;
  }

  .logo__image {
    padding-top: 4px;
  }

  .hamburger-menu-icon__line {
    background-color: rgba(253, 253, 253, .46);
  }

  .mobile-menu-bar-join__button {
    width: 100px;
    border-radius: 15px;
  }

  .journeys__wrapper {
    width: 250px;
  }

  .image-15, .image-16 {
    width: 80px;
  }

  .image-17 {
    width: 120px;
  }

  .insights__wrapper {
    width: 180px;
    height: 219px;
  }

  .other-apps__big-paragraph {
    width: 85vw;
    max-width: 85vw;
    letter-spacing: -1px;
    flex-direction: column;
    align-items: flex-start;
    font-size: 32px;
    display: flex;
  }

  .hero__mockup-image {
    width: 210px;
    border-radius: 15px;
    margin-top: 30px;
    top: 0%;
    bottom: auto;
  }

  .image-18 {
    width: 24px;
    padding-top: 3px;
  }

  .i-am-in__section {
    padding-top: 45px;
    padding-bottom: 30px;
  }

  .other-apps__grid {
    display: none;
  }

  .other-apps__grid.is--mobile {
    width: 85vw;
  }

  .social-apps__wrapper {
    width: 85vw;
    height: 260px;
    align-items: center;
  }

  .social-apps-image__wrapper {
    width: 85vw;
    height: 70vw;
  }

  .social-apps-text__wrapper {
    width: 300px;
  }

  .health-app__wrapper {
    width: 85vw;
    height: 260px;
  }

  .health-apps-image__wrapper {
    width: 85vw;
    height: 70vw;
  }

  .health-apps-text__wrapper {
    width: 300px;
  }

  .other-apps__paragraph {
    width: 85vw;
    letter-spacing: -1px;
    flex-direction: column;
    align-items: flex-start;
    font-size: 56px;
    display: block;
  }

  .other-apps__paragraph.is--social-apps {
    width: 85vw;
    font-size: 56px;
  }

  .other-app__image {
    width: auto;
    height: 100%;
  }

  .sync-different__image.is--one {
    width: 160px;
    top: 456px;
    left: 170px;
  }

  .sync-different__image.is--two {
    width: 150px;
    top: 50px;
    left: 50px;
  }

  .sync-different__image.is--three {
    width: 70px;
    top: 440px;
    left: 40px;
  }

  .sync-different__image.is--four {
    display: none;
    top: 260px;
    left: 290px;
  }

  .sync-different__image.is--five {
    width: 70px;
    top: 80px;
    left: 260px;
  }

  .sync-different__image.is--six {
    width: 40%;
    left: 300px;
  }

  .hero-mockup__image {
    height: 60vh;
  }

  .other-apps-on-mobile__grid {
    width: 85vw;
    overflow: visible;
  }

  .social-apps {
    height: 340px;
  }

  .less-more-both-text-lines__wrapper, .less-more__grid {
    width: 85vw;
  }

  .stryds__visual.is-1 {
    width: 40%;
    display: none;
    top: 30px;
    left: 107px;
  }

  .stryds__visual.is-3 {
    display: none;
    left: 225px;
  }

  .stryds__visual.is-4 {
    display: none;
    left: 0;
  }

  .stryds__visual.is-6 {
    width: 70%;
    top: 273px;
    bottom: 273px;
    left: 120px;
    right: 273px;
  }

  .stryds__visual.is-7 {
    width: 20%;
    top: 319px;
    bottom: 319px;
    left: 346px;
    right: 319px;
  }

  .stryds__visual.is-8 {
    top: 153px;
    bottom: 158px;
    left: 282px;
    right: 158px;
  }

  .stryds__visual.is-9 {
    width: 60%;
    top: 130px;
    left: 40px;
  }

  .stryds__visual.is-10 {
    width: 80%;
    left: 160px;
  }

  .introduction__section {
    width: 100vw;
    height: auto;
    padding-top: 10px;
    padding-bottom: 190px;
  }

  .tagline__container {
    height: auto;
    align-self: center;
  }

  .tagline__wrapper {
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .tagline__text.is--second-text-line {
    height: 110px;
    order: 0;
    justify-content: center;
    align-self: center;
    font-size: 100px;
    display: none;
  }

  .tagline__text.is--first-text-line {
    width: 85vw;
    margin-bottom: 0;
  }

  .tagline__text.is--first-text-line.text-highlight__span {
    width: 270px;
  }

  .stryds-description__image.is--1 {
    width: 90%;
    left: -14px;
  }

  .stryds-description__image.is--2 {
    width: 85%;
    top: 327px;
    left: 114px;
  }

  .stryds-description__image.is--3 {
    width: 70%;
    left: 142px;
  }

  .stryds-description__image.is--4 {
    width: 80%;
    left: 124px;
  }

  .stryds-description__image.is--5 {
    width: 65%;
    top: 215px;
    left: -16px;
  }

  .stryds-description__image.is--7 {
    width: 70%;
    top: 292px;
    left: 56px;
  }

  .stryds-description__image.is--8 {
    width: 65%;
    top: 386px;
    left: 66px;
  }

  .stryds-description__image.is--10 {
    width: 75%;
    top: 47px;
    left: 30px;
  }

  .lottie-animation {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 45px;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .whole-in-one-visual__wrapper {
    height: 90px;
  }

  .whole-in-one__top-grid {
    width: 220px;
    height: 220px;
  }

  .image-26 {
    width: 160px;
  }

  .lock__wrapper {
    height: 320px;
    max-width: 500px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .logo-ring-loader__wrapper {
    height: 300px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .healthy-competition-moblie__wrapper {
    height: 490px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .healthy-competition__text-wrapper {
    align-items: center;
  }

  .change__section {
    width: 100vw;
    height: auto;
    padding-top: 0;
    padding-bottom: 90px;
  }

  .change__text {
    width: 340px;
    letter-spacing: 0;
    font-size: 40px;
  }

  .change__text.is--second-text-line {
    height: 110px;
    order: 0;
    justify-content: center;
    align-self: center;
    font-size: 100px;
    display: none;
  }

  .change__text.is--first-text-line {
    width: 85vw;
    margin-bottom: 0;
  }

  .change__text.is--ourselves {
    justify-content: center;
    align-items: flex-start;
    font-size: 90px;
    line-height: 70%;
    display: flex;
  }

  .introduction__wrapper {
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .story__section {
    display: none;
  }

  .story__section.is--vertical-screen {
    display: flex;
  }

  .sticky__wrapper {
    height: 810px;
    padding-top: 30px;
  }

  .circle {
    width: 300px;
    height: 300px;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .circle.is--dark {
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .circles__text {
    color: #686868;
  }

  .circles__text.is--on-dark-bg {
    color: #929292;
  }

  .black-logo {
    width: 260px;
  }

  .story-visuals__wrapper {
    height: 630px;
  }

  .stryds-logo__text {
    width: 330px;
  }

  .hero-image__frame {
    width: 40vw;
    height: 70vw;
    border-radius: 20px;
  }

  .new-hero__section {
    display: none;
  }

  .new-hero__section.is--mobile {
    display: block;
    position: relative;
    overflow: hidden;
  }

  .hero-scroll__wrapper-container {
    top: 0;
  }

  .hero-scroll__wrapper {
    width: 150vw;
    height: 150vw;
  }

  .hero-frame.is--1 {
    width: 30vh;
    height: 30vh;
  }

  .hero-frame.is--2 {
    width: 30vh;
    height: 30vh;
    border-radius: 30px;
  }

  .hero-frame.is--3, .hero-frame.is--4 {
    width: 30vh;
    height: 30vh;
  }

  .hero-background__heading {
    opacity: 0;
    letter-spacing: -2px;
    font-size: 90px;
    display: block;
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .hero-background__heading.is--mobile {
    width: 250px;
    height: 90px;
    opacity: 0;
    text-align: center;
    letter-spacing: -1px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-scroll__paragraph.is--1 {
    width: 300px;
    opacity: 1;
    letter-spacing: 0;
    text-transform: capitalize;
    font-size: 32px;
  }

  .hero-scroll__paragraph.is--2 {
    width: 340px;
    opacity: 1;
    letter-spacing: 0;
    text-transform: capitalize;
    font-size: 32px;
  }

  .hero-scroll__paragraph.is--one {
    width: 300px;
    opacity: 0;
    font-size: 32px;
  }

  .hero-paragraphs__wrapper {
    width: 100vw;
    height: 80px;
    opacity: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
  }

  .link__wrapper {
    z-index: 2300;
    width: 85vw;
    flex-direction: column;
    position: relative;
  }

  .link__wrapper.is--not-homepage {
    width: 75vw;
    max-width: none;
    flex-direction: column;
    justify-content: space-between;
  }

  .terms-and-conditions__copy {
    text-align: center;
    margin-bottom: 12px;
  }

  .link-block-3 {
    z-index: 2700;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
  }

  .link-block-3.is--right {
    padding-right: 0;
  }

  .basic__heading {
    letter-spacing: -1px;
    font-size: 56px;
  }

  .basic-heading__h2 {
    letter-spacing: 0;
  }

  .privacy-policy__section, .privacy-policy__section.is--mobile {
    display: block;
  }

  .simplified-menu-bar.is--moblie {
    width: 90vw;
    -webkit-backdrop-filter: brightness(60%) blur(100px);
    backdrop-filter: brightness(60%) blur(100px);
    border-radius: 20px;
  }

  .copyright__paragraph {
    text-align: center;
    margin-bottom: 12px;
  }

  .div-block-9 {
    padding-left: 0;
    padding-right: 0;
  }

  .mockup__section {
    height: 590px;
    align-items: center;
    padding-top: 100px;
    padding-bottom: 90px;
    display: flex;
    overflow: hidden;
  }

  .because__paragraph.is--1 {
    width: 300px;
    opacity: 0;
    font-size: 32px;
  }

  .because__paragraph.is--2 {
    width: 340px;
    opacity: 0;
    font-size: 32px;
  }

  .mobile-hero__section {
    display: none;
  }

  .mobile-hero__section.is--mobile {
    height: 300vh;
    display: block;
    position: static;
    overflow: visible;
  }

  .mobile-hero-mockup__wrapper {
    width: 300px;
    height: 400px;
    opacity: 0;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 250px;
    left: auto;
    right: auto;
  }

  .mobile-hero__mockup {
    width: 100px;
    position: absolute;
  }

  .mobile-hero__mockup.is--1 {
    z-index: 5;
    width: auto;
    height: 400px;
  }

  .mobile-hero__mockup.is--2 {
    z-index: 4;
    width: auto;
    height: 350px;
  }

  .mobile-hero__mockup.is--3 {
    z-index: 3;
    width: auto;
    height: 300px;
  }

  .mobile-hero__mockup.is--4 {
    z-index: 2;
    width: auto;
    height: 250px;
  }

  .mobile-hero__mockup.is--5 {
    z-index: 1;
    width: auto;
    height: 200px;
  }

  .target-icon__wrapper.is--1920px-and-up, .target-icon__wrapper.is--mobile-landscape {
    display: none;
  }

  .target-icon__wrapper.is--mobile-portrait {
    display: flex;
  }

  .mockup-cards-opening__section {
    display: none;
    overflow: hidden;
  }

  .gallery-mockup {
    height: 400px;
    margin-right: 25px;
  }

  .privacy-policy__copy {
    text-align: center;
    margin-bottom: 0;
  }

  .terms-and-conditions__section, .terms-and-conditions__section.is--mobile {
    display: block;
  }

  .r-letter-mobile-heading-letter-spacing__span {
    letter-spacing: 2px;
  }

  .y-letter-mobile-heading-letter-spacing__span {
    letter-spacing: -3px;
  }

  .d-letter-mobile-heading-letter-spacing__span {
    letter-spacing: -2px;
  }

  .bold-text-3 {
    letter-spacing: 0;
  }
}

#w-node-_4df392eb-3b56-d7b9-967b-ce866d865528-38c80f21 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4df392eb-3b56-d7b9-967b-ce866d86552d-38c80f21, #w-node-_4df392eb-3b56-d7b9-967b-ce866d865538-38c80f21 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_6b628e52-d132-9d83-9781-2ae96aaa1bc7-38c80f21 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6b628e52-d132-9d83-9781-2ae96aaa1bcc-38c80f21, #w-node-ada6e1f5-4208-eab0-d9cf-d9438b50d8ae-38c80f21 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_9e930e2e-1bef-71bb-0cc2-e2c724bfe450-38c80f21, #w-node-d9a24f5f-0253-debf-d376-36ffb12ebdd3-38c80f21, #w-node-_38d41f6f-5ab9-de93-62b2-f661f92e8793-38c80f21, #w-node-_93c48497-a9f6-df24-bbb5-8ee8c0e16b09-38c80f21, #w-node-_9f52f4e7-51ff-f247-92f1-e29d22e63d9c-38c80f21, #w-node-_11791171-d01c-ca8e-eb90-28f57fcae83a-38c80f21, #w-node-_8ea3088d-c9ed-a80a-5a3d-853151643353-38c80f21, #w-node-a19ad33d-d0f5-f237-423a-fb93b4cdeb4b-38c80f21, #w-node-_135516d1-bd90-e3ea-f161-7dc5ccabed10-38c80f21, #w-node-a0d4f3f5-742d-1d90-bac5-a2b722a9fcbf-38c80f21, #w-node-_6472770d-775a-ae9c-5ecc-7faeee86b3df-38c80f21, #w-node-_3c43b850-8ccb-efcd-7722-c38194f50f18-38c80f21, #w-node-_65d80878-55f5-462b-b162-bc761c357df2-38c80f21, #w-node-_28cf8c69-e741-d010-d16f-9a1d53280398-38c80f21, #w-node-_99750d2c-50df-8b20-2d42-3823d3d1ac31-38c80f21, #w-node-_18ca5ebd-916c-b705-441b-4f24725bb5b3-38c80f21, #w-node-_26207e39-14dd-d24f-8331-73bd07a5581a-38c80f21, #w-node-_3cb118f1-91fd-89f9-af97-9c20923cf3f2-38c80f21, #w-node-_474afb50-f2cc-04da-41a4-7e00f91f5175-38c80f21, #w-node-e68b0fc5-9224-7b9a-4a2a-66cef232a2c5-38c80f21, #w-node-_43553cc4-ea82-fbf4-2e3c-7d86a11733c2-38c80f21, #w-node-_0ac87c85-c340-e711-d6d2-916784da59ab-38c80f21, #w-node-_0ac87c85-c340-e711-d6d2-916784da59ac-38c80f21, #w-node-_0ac87c85-c340-e711-d6d2-916784da59ae-38c80f21, #w-node-_0ac87c85-c340-e711-d6d2-916784da59b7-38c80f21, #w-node-_0ac87c85-c340-e711-d6d2-916784da59b9-38c80f21, #w-node-_0ac87c85-c340-e711-d6d2-916784da59c3-38c80f21, #w-node-_0ac87c85-c340-e711-d6d2-916784da59c4-38c80f21, #w-node-_0ac87c85-c340-e711-d6d2-916784da59c6-38c80f21, #w-node-_0ac87c85-c340-e711-d6d2-916784da59ce-38c80f21, #w-node-_0ac87c85-c340-e711-d6d2-916784da59d0-38c80f21, #w-node-_0ac87c85-c340-e711-d6d2-916784da59da-38c80f21, #w-node-_0ac87c85-c340-e711-d6d2-916784da59dc-38c80f21, #w-node-e2776da2-4685-7c9c-abbf-a42372bec916-38c80f21 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5e8dcfb7-33ac-c9c2-4f35-548efcfac14b-38c80f21 {
  justify-self: end;
}

#w-node-_83d96ad7-718d-29a4-c594-0599f4b3c10a-38c80f21, #w-node-e1896c25-0b67-8ad7-1cd7-5ba136e8d748-38c80f21 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c2f4ee74-af3b-02a2-2bc1-d64997936ee3-38c80f21 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-da904594-91e3-1e06-03de-57c93e56354d-38c80f21 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_65c0d16a-663b-bdd1-bfd6-26ac0f1c01a8-38c80f21 {
  align-self: end;
  justify-self: end;
}

#w-node-bbef4554-db78-7b9a-b3f7-76215f00061f-05be6d89, #w-node-_95558e1a-912a-e7cc-0f33-0e8f05be6d8c-05be6d89, #w-node-_95558e1a-912a-e7cc-0f33-0e8f05be6d8d-05be6d89, #w-node-f72eb552-86ad-ac87-64b3-eef9b4ac3447-05be6d89, #w-node-_573f63a7-ba3e-0a16-5cf2-5fabdc63e78b-05be6d89, #w-node-bb1dc5e1-031d-7b25-dff4-f210b64f856c-05be6d89, #w-node-e363f008-2a0a-3acb-f79e-59627824343a-05be6d89, #w-node-_34e26f2b-8a31-1e6f-c913-9514b5927968-05be6d89, #w-node-_7309ac3c-1c3c-958f-6f5f-83e45c4069f9-05be6d89, #w-node-_43544abf-7438-d663-b469-f9654a0da743-05be6d89, #w-node-c3d69972-2d27-6985-699f-eb0293fb8565-05be6d89, #w-node-e7ce658d-afea-8354-13f4-8362ae2f3f00-05be6d89, #w-node-_7c92d5c4-f0f2-3b1a-83da-716fe6b65a4e-05be6d89, #w-node-_9825e797-113b-a5a4-c02b-15db42b2b827-05be6d89, #w-node-f48ff5a5-38e5-1c21-91bd-3dda5cacb317-05be6d89, #w-node-c51b920c-4d44-cff9-4271-8803e76f821e-05be6d89, #w-node-_4615cd42-7171-0ff8-1bdf-6f83e08a1e3a-e08a1e3a, #w-node-eec5460d-4195-7adb-a753-1c651699a721-1699a721, #w-node-_43fe131e-4f42-9248-31ee-5dbf5b272659-5b272659 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_43fe131e-4f42-9248-31ee-5dbf5b27265b-5b272659, #w-node-_43fe131e-4f42-9248-31ee-5dbf5b27265c-5b272659, #w-node-_43fe131e-4f42-9248-31ee-5dbf5b27265d-5b272659, #w-node-_43fe131e-4f42-9248-31ee-5dbf5b27265e-5b272659 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-ef76a301-ade0-624f-f0a0-2441c4c0951c-c4c0951c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ada6e1f5-4208-eab0-d9cf-d9438b50d8ae-7bc80f27, #w-node-ada6e1f5-4208-eab0-d9cf-d9438b50d8ae-42c80f29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

@media screen and (min-width: 1920px) {
  #w-node-_474afb50-f2cc-04da-41a4-7e00f91f5175-38c80f21 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-_5e8dcfb7-33ac-c9c2-4f35-548efcfac14b-38c80f21 {
    justify-self: center;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-_43553cc4-ea82-fbf4-2e3c-7d86a11733c2-38c80f21 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_4df392eb-3b56-d7b9-967b-ce866d86553d-38c80f21, #w-node-_4df392eb-3b56-d7b9-967b-ce866d865540-38c80f21, #w-node-_4df392eb-3b56-d7b9-967b-ce866d865543-38c80f21, #w-node-_4df392eb-3b56-d7b9-967b-ce866d865546-38c80f21, #w-node-ea597442-5163-3252-0a69-98af09aaa6b0-38c80f21, #w-node-_0ac87c85-c340-e711-d6d2-916784da59c3-38c80f21, #w-node-_95cd00cd-7c55-b2f7-5d1c-8607052b69b1-38c80f21 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5e8dcfb7-33ac-c9c2-4f35-548efcfac14b-38c80f21 {
    justify-self: end;
  }

  #w-node-_65c0d16a-663b-bdd1-bfd6-26ac0f1c01a8-38c80f21 {
    justify-self: center;
  }

  #w-node-_726ac3a0-0d86-c222-aa37-6e164e25f051-7bc80f27, #w-node-_1f34167a-19c1-b714-23c6-336c76eb5e80-7bc80f27, #w-node-fa9e66cc-22ec-774d-2e44-a35316857383-7bc80f27, #w-node-bc066e6f-9a90-4040-409a-a611b8e4f25f-7bc80f27, #w-node-_726ac3a0-0d86-c222-aa37-6e164e25f051-42c80f29, #w-node-_1f34167a-19c1-b714-23c6-336c76eb5e80-42c80f29, #w-node-fa9e66cc-22ec-774d-2e44-a35316857383-42c80f29, #w-node-bc066e6f-9a90-4040-409a-a611b8e4f25f-42c80f29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4df392eb-3b56-d7b9-967b-ce866d865536-38c80f21, #w-node-_4df392eb-3b56-d7b9-967b-ce866d865537-38c80f21, #w-node-_3d2c6af9-dba6-a01d-995c-2e223053b7ce-38c80f21, #w-node-fcdaa28c-5445-74e3-874e-d869dbb15045-38c80f21 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a19ad33d-d0f5-f237-423a-fb93b4cdeb4b-38c80f21 {
    justify-self: center;
  }

  #w-node-_3d2c6af9-dba6-a01d-995c-2e223053b7ce-7bc80f27, #w-node-fcdaa28c-5445-74e3-874e-d869dbb15045-7bc80f27, #w-node-_3d2c6af9-dba6-a01d-995c-2e223053b7ce-42c80f29, #w-node-fcdaa28c-5445-74e3-874e-d869dbb15045-42c80f29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@font-face {
  font-family: 'Fontsfree net sfprodisplay';
  src: url('https://uploads-ssl.webflow.com/639e76b6a0716a69a2134f59/639faeab1caa80730f4039fb_FontsFree-Net-SFProDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}