:root {
  --white: #fff;
  --gold: #8c704b;
  --blue: #001554;
  --grey: #797979;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1vw;
  line-height: 1.2;
}

.section {
  justify-content: center;
  align-items: flex-start;
  padding-left: 7em;
  padding-right: 7em;
  display: flex;
}

.section.header {
  z-index: 98;
  background-color: var(--white);
  position: fixed;
  inset: 0% 0% auto;
}

.section.intro {
  z-index: 99;
  background-color: var(--white);
  height: 100dvh;
  transition: opacity .2s;
  display: none;
  position: fixed;
  inset: 0%;
}

.section.intro._2 {
  background-image: url('../images/bg.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.intro.new {
  pointer-events: none;
}

.section.landing {
  z-index: 1;
  height: 100dvh;
  position: relative;
}

.section.content {
  padding-top: 5em;
  padding-bottom: 5em;
}

.section.content._2 {
  background-image: radial-gradient(circle at 15% 0, #b4e5f4, #648397 30%, #516b80 51%, #3c5067 73%, #24324a);
  padding-bottom: 0;
}

.section.content._3 {
  background-image: radial-gradient(circle at 0 0, #e8e7ee, #dfddea 93%);
  padding-bottom: 5em;
}

.section.content._4 {
  padding-bottom: 0;
}

.section.content._4.b {
  padding-bottom: 3em;
}

.section.content._5 {
  background-image: url('../images/bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.content.footer {
  z-index: 98;
  color: var(--white);
  background-color: #000;
  padding-top: 2em;
  padding-bottom: 2em;
  position: relative;
}

.section.content._7-copy {
  background-color: #f4f4f4;
}

.container {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  align-items: stretch;
  width: 100%;
  max-width: 1560px;
  display: flex;
}

.container._2 {
  z-index: 3;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.image {
  z-index: 0;
  opacity: .2;
  position: absolute;
  inset: auto 0% 0%;
}

.image-2 {
  width: 25em;
}

.enter-btn {
  background-color: var(--gold);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  border-radius: .5em;
  padding: 1em;
  text-decoration: none;
}

.body {
  font-size: 1.1vw;
}

.btn-container {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: center;
  align-items: center;
  margin-top: 1em;
  display: flex;
}

.skip-btn {
  background-color: var(--blue);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  border-radius: .5em;
  padding: 1em;
  text-decoration: none;
}

.flower-container {
  z-index: 2;
  position: absolute;
  inset: auto 0% 0%;
}

.black-flower {
  z-index: 1;
  opacity: 0;
  width: 200%;
  max-width: none;
  transition: opacity .8s cubic-bezier(.645, .045, .355, 1);
  position: absolute;
  inset: auto auto 0% 0%;
}

.black-flower.new {
  opacity: 100;
}

.white-flower {
  opacity: .2;
  transition: opacity .8s cubic-bezier(.645, .045, .355, 1);
}

.white-flower.new {
  opacity: 0;
}

.intro-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  transition: opacity .8s cubic-bezier(.645, .045, .355, 1);
  display: flex;
}

.intro-container.new {
  opacity: 0;
  pointer-events: none;
}

.intro-text {
  z-index: 1;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  opacity: 0;
  color: #1b1b1b;
  pointer-events: none;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 70%;
  margin-top: -15em;
  transition-property: opacity;
  transition-duration: .8s;
  transition-timing-function: cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: absolute;
}

.intro-text.new {
  opacity: 100;
  pointer-events: none;
}

.heading {
  color: var(--gold);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3em;
  line-height: 1;
}

.intro-texts {
  text-align: left;
  flex: 1;
  font-size: 1.2em;
  line-height: 1.4;
  text-decoration: none;
}

.blue-bg {
  z-index: 0;
  background-color: var(--white);
  opacity: 0;
  pointer-events: none;
  transition-property: opacity;
  transition-duration: .8s;
  transition-timing-function: cubic-bezier(.645, .045, .355, 1);
  position: absolute;
  inset: 0%;
}

.blue-bg.new {
  z-index: 1;
  opacity: 100;
}

.white-flower-copy {
  opacity: .2;
  width: 100%;
  transition: opacity .8s cubic-bezier(.645, .045, .355, 1);
}

.white-flower-copy.new {
  opacity: 0;
}

.landing-text {
  text-transform: uppercase;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}

.landing-left {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 1.8em;
  display: flex;
}

.div-block-3-copy {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.heading-2, .heading-3 {
  margin-top: 0;
  margin-bottom: 0;
}

.heading-4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.landing-right {
  -webkit-text-fill-color: transparent;
  background-image: url('../images/silver.jpg'), linear-gradient(#929292, silver 26%, #cbcbcb 55%, #d4d4d4);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 100%, auto;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 18em;
  line-height: 1;
}

.text-block-2 {
  text-align: right;
  -webkit-text-fill-color: transparent;
  background-image: url('../images/AdobeStock_1371206377.jpeg'), linear-gradient(#aaaaab, #c7c7c8 29%, #d0d0d0 66%, #d1d1d1);
  background-position: 0 0, 0 0;
  background-size: 150%, auto;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 7.5em;
  line-height: 1;
}

.landing-text-one {
  color: var(--blue);
  letter-spacing: .2em;
  font-size: 2em;
}

.landing-text-two {
  color: var(--blue);
  text-transform: none;
  margin-top: 2em;
}

.landing-image {
  width: 5em;
  display: none;
}

.div-block-4 {
  justify-content: space-between;
  padding-top: 1em;
  padding-bottom: .5em;
  display: flex;
  position: relative;
}

.logo {
  width: 23em;
  transition: width .5s;
}

.logo.sticky {
  width: 20em;
}

.skip-container {
  z-index: 2;
  opacity: 0;
  justify-content: flex-end;
  align-items: flex-end;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: auto 0% 2em;
}

.skip-container.new {
  opacity: 100;
}

.skip-btns {
  background-color: var(--gold);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  pointer-events: auto;
  border-radius: .5em;
  padding: 1em;
  text-decoration: none;
}

.skip-btns.new {
  pointer-events: none;
}

.div-block-5 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.menu-btn {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 3.5em;
  height: 3.5em;
  display: flex;
}

.download-btn {
  background-color: var(--blue);
  background-image: url('../images/download.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 100%;
  width: 3.5em;
  height: 3.5em;
}

.div-block-6 {
  position: relative;
}

.logo-intro {
  background-color: #ffffffe6;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-5 {
  z-index: 0;
  opacity: .2;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-7 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-8 {
  text-align: right;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 40%;
  display: flex;
  position: relative;
}

.heading-copy {
  color: var(--blue);
  margin-top: 0;
  margin-bottom: .3em;
  font-size: 3em;
  line-height: 1;
}

.div-block-9 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -3em;
  padding-top: 3em;
  display: flex;
}

.div-block-9._2 {
  align-items: stretch;
}

.div-block-10 {
  width: 50%;
  position: relative;
}

.flex-block {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex: 1;
}

.flex-block._2 {
  margin-bottom: 5em;
}

.flex-block._3 {
  margin-bottom: 0;
}

.heading-5 {
  color: var(--gold);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5em;
  line-height: 1;
}

.heading-5._2 {
  color: var(--white);
}

.heading-5._3 {
  color: var(--blue);
}

.heading-5._3.b {
  margin-bottom: .3em;
}

.quote {
  color: var(--blue);
  font-size: 1.2em;
}

.div-block-11 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  border-top: 2px solid var(--blue);
  border-bottom: 2px solid var(--blue);
  flex-flow: column;
  width: 100%;
  margin-top: 1em;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  display: flex;
  position: relative;
}

.div-block-11._2 {
  border-top-color: var(--gold);
  border-bottom-color: var(--gold);
}

.text-block-3 {
  color: var(--blue);
  font-size: 1.2em;
}

.text-block-3.medium {
  color: var(--blue);
}

.text-block-4 {
  color: var(--gold);
  font-size: 1.5em;
}

.text-block-4.extra._2 {
  color: var(--white);
}

.text-block-4.extra._3 {
  color: var(--blue);
}

.div-block-12 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-12.semi {
  color: var(--white);
  position: relative;
}

.div-block-12.semi._2 {
  color: var(--grey);
  position: relative;
}

.text-block-5 {
  font-size: 1.2em;
}

.btn {
  background-color: var(--blue);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  border-radius: .5em;
  margin-top: 1em;
  padding: 1em;
  text-decoration: none;
}

.btn._2 {
  background-color: var(--gold);
}

.div-block-13 {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: column;
  display: flex;
}

.div-block-14 {
  justify-content: center;
  align-items: flex-end;
  width: 30%;
  display: flex;
}

.image-6 {
  z-index: 1;
  width: 100%;
  position: relative;
}

.image-7 {
  margin-bottom: 1em;
}

.image-7._2 {
  margin-bottom: 0;
}

.image-7.b {
  width: 100%;
}

.div-block-14-copy {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.div-block-15 {
  width: 60%;
}

.divider-title {
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: url('../images/AdobeStock_1371206377.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 200%;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.5em;
  line-height: 1;
}

.divider-title._2 {
  color: var(--blue);
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
}

.div-block-16 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-8 {
  width: 100%;
  max-width: none;
  margin-bottom: -8%;
}

.image-8._2 {
  margin-bottom: -4%;
}

.image-8._3 {
  margin-bottom: 0%;
}

.flower-bg {
  overflow: hidden;
}

.slider {
  background-color: #ddd0;
  width: 100%;
  height: auto;
  padding-bottom: 5em;
  display: none;
}

.divider {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: wrap;
  margin-top: -3em;
  padding-top: 3em;
  display: flex;
}

.right-arrow, .left-arrow {
  display: none;
}

.slide, .mask, .slide-2 {
  height: auto;
}

.line-top {
  background-color: var(--blue);
  width: 30px;
  height: 2px;
  transition: margin .2s, transform .2s;
}

.line-top.open {
  margin-bottom: -12px;
  transform: rotate(-45deg);
}

.line-middle {
  background-color: var(--blue);
  width: 30px;
  height: 2px;
  transition: opacity .2s;
}

.line-middle.open {
  opacity: 0;
}

.line-btm {
  background-color: var(--blue);
  width: 30px;
  height: 2px;
  transition: transform .2s;
}

.line-btm.open {
  transform: rotate(45deg);
}

.mute-container {
  z-index: 96;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.mute-container.section {
  pointer-events: none;
  padding-bottom: 2em;
}

.div-block-19 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mute-btn {
  background-color: var(--gold);
  pointer-events: auto;
  background-image: url('../images/unmute.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 100%;
  width: 4em;
  height: 4em;
}

.mute-btn.mute {
  background-image: url('../images/mute.svg');
}

.div-block-20 {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  display: flex;
}

.div-block-21 {
  flex-flow: column;
  width: 50%;
  display: flex;
}

.div-block-21.animate {
  width: 40%;
}

.download-item {
  color: var(--grey);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: .5em;
  padding-bottom: .5em;
  font-size: 1.2em;
  text-decoration: none;
  display: flex;
}

.download-item:hover {
  color: var(--gold);
}

.download-item._2 {
  color: var(--white);
  justify-content: flex-start;
  align-items: flex-start;
}

.div-block-22 {
  flex: 1;
}

.image-10 {
  order: -1;
  width: 1em;
  margin-right: .7em;
}

.image-10._2 {
  width: 50%;
  margin-right: 0;
}

.div-block-23 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-24 {
  grid-column-gap: 1%;
  grid-row-gap: 1%;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.right-footer {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.image-13 {
  width: 2.5em;
}

.link {
  color: #fff;
  text-decoration: none;
}

.link:hover {
  text-decoration: underline;
}

.flex {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

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

.section-2 {
  padding-left: 7em;
  padding-right: 7em;
}

.section-2.footer {
  color: #fff;
  background-color: #1b1b1b;
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: .9em;
}

.container-2 {
  width: 100%;
  max-width: 1560px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.quotation {
  background-color: var(--white);
  background-image: url('../images/quote.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 3em;
  height: 3em;
  position: relative;
  inset: auto 0% 0% auto;
}

.quotation._2 {
  background-color: #fff0;
  background-image: url('../images/quote-white.svg');
}

.image-14 {
  z-index: 0;
  height: 100%;
  position: absolute;
  inset: auto auto 0% -30%;
  transform: rotate(-15deg);
}

.navigation {
  text-align: right;
  pointer-events: none;
  opacity: 0;
  background-image: url('../images/bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 25em;
  padding: 1.5em 1.5em 2em;
  transition-property: opacity;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: flex;
  position: absolute;
  inset: 6.3em 0% auto auto;
}

.navigation.open {
  pointer-events: auto;
  opacity: 1;
  justify-content: flex-start;
  align-items: flex-start;
}

.divider-container {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  flex-flow: column;
  display: flex;
}

.line {
  display: none;
}

.nav-item {
  color: var(--white);
  text-align: left;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: .5em;
  padding-bottom: .5em;
  font-size: 1.2em;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
}

.nav-item:hover, .nav-item.w--current {
  color: var(--gold);
}

.dropdown {
  width: 100%;
}

.dropdown-toggle {
  color: var(--white);
  text-transform: uppercase;
  width: 100%;
  padding: .5em 0;
  font-size: 1.2em;
}

.dropdown-toggle:hover, .dropdown-toggle.w--open {
  color: var(--gold);
}

.dropdown-list {
  position: relative;
}

.dropdown-list.w--open {
  background-color: #ddd0;
  flex-flow: column;
  display: flex;
}

.icon {
  margin-right: 0;
}

.div-block-25 {
  background-color: var(--gold);
  border-radius: 100%;
  flex: none;
  order: -1;
  width: .5em;
  height: .5em;
  margin-right: .7em;
  position: relative;
  top: .35em;
}

.image-15 {
  width: 50%;
  position: absolute;
  inset: 0% auto auto -60%;
}

.image-16 {
  z-index: 0;
  height: 70%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image-17 {
  z-index: 0;
  height: 40%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.image-17._2 {
  height: 30%;
  margin-left: -3em;
  inset: 0% auto auto 0%;
}

.div-block-26 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  display: flex;
}

.div-block-27 {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.text-span {
  font-weight: 400;
}

.div-block-28 {
  background-color: var(--gold);
  border-radius: 100%;
  flex: none;
  order: -9999;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  margin-right: .5em;
  display: flex;
}

.div-block-29 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 32%;
  display: flex;
}

.text-block-6 {
  margin-top: .4em;
}

.sticky-height {
  pointer-events: none;
  height: 10em;
  position: absolute;
  inset: 0% 0% auto;
}

.blue {
  color: var(--blue);
}

.div-block-30 {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  margin-top: 2em;
  display: flex;
}

.div-block-31 {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 31%;
  display: flex;
}

.text-block-7, .text-block-8 {
  font-size: 1.2em;
}

.text-block-8.extra {
  color: var(--gold);
  margin-bottom: -1.6em;
}

.text-block-8.extra._2 {
  margin-bottom: 0;
}

.medium.gold {
  color: var(--gold);
  margin-top: 1em;
}

.div-block-32 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 1.3em;
  display: flex;
  position: relative;
}

.div-block-33 {
  background-color: var(--grey);
  width: 100%;
  height: 1px;
}

.div-block-34 {
  grid-column-gap: 2%;
  grid-row-gap: 2%;
  justify-content: space-between;
  display: flex;
}

.div-block-35 {
  flex: 1;
  width: 49%;
}

.div-block-35-copy {
  text-align: right;
  width: 31%;
  position: relative;
}

.dropdown-2 {
  z-index: 1;
  width: 100%;
}

.acc-head {
  border-bottom: 1px solid var(--grey);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: .5em 0;
  display: flex;
}

.acc-body {
  position: static;
}

.acc-body.w--open {
  grid-column-gap: 1.7em;
  grid-row-gap: 1.7em;
  background-color: #ddd0;
  flex-flow: column;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
}

.div-block-36 {
  background-color: var(--blue);
  border-radius: 100%;
  flex: none;
  width: .4em;
  height: .4em;
  position: absolute;
  inset: .35em auto auto 0%;
}

.div-block-37 {
  flex-flow: column;
  margin-top: 2em;
  display: flex;
}

.div-block-38 {
  position: sticky;
  top: 8em;
}

.toggle-arrow {
  color: #1b1b1b;
  font-size: 1.2em;
  transition: transform .2s;
}

.toggle-arrow.rotate {
  transform: rotate(180deg);
}

.div-block-39 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  display: flex;
}

.timeline_img {
  flex: 1;
  max-width: 90%;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 12px;
  }

  .section {
    padding-left: 3em;
    padding-right: 3em;
  }

  .section.content.footer {
    justify-content: center;
    align-items: flex-start;
  }

  .intro-text {
    width: 100%;
  }

  .body-2 {
    font-size: 13px;
  }

  .landing-text {
    margin-top: 0;
  }

  .div-block-7 {
    justify-content: center;
    align-items: flex-start;
  }

  .div-block-9._2 {
    flex-flow: wrap;
    align-items: stretch;
  }

  .flex-block._3 {
    margin-bottom: 0;
  }

  .div-block-14 {
    justify-content: center;
    align-items: flex-end;
    width: 45%;
    display: flex;
  }

  .div-block-14-copy {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .div-block-15 {
    width: 100%;
  }

  .divider-title {
    font-size: 4em;
  }

  .slider {
    height: auto;
    padding-bottom: 5em;
  }

  .divider {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .mask {
    height: auto;
  }

  .div-block-20 {
    flex-flow: wrap;
  }

  .div-block-21 {
    width: 100%;
  }

  .div-block-22 {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .image-9 {
    width: 100%;
  }

  .div-block-24 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .flex._4 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    justify-content: center;
    align-items: flex-start;
  }

  .section-2 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .container-2 {
    text-align: right;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .div-block-30 {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    flex-flow: wrap;
  }

  .div-block-31 {
    width: 100%;
  }

  .div-block-33 {
    background-color: var(--grey);
    width: 100%;
    height: 1px;
    display: none;
  }

  .div-block-34 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: wrap;
  }

  .div-block-35-copy {
    text-align: left;
    width: 100%;
  }

  .timeline_img {
    max-width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .section {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .section.content._2 {
    background-image: radial-gradient(circle at 50% 100%, #b4e5f4, #648397 30%, #516b80 51%, #3c5067 73%, #24324a);
  }

  .section.content._6 {
    padding-bottom: 5em;
  }

  .section.content._7, .section.content._7-copy {
    padding-bottom: 2em;
  }

  .intro-text {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: -10em;
  }

  .landing-left {
    padding-top: 1.2em;
  }

  .div-block-3-copy {
    flex: 1;
  }

  .landing-right {
    font-size: 12em;
  }

  .text-block-2 {
    font-size: 5em;
  }

  .landing-text-one {
    font-size: 1.6em;
  }

  .skip-container {
    justify-content: center;
    align-items: flex-end;
    bottom: 6em;
  }

  .image-5 {
    display: block;
  }

  .div-block-7 {
    justify-content: center;
    align-items: flex-start;
  }

  .div-block-8 {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .div-block-9 {
    flex-flow: wrap;
  }

  .div-block-10 {
    order: -1;
    width: 100%;
  }

  .flex-block._2, .flex-block._3 {
    margin-bottom: 0;
  }

  .heading-5._2.b {
    margin-bottom: .3em;
  }

  .text-block-4.extra {
    font-size: 1.3em;
  }

  .text-block-5 {
    font-size: 1.1em;
  }

  .div-block-14 {
    order: 1;
    width: 100%;
  }

  .image-7, .image-7._2 {
    width: 70%;
  }

  .image-7.b {
    width: 100%;
  }

  .div-block-14-copy {
    order: -1;
    width: 100%;
  }

  .divider-title {
    font-size: 3em;
  }

  .div-block-21.animate {
    width: 100%;
  }

  .download-item {
    margin-bottom: .3em;
  }

  .image-9 {
    width: 100%;
  }

  .div-block-23 {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-24 {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .flex._4 {
    text-align: center;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .section-2 {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .container-2 {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .navigation, .div-block-29 {
    width: 100%;
  }

  .text-block-8.extra._2 {
    font-size: 1.3em;
  }
}