:root {
  --para: #56516d;
  --dark-2: #27233a;
  --background: #f9f8f8;
  --white: white;
  --black: black;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.section-1 {
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-image: url('../images/Background.png');
  background-position: 0 0;
  background-size: cover;
  background-attachment: scroll;
  background-clip: border-box;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.section-1.work {
  background-image: url('../images/Work-Bg.png');
}

.container-2 {
  max-width: 1020px;
  margin-left: 75px;
  margin-right: 75px;
  padding-left: 0;
}

.navbar {
  background-color: rgba(221, 221, 221, 0);
  margin-left: 16px;
  margin-right: 15px;
}

.nav-link {
  color: #75708b;
  font-family: Outfit, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.nav-link:hover, .nav-link.am {
  color: #27233a;
  font-weight: 400;
}

.nav-link-2 {
  color: #75708b;
  font-family: Outfit, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.nav-link-2:hover {
  color: #27233a;
  font-weight: 400;
}

.nav-link-2.w {
  color: #27233b;
  font-weight: 400;
}

.nav-link-3 {
  color: #75708b;
  font-family: Outfit, sans-serif;
  font-size: 13px;
  font-weight: 300;
}

.nav-link-3:hover, .nav-link-3.w--current {
  color: #27233a;
  font-weight: 400;
}

.nav-link-4 {
  color: #ef767a;
  padding-left: 60px;
  font-family: Outfit, sans-serif;
  font-size: 13px;
}

.nav-link-4:hover {
  font-weight: 600;
}

.image {
  max-width: 80%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: inline-block;
}

.text-block-9 {
  color: #8c87a4;
  letter-spacing: 2px;
  font-family: Outfit, sans-serif;
  font-weight: 300;
  line-height: 120%;
}

.text-block-9._2 {
  text-align: right;
}

.div-block-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  margin-top: 110px;
  display: flex;
}

.div-block-4.me {
  text-align: center;
  align-self: center;
  align-items: center;
  margin-top: 130px;
}

.image-8 {
  max-width: 3%;
  font-weight: 700;
}

.image-8:hover {
  color: #f63138;
  max-width: 3%;
}

.image-8._2 {
  max-width: 10%;
}

.p1 {
  color: #8c87a4;
  text-align: center;
  font-family: Outfit, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
}

.p1._2 {
  color: #9b7ede;
  letter-spacing: 2px;
  font-size: 14px;
  font-weight: 400;
}

.p1.me {
  color: #56516d;
  max-width: 880px;
  font-weight: 200;
  line-height: 150%;
}

.p1.me._2 {
  color: #56516d;
  text-align: left;
  letter-spacing: 0;
  max-width: 560px;
  padding-bottom: 0;
  font-size: 16px;
  font-weight: 300;
}

.link-2 {
  color: #ef767a;
  text-align: center;
  font-family: Outfit, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.link-2:hover {
  font-weight: 500;
}

.div-block-5 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.div-block-5.am {
  margin-top: 40px;
}

.text-block-10 {
  color: #8c87a4;
  text-align: right;
  letter-spacing: 2px;
  font-family: Outfit, sans-serif;
  font-weight: 300;
}

.h1 {
  color: #27233a;
  text-align: center;
  margin-top: 60px;
  font-family: Outfit, sans-serif;
  font-size: 64px;
  font-weight: 200;
  line-height: 120%;
}

.h1._2 {
  color: #27233a;
  margin-top: 10px;
  font-size: 64px;
}

.div-block-6 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-direction: column;
  display: flex;
}

.div-block-6.me {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: stretch;
  padding-bottom: 60px;
}

.container4 {
  max-width: 1440px;
  margin-left: 90px;
  margin-right: 90px;
}

.section-3 {
  background-image: url('../images/Background.png');
  background-position: 0 0;
  background-size: cover;
}

.section-3.me {
  background-image: url('../images/Bg-2.png');
  background-position: 0 0;
  background-size: cover;
  background-attachment: scroll;
}

.section-3.me._1 {
  background-image: none;
}

.div-block-7 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  margin-top: 0;
  display: flex;
}

.div-block-7.home {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}

.div-block-7.am {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  margin-top: 10px;
  padding-top: 10px;
}

.div-block-8 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-span-4 {
  color: #27233a;
  font-weight: 400;
}

.text-block-11 {
  text-align: center;
  margin-top: 20px;
  font-family: Outfit, sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 150%;
}

.div-block-9._2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.block-quote-2 {
  color: #56516d;
  text-align: center;
  border: 1px #000;
  width: 640px;
  margin-top: 120px;
  font-family: Outfit, sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 150%;
}

.div-block-10 {
  margin: 60px 140px;
}

.div-block-10.projects {
  margin: 100px 0;
}

.div-block-10.projects.w {
  padding-bottom: 40px;
}

.grid-2 {
  grid-column-gap: 120px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
}

.grid-2._3 {
  grid-column-gap: 120px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

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

.line._1 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.section-4 {
  background-image: url('../images/Work-Bg.png');
  background-position: 0 0;
  background-size: auto;
  margin-top: 140px;
}

.section-4._5 {
  background-image: none;
  margin-top: 40px;
}

.section-4.work, .section-4.resume, .section-4.w {
  margin-top: 0;
}

.h2 {
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.h2.cs {
  margin-top: 60px;
}

.button-primary {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #ef767a;
  border-radius: 6px;
  padding: 10px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #f16367;
  box-shadow: 0 6px 8px rgba(51, 3, 3, .2);
}

.button-primary:active {
  background-color: #43464d;
}

.div-block-11 {
  text-align: center;
  justify-content: center;
  display: block;
}

.div-block-12 {
  grid-column-gap: 15px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-2 {
  justify-content: center;
  padding-top: 50px;
  display: flex;
}

.section-5 {
  background-color: #27233a;
}

.email-link {
  color: #ef767a;
  letter-spacing: 1px;
  justify-content: center;
  font-family: Outfit, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
  display: flex;
}

.email-link:hover {
  font-weight: 400;
  text-decoration: underline;
}

.text-block-4 {
  color: #b5b2c6;
  font-family: Outfit, sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
}

.text-block-4:hover {
  color: #fff;
}

.text-block-5 {
  color: #b5b2c6;
  font-family: Outfit, sans-serif;
  font-size: 13px;
  text-decoration: none;
}

.text-block-5:hover {
  color: #fff;
  text-decoration: none;
}

.highlight {
  color: #9b7ede;
  text-align: center;
  letter-spacing: 2px;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 20px;
  font-family: Outfit, sans-serif;
  line-height: 120%;
  display: block;
}

.paragraph-2 {
  color: #b5b2c6;
  max-width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 150%;
}

.container-3 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}

.container-3.footer {
  padding-top: 120px;
  padding-bottom: 140px;
}

.container-3.footer._2 {
  padding-top: 100px;
  padding-bottom: 140px;
}

.container-3.footer._22 {
  padding-top: 100px;
  padding-bottom: 120px;
}

.heading-h2 {
  color: #f9f8f8;
  max-width: 60%;
}

.heading-h2.contact {
  text-align: center;
  max-width: 100%;
  font-family: Outfit, sans-serif;
  font-size: 45px;
  font-weight: 100;
  line-height: 150%;
}

.columns-7 {
  grid-column-gap: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 80px;
  padding-left: 260px;
  padding-right: 260px;
  display: flex;
}

.text-block-6 {
  color: #b5b2c6;
  font-family: Outfit, sans-serif;
  font-size: 13px;
  text-decoration: none;
}

.text-block-6:hover {
  color: #fff;
}

.div-block-13 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.image-11 {
  mix-blend-mode: luminosity;
  max-width: 16%;
}

.image-12 {
  mix-blend-mode: luminosity;
}

.image-12:hover {
  color: #fff;
}

.image-13 {
  mix-blend-mode: luminosity;
}

.div-block-14 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.grid-3 {
  grid-row-gap: 8px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  align-items: center;
  justify-items: center;
}

.grid-3._5, .grid-3._2 {
  margin-top: 90px;
}

.text-block-12 {
  color: #56516d;
  text-align: center;
  font-family: Outfit, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 200%;
}

.grid-4._2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
  margin-top: 0;
  padding-bottom: 40px;
}

.grid-4._2:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.grid-4._1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 40px;
}

.grid-4._1:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.grid-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
}

.heading-2 {
  color: #56516d;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Outfit, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 150%;
}

.heading-2:hover {
  color: #2f2d38;
  font-weight: 400;
}

.text-block-13 {
  color: #56516d;
  font-family: Outfit, sans-serif;
  font-size: 14px;
  font-weight: 200;
  line-height: 150%;
}

.text-block-13:hover {
  color: #32303d;
}

.column {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.image-14 {
  max-width: 100%;
}

.columns-9 {
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.columns-9:hover {
  overflow-wrap: normal;
  text-decoration: none;
}

.columns-10 {
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 0;
}

.text-span-5, .text-span-6, .text-span-7, .text-span-8, .text-span-9 {
  color: #27233a;
  font-weight: 400;
}

.grid-6 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: center;
  display: flex;
}

.heading-3.me {
  color: #0d0c1d;
  margin-top: 0;
  font-family: Outfit, sans-serif;
  font-size: 30px;
  font-weight: 500;
}

.div-block-15, .div-block-16 {
  margin-top: 0;
}

.image-15 {
  max-width: 85%;
}

.image-16 {
  flex: none;
  align-self: center;
  max-width: 18%;
}

.image-16.figma {
  align-self: flex-start;
  max-width: 18%;
}

.image-17 {
  max-width: 85%;
}

.image-18 {
  max-width: 70%;
}

.image-18._2 {
  max-width: 90%;
}

.image-18._2:hover {
  mix-blend-mode: normal;
  max-width: 100%;
}

.image-19, .image-20, .image-21, .image-22, .image-23, .image-24 {
  max-width: 70%;
}

.image-25 {
  max-width: 2%;
}

.bg-gradient-blur {
  opacity: .75;
  filter: blur(100px);
  background-image: linear-gradient(#f969fc, #bc01f0 50%, #0c01de);
  width: 50%;
  height: 50%;
  display: none;
  position: absolute;
  top: -10%;
  bottom: auto;
  left: -10%;
  right: auto;
}

.bg-gradient-blur._2 {
  top: -25%;
  left: 15%;
}

.noise {
  opacity: .3;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.line-divider {
  background-color: #fff;
  width: 100%;
  height: .0625rem;
}

.line-divider._2, .line-divider._3, .line-divider._1 {
  opacity: 0;
}

.track-horizontal {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.scroller {
  z-index: 1;
  border: 0 #000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 12.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
}

.main-wrapper {
  border: 0 solid #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.custom-css {
  display: none;
}

.scroll-text {
  color: #56516d;
  letter-spacing: -.02em;
  flex: none;
  margin-right: 5vw;
  font-family: Outfit, sans-serif;
  font-size: 6vw;
  font-weight: 200;
  line-height: 1.37;
}

.container-4 {
  margin-left: 0;
  margin-right: 0;
}

.image-26 {
  max-width: 100%;
}

.column-3 {
  padding-left: 20px;
  padding-right: 20px;
}

.image-27 {
  max-width: 100%;
  max-height: 450px;
}

.column-4 {
  margin-top: 0;
}

.image-31 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.image-33 {
  text-align: center;
  max-width: 70%;
  display: block;
}

.div-block-18 {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 100px;
  display: flex;
}

.section-7 {
  background-image: url('../images/CS-1-Background_1.png');
  background-position: 0 0;
  background-size: auto;
}

.section-7.h {
  background-image: url('../images/HB-Background.png');
  background-size: cover;
}

.section-7.abc {
  background-image: url('../images/CS-1-Background.png');
}

.heading-4 {
  color: #fff;
  text-align: center;
  margin-top: 10px;
  font-family: Outfit, sans-serif;
  font-size: 40px;
  font-weight: 200;
  line-height: 130%;
}

.text-block-14 {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
}

.text-block-15 {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  font-family: Outfit, sans-serif;
  font-size: 16px;
  font-weight: 200;
}

.image-34 {
  max-width: 9%;
}

.image-35 {
  max-width: 18%;
}

.div-block-19 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.div-block-20 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-21 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 70px;
  display: flex;
}

.div-block-21.tt {
  padding-top: 80px;
  padding-bottom: 100px;
}

.heading-5 {
  text-align: center;
  font-family: Outfit, sans-serif;
  font-size: 48px;
  font-weight: 200;
  line-height: 120%;
}

.paragraph-4 {
  color: #56516d;
  text-align: center;
  max-width: 690px;
  padding-top: 20px;
  font-family: Outfit, sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 150%;
}

.div-block-22 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-7 {
  grid-column-gap: 220px;
  grid-row-gap: 220px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  padding-left: 0;
  padding-right: 0;
}

.grid-7.hb {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
}

.heading-6 {
  color: var(--dark-2);
  letter-spacing: 1px;
  font-family: Outfit, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
}

.text-block-16 {
  color: var(--para);
  font-family: Outfit, sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 180%;
}

.div-block-23 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.div-block-23.c {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
}

.image-36 {
  margin-top: 90px;
}

.body-3 {
  background-color: #f9f8f8;
}

.section-8 {
  background-color: #fff;
  margin-top: 100px;
  margin-bottom: 0;
}

.div-block-24 {
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  display: flex;
}

.section-9 {
  padding-top: 40px;
}

.image-37 {
  margin-bottom: 100px;
}

.div-block-25 {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.div-block-25.h {
  align-items: center;
}

.div-block-25.i {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
}

.div-block-25.ia {
  justify-content: center;
  align-items: center;
  max-width: 100%;
}

.div-block-25.uf {
  align-items: center;
}

.heading-7 {
  color: #27233a;
  letter-spacing: 1px;
  padding-top: 20px;
  font-family: Outfit, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
}

.heading-7._2 {
  color: #9b7ede;
}

.paragraph-5 {
  color: #56516d;
  font-family: Outfit, sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 150%;
}

.paragraph-5.q {
  font-weight: 300;
  line-height: 200%;
}

.list-item {
  color: #56516d;
  font-family: Outfit, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 200%;
}

.div-block-26 {
  margin-top: 20px;
}

.image-38 {
  max-width: 80%;
}

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

.text-block-17 {
  color: #291f3f;
  font-family: Outfit, sans-serif;
  font-size: 16px;
}

.image-39 {
  max-width: 50%;
}

.div-block-27 {
  padding-top: 40px;
}

.image-40 {
  max-width: 90%;
  padding-top: 40px;
}

.image-40.ut {
  max-width: 70%;
}

.image-40.uf {
  max-width: 75%;
}

.list-item-2 {
  color: #0d0c1d;
  font-family: Outfit, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 200%;
}

.list, .list-2, .list-3, .list-4 {
  padding-top: 20px;
}

.image-41 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section-10 {
  background-color: #fff;
  padding-bottom: 100px;
}

.section-10.w {
  padding-top: 100px;
}

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

.section-11 {
  background-color: #27233a;
}

.image-42 {
  max-width: 10%;
}

.heading-8 {
  color: #9b7ede;
  text-align: center;
  font-family: Outfit, sans-serif;
  font-size: 48px;
  font-weight: 200;
}

.paragraph-6 {
  color: #8c87a4;
  text-align: center;
  font-family: Outfit, sans-serif;
  font-size: 20px;
  font-weight: 200;
}

.div-block-28 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.div-block-29 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.section-12 {
  margin-bottom: 100px;
}

.div-block-30 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.ia {
  max-width: 70%;
  padding-top: 40px;
}

.ia.r {
  max-width: 100%;
}

.typo {
  max-width: 100%;
  margin-top: 60px;
}

.color {
  margin-top: 60px;
}

.container-5 {
  max-width: 940px;
}

.image-43 {
  mix-blend-mode: lighten;
  max-width: 15%;
  position: static;
}

.div-block-31 {
  margin-top: 60px;
  padding-top: 0;
}

.container-7 {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.link-block {
  color: #9e9e9e;
  text-decoration: none;
}

.link-block-2 {
  text-decoration: none;
}

.link-block-2:hover {
  color: #fff;
}

.link-block-3, .link-block-4 {
  text-decoration: none;
}

.link-block-4:hover {
  color: #fff;
}

.hb:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.link-block-5, .link-block-6, .link-block-7 {
  justify-content: center;
  display: flex;
}

.columns-14 {
  margin-top: 40px;
}

.image-44 {
  max-width: 100%;
  margin: 0;
  padding: 10px;
  display: block;
}

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

.grid-overview {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
}

.link-block-8 {
  flex-flow: column;
  flex: none;
  order: 0;
  align-content: center;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.arrow {
  max-width: 4%;
}

.arrow.m {
  max-width: 3%;
}

.link-block-9 {
  text-decoration: none;
}

.list-item-3, .list-item-4, .list-item-5 {
  color: #56516e;
  font-family: Outfit, sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 180%;
}

.bold-text {
  font-weight: 300;
}

@media screen and (min-width: 1440px) {
  .brand {
    background-image: url('../images/Sumee.svg');
    background-position: 0%;
    background-repeat: repeat-x;
    background-size: contain;
    background-attachment: scroll;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
    margin-left: 70px;
    margin-right: 70px;
    display: flex;
  }

  .logo-brand {
    background-image: url('../images/Sumee.svg');
    background-position: 10%;
    background-repeat: no-repeat;
    background-size: 70px;
    background-attachment: scroll;
  }

  .section-1 {
    z-index: 99;
    background-image: url('../images/Background.png');
    background-position: 0 0;
    background-size: cover;
  }

  .section-1.work {
    background-image: url('../images/Background.png');
    background-position: 0 0;
    background-size: auto;
  }

  .container-2 {
    max-width: 1300px;
    margin-left: 75px;
    margin-right: 75px;
    padding-left: 0;
  }

  .navbar {
    background-color: rgba(221, 221, 221, 0);
    padding-top: 10px;
    padding-bottom: 5px;
  }

  .nav-link, .nav-link-2, .nav-link-3 {
    color: #75708b;
    padding-left: 24px;
    padding-right: 24px;
    font-family: Outfit, sans-serif;
    font-size: 16px;
    font-weight: 300;
  }

  .nav-link-4 {
    color: #ef767a;
    padding-left: 100px;
    font-family: Outfit, sans-serif;
    font-size: 16px;
  }

  .image {
    max-width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .heading {
    color: #27233a;
    text-align: center;
    padding-top: 140px;
    font-family: Outfit, sans-serif;
    font-size: 80px;
    font-weight: 200;
    line-height: 150%;
  }

  .paragraph {
    color: #8c87a4;
    text-align: center;
    font-family: Outfit, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 310%;
  }

  .button {
    text-align: center;
  }

  .link {
    color: #ef767a;
    text-align: right;
    font-family: Outfit, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 130%;
    text-decoration: none;
    display: block;
  }

  .grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-areas: ". Area";
    text-decoration: none;
  }

  .image-2 {
    max-width: 100%;
  }

  .div-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block.btn {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .section-2 {
    margin-top: 100px;
  }

  .columns-2 {
    margin-top: 50px;
  }

  .text-block-9 {
    color: #8c87a4;
    text-align: left;
    letter-spacing: 2px;
    font-family: Outfit, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 120%;
  }

  .text-block-8 {
    color: #8c87a4;
    text-align: right;
    letter-spacing: 2px;
    font-family: Outfit, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 120%;
  }

  .div-block-4 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    margin-top: 160px;
    display: flex;
  }

  .div-block-4.me {
    margin-top: 160px;
  }

  .image-8 {
    max-width: 3%;
  }

  .image-8._2 {
    max-width: 10%;
  }

  .p1 {
    font-size: 24px;
    font-weight: 400;
  }

  .p1._2 {
    color: #9b7ede;
    letter-spacing: 2px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
  }

  .p1.me {
    color: #56516d;
    max-width: 1040px;
    font-weight: 200;
    line-height: 160%;
  }

  .p1.me._2 {
    text-align: left;
    letter-spacing: 0;
    max-width: 550px;
    font-size: 20px;
    line-height: 150%;
  }

  .link-2 {
    color: #ef767a;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Outfit, sans-serif;
    font-size: 24px;
    font-weight: 400;
    text-decoration: none;
  }

  .div-block-5 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    text-align: center;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    display: flex;
  }

  .text-block-10 {
    color: #8c87a4;
    text-align: right;
    letter-spacing: 2px;
    font-family: Outfit, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 120%;
  }

  .h1 {
    text-align: center;
    font-family: Outfit, sans-serif;
    font-size: 80px;
    font-weight: 200;
    line-height: 120%;
  }

  .h1._2 {
    font-size: 80px;
  }

  .div-block-6 {
    grid-column-gap: 55px;
    grid-row-gap: 55px;
    flex-direction: column;
    display: flex;
  }

  .div-block-6.me {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .container4 {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 135px;
    padding-right: 135px;
    display: flex;
  }

  .section-3 {
    background-image: url('../images/Background.png');
    background-position: 0 0;
    background-size: cover;
  }

  .section-3.me {
    background-image: url('../images/Bg-2.png');
    padding-bottom: 40px;
  }

  .div-block-7 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 0;
    display: flex;
  }

  .div-block-8 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .text-span-4 {
    color: #27233a;
    font-weight: 400;
  }

  .text-block-11 {
    margin-top: 20px;
    font-family: Outfit, sans-serif;
    font-size: 20px;
    font-weight: 200;
    line-height: 150%;
  }

  .div-block-9 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    text-align: center;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    display: flex;
  }

  .div-block-9._2 {
    margin-top: 70px;
  }

  .block-quote-2 {
    direction: ltr;
    color: #56516d;
    text-align: center;
    letter-spacing: 1px;
    border: 1px #000;
    width: 830px;
    margin-top: 140px;
    font-family: Outfit, sans-serif;
    font-size: 30px;
    font-weight: 200;
    line-height: 150%;
  }

  .image-10 {
    margin-top: 200px;
  }

  .div-block-10 {
    margin: 60px 140px;
  }

  .div-block-10.projects {
    margin: 10px 0 40px;
  }

  .grid-2 {
    grid-column-gap: 120px;
    grid-row-gap: 0px;
    grid-template: "Area"
                   "."
                   "."
                   / 1fr 1fr;
    padding-top: 100px;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-2._3 {
    grid-column-gap: 120px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    padding-top: 0;
  }

  .line, .line._1 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-4 {
    background-image: url('../images/Work-Bg.png');
    background-position: 0 0;
    background-size: cover;
    margin-top: 140px;
  }

  .section-4._5 {
    background-image: none;
    margin-top: 0;
  }

  .section-4.work {
    background-image: url('../images/Work-Bg.png');
    background-position: 50%;
    background-size: cover;
    margin-top: 0;
  }

  .section-4.aboutme {
    background-image: none;
    margin-top: 0;
  }

  .h2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    margin-top: 20px;
    display: flex;
  }

  .h2._2 {
    margin-top: 150px;
  }

  .image-9 {
    max-width: 104%;
  }

  .image-9._2 {
    margin-top: 200px;
  }

  .div-block-12 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .email-link {
    color: #ef767a;
    letter-spacing: 1px;
    text-indent: 0;
    font-family: Outfit, sans-serif;
    font-size: 40px;
    font-weight: 300;
    line-height: 150%;
    text-decoration: none;
  }

  .text-block-4, .text-block-5 {
    font-family: Outfit, sans-serif;
    font-size: 20px;
  }

  .highlight {
    text-align: center;
    margin-top: 40px;
    font-family: Outfit, sans-serif;
    font-size: 16px;
  }

  .container-3.footer {
    letter-spacing: 0;
    padding-top: 120px;
    padding-bottom: 140px;
  }

  .heading-h2.contact {
    margin-top: 10px;
    font-family: Outfit, sans-serif;
    font-size: 55px;
    font-weight: 100;
    line-height: 150%;
  }

  .columns-7 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .text-block-6 {
    font-family: Outfit, sans-serif;
    font-size: 20px;
  }

  .div-block-13 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    display: flex;
  }

  .image-11 {
    opacity: 1;
    mix-blend-mode: luminosity;
    max-width: 16%;
  }

  .image-12 {
    mix-blend-mode: luminosity;
  }

  .image-13 {
    mix-blend-mode: luminosity;
    max-width: 100%;
  }

  .div-block-14 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 20px;
    display: flex;
  }

  .grid-3 {
    grid-column-gap: 16px;
    grid-row-gap: 8px;
    grid-template: "Area"
                   "Area-2"
                   "Area-3"
                   / 1fr;
  }

  .grid-3._5, .grid-3._2 {
    margin-top: 90px;
  }

  .text-block-12 {
    color: #56516d;
    font-family: Outfit, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 200%;
  }

  .grid-4 {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    grid-template-areas: "Area";
  }

  .grid-4._2 {
    margin-top: 140px;
  }

  .grid-4._1 {
    margin-bottom: 140px;
  }

  .grid-5 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .heading-2 {
    color: #56516d;
    text-align: left;
    margin-bottom: 10px;
    font-family: Outfit, sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 140%;
  }

  .text-block-13 {
    color: #56516d;
    text-align: left;
    font-family: Outfit, sans-serif;
    font-size: 20px;
    font-weight: 200;
    line-height: 150%;
  }

  .column {
    margin-top: 0;
    margin-bottom: 0;
  }

  .image-14 {
    max-width: 103%;
    display: block;
  }

  .columns-8 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .columns-9 {
    padding-left: 25px;
    padding-right: 20px;
  }

  .columns-10, .columns-11, .columns-12, .columns-13 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-span-5, .text-span-6, .text-span-7, .text-span-8, .text-span-9 {
    color: #27233a;
    font-weight: 400;
  }

  .grid-6 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: center;
    align-items: center;
    justify-items: center;
    display: flex;
  }

  .heading-3 {
    text-align: left;
  }

  .heading-3.me {
    color: #0d0c1d;
    font-family: Outfit, sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 150%;
  }

  .paragraph-3 {
    text-align: left;
  }

  .div-block-15 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    margin-top: 20px;
    display: flex;
  }

  .section-6 {
    margin-top: 140px;
    margin-bottom: 140px;
  }

  .body-2 {
    background-color: #f9f8f8;
  }

  .image-15 {
    max-width: 100%;
  }

  .image-16 {
    max-width: 22%;
  }

  .image-16.figma {
    max-width: 20%;
  }

  .image-17 {
    max-width: 100%;
  }

  .image-18._2 {
    max-width: 90%;
  }

  .image-19, .image-20, .image-21, .image-22, .image-23, .image-24 {
    max-width: 70%;
  }

  .image-25 {
    max-width: 1%;
  }

  .image-27 {
    max-height: 100%;
  }

  .column-4 {
    margin-top: 0;
  }

  .image-31 {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .heading-4 {
    font-size: 50px;
  }

  .text-block-14 {
    font-size: 20px;
    font-weight: 700;
  }

  .text-block-15 {
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 150%;
  }

  .image-34, .image-35 {
    max-width: 12%;
  }

  .div-block-19 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .div-block-20 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .div-block-21 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .heading-5 {
    font-size: 64px;
  }

  .paragraph-4 {
    max-width: 770px;
    font-size: 20px;
    font-weight: 200;
  }

  .heading-6 {
    font-size: 24px;
  }

  .text-block-16 {
    font-size: 20px;
    font-weight: 200;
  }

  .body-3 {
    background-color: var(--background);
  }

  .heading-7 {
    font-size: 24px;
  }

  .paragraph-5, .list-item {
    font-size: 20px;
  }

  .text-block-17 {
    font-size: 20px;
    font-weight: 500;
  }

  .list-item-2 {
    color: #6a688d;
    font-size: 20px;
  }

  .container-5.wi {
    max-width: 1300px;
  }

  .arrow {
    max-width: 3%;
  }

  .list-item-3, .list-item-4, .list-item-5 {
    font-size: 20px;
  }
}

@media screen and (max-width: 991px) {
  .container-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link {
    text-align: center;
    background-color: #fff;
    border: 0 solid #000;
    border-radius: 0;
  }

  .nav-link-2, .nav-link-3, .nav-link-4.m {
    text-align: center;
    background-color: #fff;
  }

  .image {
    max-width: 80%;
  }

  .columns-2 {
    grid-column-gap: 180px;
    grid-row-gap: 180px;
    text-align: center;
    flex-direction: row;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .text-block-9 {
    text-align: left;
  }

  .text-block-9._2 {
    text-align: right;
  }

  .div-block-4 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    margin-top: 60px;
    padding-top: 40px;
    display: flex;
  }

  .div-block-4.me {
    margin-top: 60px;
  }

  .image-8 {
    max-width: 5%;
  }

  .p1 {
    font-size: 16px;
    font-weight: 400;
  }

  .p1._2 {
    margin-bottom: 0;
  }

  .p1.me {
    max-width: 580px;
  }

  .p1.me._2 {
    max-width: 350px;
    font-size: 13px;
    font-weight: 300;
  }

  .link-2 {
    color: #ef767a;
    font-family: Outfit, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
  }

  .div-block-5 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex: none;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    display: flex;
  }

  .text-block-10 {
    color: #8c87a4;
    text-align: right;
    font-family: Outfit, sans-serif;
    font-weight: 300;
  }

  .h1, .h1._2 {
    margin-top: 20px;
    font-size: 48px;
  }

  .div-block-6 {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .container4 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-7 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    margin-top: 30px;
    display: flex;
  }

  .div-block-7.am {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 10px;
  }

  .div-block-8 {
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .text-span-4 {
    color: #27233a;
    font-weight: 400;
  }

  .text-block-11 {
    padding-top: 20px;
    font-family: Outfit, sans-serif;
    font-size: 14px;
    font-weight: 200;
  }

  .div-block-9._2 {
    margin-top: 40px;
  }

  .block-quote-2 {
    color: #56516d;
    text-align: center;
    border-left-width: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 550px;
    margin-top: 100px;
    font-family: Outfit, sans-serif;
    font-size: 20px;
    font-weight: 200;
    line-height: 150%;
    display: block;
  }

  .div-block-10 {
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-10.projects {
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .grid-2 {
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto;
    grid-template-areas: "Area"
                         "."
                         ".";
  }

  .grid-2._3 {
    grid-column-gap: 60px;
    grid-row-gap: 0px;
  }

  .line {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-4 {
    background-image: url('../images/Work-Bg.png');
    background-position: 0 0;
    background-size: auto;
    margin-top: 100px;
  }

  .h2 {
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 20px;
    display: block;
  }

  .div-block-12 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
  }

  .email-link {
    font-size: 24px;
  }

  .text-block-4, .text-block-5 {
    font-size: 12px;
  }

  .paragraph-2 {
    padding-top: 0;
    font-size: 13px;
  }

  .container-3 {
    max-width: 728px;
  }

  .heading-h2 {
    font-size: 24px;
    line-height: 150%;
  }

  .heading-h2.contact {
    max-width: 100%;
    font-size: 32px;
  }

  .columns-7 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 200px;
    padding-right: 200px;
  }

  .text-block-6 {
    font-size: 12px;
  }

  .div-block-13 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .text-block-12 {
    font-size: 14px;
  }

  .grid-4._2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    margin-top: 140px;
  }

  .grid-4._1 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    margin-bottom: 140px;
  }

  .grid-5 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .heading-2 {
    color: #56516d;
    font-family: Outfit, sans-serif;
    font-size: 27px;
    font-weight: 400;
    line-height: 140%;
  }

  .text-block-13 {
    color: #56516d;
    font-family: Outfit, sans-serif;
    font-size: 13px;
    font-weight: 200;
    line-height: 140%;
  }

  .column {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .image-14 {
    max-width: 103%;
  }

  .grid-6 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
  }

  .heading-3.me {
    font-size: 24px;
  }

  .div-block-15 {
    margin-top: 0;
  }

  .div-block-16 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    color: #8c87a4;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    align-items: stretch;
    font-family: Outfit, sans-serif;
    font-weight: 300;
    display: block;
  }

  .column-2 {
    text-align: left;
    padding-left: 0;
  }

  .image-15 {
    max-width: 70%;
  }

  .image-16 {
    max-width: 16%;
  }

  .image-16.figma {
    max-width: 14%;
  }

  .image-17 {
    max-width: 70%;
  }

  .image-18._2 {
    max-width: 100%;
  }

  .image-18._2._3 {
    max-width: 760%;
  }

  .image-19, .image-20, .image-21, .image-22, .image-23, .image-24 {
    max-width: 80%;
  }

  .image-25 {
    max-width: 3%;
  }

  .scroller {
    height: 8rem;
  }

  .page-wrapper {
    margin-top: 0;
    margin-bottom: 0;
  }

  .image-26 {
    max-width: 30%;
    max-height: 20px;
  }

  .image-27 {
    max-width: 100%;
    max-height: 260px;
  }

  .column-4 {
    margin-top: 0;
  }

  .image-28, .image-29, .image-30 {
    max-width: 30%;
    max-height: 20px;
  }

  .div-block-18 {
    margin-top: 40px;
  }

  .heading-5 {
    font-size: 40px;
  }

  .heading-7 {
    font-size: 16px;
  }

  .text-block-17 {
    font-size: 14px;
  }

  .list-item-2 {
    font-size: 14px;
    line-height: 150%;
  }

  .column-6 {
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 0;
  }

  .arrow, .arrow.m {
    max-width: 5%;
  }

  .arrow._1 {
    max-width: 12%;
  }

  .menu-button.w--open {
    background-color: #fff;
  }

  .menu {
    color: #27233a;
  }
}

@media screen and (max-width: 767px) {
  .columns-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .container4 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .container4.lanscape, .container4._1 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .grid-2 {
    grid-template-rows: auto;
  }

  .grid-2._3 {
    grid-column-gap: 20px;
  }

  .grid-4._2 {
    margin-top: 0;
  }

  .grid-4._1 {
    margin-bottom: 0;
  }

  .grid-5 {
    min-width: 170px;
  }

  .heading-2 {
    font-size: 24px;
  }

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

  .columns-10._2 {
    justify-content: flex-start;
    display: block;
  }

  .image-18._2 {
    max-width: 140%;
  }

  .image-42 {
    font-size: 60px;
    line-height: 40px;
  }

  .heading-8 {
    line-height: 60px;
  }

  .container-5._2 {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media screen and (max-width: 479px) {
  .section-1 {
    background-position: 50%;
  }

  .container-2 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .nav-link {
    color: var(--para);
    text-align: center;
    background-color: #fff;
  }

  .nav-link-2, .nav-link-3 {
    color: #56516d;
    text-align: center;
    background-color: #fff;
  }

  .nav-link-4 {
    text-align: center;
  }

  .nav-link-4.m {
    color: #ef767a;
    background-color: #fff;
    padding-left: 0;
  }

  .columns-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .text-block-9 {
    max-width: 140px;
    font-size: 12px;
  }

  .div-block-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 0;
    padding-top: 80px;
  }

  .div-block-4.me {
    padding-top: 20px;
  }

  .p1._2 {
    letter-spacing: 1px;
    font-size: 12px;
  }

  .p1.me {
    max-width: 300px;
    padding-bottom: 40px;
    font-size: 16px;
    line-height: 170%;
  }

  .p1.me._2 {
    text-align: center;
    font-weight: 300;
  }

  .div-block-5 {
    margin-bottom: 0;
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .text-block-10 {
    text-align: right;
    max-width: 100px;
    font-size: 12px;
  }

  .h1 {
    margin-top: 20px;
    font-size: 32px;
    line-height: 150%;
  }

  .h1._2 {
    margin-top: 10px;
    font-size: 32px;
  }

  .div-block-6 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .div-block-6.me {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .container4 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .container4._2 {
    margin-left: 0;
    margin-right: 0;
  }

  .section-3 {
    background-image: url('../images/Background.png');
    background-position: 50%;
    background-size: cover;
    background-attachment: scroll;
  }

  .section-3.me {
    background-attachment: scroll;
  }

  .div-block-7.home {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    order: 0;
    align-self: auto;
  }

  .div-block-7.am {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .block-quote-2 {
    width: 290px;
    margin-top: 60px;
    font-size: 16px;
  }

  .div-block-10 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    margin-bottom: 60px;
    display: block;
  }

  .div-block-10.projects {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .div-block-10.projects.w {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .grid-2 {
    grid-template-columns: 1fr;
  }

  .grid-2._3 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  .line, .line._1 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section-4 {
    background-position: 50%;
    background-size: cover;
  }

  .section-4._5 {
    margin-top: 30px;
  }

  .h2 {
    margin-top: 60px;
  }

  .h2.cs {
    margin-top: 0;
  }

  .div-block-12 {
    grid-column-gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .email-link {
    font-size: 16px;
  }

  .highlight {
    font-size: 12px;
  }

  .paragraph-2 {
    max-width: 100%;
    font-size: 12px;
  }

  .container-3 {
    max-width: none;
  }

  .container-3.footer {
    padding: 100px 15px;
  }

  .heading-h2 {
    max-width: 100%;
  }

  .heading-h2.contact {
    max-width: 100%;
    font-size: 24px;
    line-height: 140%;
  }

  .columns-7 {
    flex-wrap: wrap;
    padding-left: 100px;
    padding-right: 100px;
  }

  .div-block-14, .grid-3._5, .grid-3._2 {
    margin-top: 0;
  }

  .text-block-12 {
    font-size: 16px;
    font-weight: 300;
  }

  .grid-4._2 {
    margin-top: 0;
    padding-bottom: 0;
  }

  .grid-4._1 {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .heading-2 {
    font-size: 24px;
  }

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

  .columns-9 {
    flex-flow: column wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-6 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-wrap: nowrap;
  }

  .heading-3.me {
    text-align: center;
    padding-top: 20px;
  }

  .div-block-16 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: stretch;
    margin-top: 20px;
    padding-top: 0;
    display: flex;
  }

  .column-2 {
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .image-16.figma {
    align-self: flex-start;
    max-width: 14%;
  }

  .image-18._2 {
    max-width: 15%;
  }

  .image-18._2:hover {
    max-width: 16%;
  }

  .image-19, .image-20, .image-21, .image-22, .image-23, .image-24 {
    max-width: 50%;
  }

  .image-25 {
    max-width: 1%;
  }

  .scroller {
    height: 5rem;
  }

  .main-wrapper {
    height: 50vh;
  }

  .image-26 {
    max-height: 20px;
  }

  .column-3 {
    text-align: center;
  }

  .image-27 {
    max-width: 100%;
    max-height: 250px;
  }

  .image-28 {
    max-width: 100%;
    max-height: 20px;
  }

  .image-29, .image-30 {
    max-height: 20px;
  }

  .image-32 {
    max-width: 10%;
  }

  .heading-4 {
    font-size: 24px;
  }

  .text-block-14, .text-block-15 {
    font-size: 14px;
  }

  .heading-5 {
    font-size: 32px;
  }

  .paragraph-4 {
    font-size: 14px;
  }

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

  .heading-6 {
    font-size: 16px;
  }

  .text-block-16 {
    font-size: 14px;
  }

  .div-block-23.c {
    align-items: flex-start;
  }

  .image-36 {
    max-width: 100%;
    margin-top: 60px;
  }

  .section-8 {
    margin-top: 60px;
  }

  .div-block-24 {
    padding-top: 40px;
  }

  .image-37 {
    margin-bottom: 40px;
  }

  .div-block-25.h {
    padding-top: 20px;
  }

  .heading-7 {
    margin-top: 0;
    font-size: 14px;
  }

  .paragraph-5 {
    font-size: 14px;
  }

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

  .image-40, .image-40.ut, .image-40.uf {
    max-width: 100%;
  }

  .image-41 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .image-42 {
    max-width: 20%;
  }

  .heading-8 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
  }

  .paragraph-6 {
    font-size: 14px;
  }

  .div-block-28 {
    margin-top: 100px;
    padding-bottom: 100px;
  }

  .div-block-29 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .ia {
    max-width: 100%;
    padding-top: 20px;
  }

  .container-5 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .container-6 {
    margin-left: 15px;
  }

  .div-block-32 {
    margin-top: 30px;
  }

  .grid-overview {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .link-block-8 {
    align-items: center;
  }

  .column-5 {
    flex: none;
  }

  .column-6 {
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .arrow.m {
    max-width: 9%;
  }

  .list-item-3, .list-item-4, .list-item-5 {
    font-size: 12px;
  }

  .menu-button {
    background-color: rgba(255, 255, 255, 0);
  }

  .menu-button.w--open {
    background-color: #fff;
  }
}

#w-node-_90ddba9c-18fb-b9dd-0379-c82889a77ac9-c005f9aa, #w-node-_746f6346-c623-d7ed-6fb8-34301374f093-c005f9aa, #w-node-a0c742b7-c57d-9568-6469-1e0718408e65-c005f9aa, #w-node-e35eee23-e62b-6ca3-187b-f5b858fbbe75-c005f9aa, #w-node-c54787aa-70b8-61e1-62f8-1dd43c91b81d-c005f9aa, #w-node-_3e3cf6d2-9196-6631-baf9-9c91d40365de-c005f9aa, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfb6-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfc6-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfd6-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfe6-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcff6-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bd006-31890973 {
  align-self: auto;
  justify-self: auto;
}

#w-node-_3ff64ad0-1b03-a709-46ad-44ada25e8170-cf8312ab, #w-node-_3ff64ad0-1b03-a709-46ad-44ada25e8171-cf8312ab, #w-node-_3ff64ad0-1b03-a709-46ad-44ada25e817a-cf8312ab, #w-node-_3ff64ad0-1b03-a709-46ad-44ada25e817b-cf8312ab, #w-node-a7e51868-8a4f-d08e-c100-48a25108062a-cf8312ab, #w-node-_094c9924-9819-e2f0-c252-6d2df8f737d4-cf8312ab, #w-node-_219a35ff-1459-52df-cad6-9c808004f37e-cf8312ab, #w-node-_219a35ff-1459-52df-cad6-9c808004f37f-cf8312ab, #w-node-_9c1c3072-ef83-d172-6b9a-7a3c9e9e7921-cf8312ab, #w-node-_9c1c3072-ef83-d172-6b9a-7a3c9e9e7922-cf8312ab, #w-node-_67beb403-f510-3858-52cb-396f9dfeb087-cf8312ab, #w-node-_67beb403-f510-3858-52cb-396f9dfeb088-cf8312ab, #w-node-a17e6b6b-313d-312c-dbe2-34c5ad562396-cf8312ab, #w-node-a17e6b6b-313d-312c-dbe2-34c5ad562397-cf8312ab, #w-node-b99b27df-e93c-8eb2-a602-ac2a43cb0a40-cf8312ab, #w-node-b99b27df-e93c-8eb2-a602-ac2a43cb0a41-cf8312ab, #w-node-e37e93a8-78c7-9969-192e-710f4011acca-cf8312ab, #w-node-e37e93a8-78c7-9969-192e-710f4011accb-cf8312ab, #w-node-_208af10f-2c8f-3ddc-13cc-a4fa15c553fa-cf8312ab, #w-node-_208af10f-2c8f-3ddc-13cc-a4fa15c553fb-cf8312ab {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_74266598-17b1-c6b8-aef2-36aea85769c3-cf8312ab, #w-node-_74266598-17b1-c6b8-aef2-36aea85769d3-cf8312ab {
  align-self: auto;
  justify-self: auto;
}

#w-node-c578eb38-3e48-1c79-9bf5-2094bd72e570-ee7aa056, #w-node-a63fde7e-ac90-0f6f-6b41-7d52a1fb1085-ee7aa056, #w-node-_88d0053e-feb2-864a-3272-3ba8eaca6401-ee7aa056, #w-node-_88d0053e-feb2-864a-3272-3ba8eaca6402-ee7aa056, #w-node-a7e51868-8a4f-d08e-c100-48a25108062a-ee7aa056, #w-node-_094c9924-9819-e2f0-c252-6d2df8f737d4-ee7aa056, #w-node-_219a35ff-1459-52df-cad6-9c808004f37e-ee7aa056, #w-node-_219a35ff-1459-52df-cad6-9c808004f37f-ee7aa056, #w-node-_9c1c3072-ef83-d172-6b9a-7a3c9e9e7921-ee7aa056, #w-node-_9c1c3072-ef83-d172-6b9a-7a3c9e9e7922-ee7aa056, #w-node-_67beb403-f510-3858-52cb-396f9dfeb087-ee7aa056, #w-node-_67beb403-f510-3858-52cb-396f9dfeb088-ee7aa056, #w-node-a17e6b6b-313d-312c-dbe2-34c5ad562396-ee7aa056, #w-node-a17e6b6b-313d-312c-dbe2-34c5ad562397-ee7aa056, #w-node-b99b27df-e93c-8eb2-a602-ac2a43cb0a40-ee7aa056, #w-node-b99b27df-e93c-8eb2-a602-ac2a43cb0a41-ee7aa056, #w-node-e37e93a8-78c7-9969-192e-710f4011acca-ee7aa056, #w-node-e37e93a8-78c7-9969-192e-710f4011accb-ee7aa056, #w-node-_208af10f-2c8f-3ddc-13cc-a4fa15c553fa-ee7aa056, #w-node-_208af10f-2c8f-3ddc-13cc-a4fa15c553fb-ee7aa056 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8698f09e-5fd2-8dc7-7e1c-4f52778e2041-ee7aa056, #w-node-_8698f09e-5fd2-8dc7-7e1c-4f52778e2051-ee7aa056 {
  align-self: auto;
  justify-self: auto;
}

#w-node-_5931cf7e-e682-c398-5205-5b1bf4e8bfa8-a3109b1e, #w-node-_5931cf7e-e682-c398-5205-5b1bf4e8bfa9-a3109b1e, #w-node-_5931cf7e-e682-c398-5205-5b1bf4e8bfb2-a3109b1e, #w-node-_5931cf7e-e682-c398-5205-5b1bf4e8bfb3-a3109b1e, #w-node-a7e51868-8a4f-d08e-c100-48a25108062a-a3109b1e, #w-node-_094c9924-9819-e2f0-c252-6d2df8f737d4-a3109b1e, #w-node-_219a35ff-1459-52df-cad6-9c808004f37e-a3109b1e, #w-node-_219a35ff-1459-52df-cad6-9c808004f37f-a3109b1e, #w-node-_9c1c3072-ef83-d172-6b9a-7a3c9e9e7921-a3109b1e, #w-node-_9c1c3072-ef83-d172-6b9a-7a3c9e9e7922-a3109b1e, #w-node-_67beb403-f510-3858-52cb-396f9dfeb087-a3109b1e, #w-node-_67beb403-f510-3858-52cb-396f9dfeb088-a3109b1e, #w-node-a17e6b6b-313d-312c-dbe2-34c5ad562396-a3109b1e, #w-node-a17e6b6b-313d-312c-dbe2-34c5ad562397-a3109b1e, #w-node-b99b27df-e93c-8eb2-a602-ac2a43cb0a40-a3109b1e, #w-node-b99b27df-e93c-8eb2-a602-ac2a43cb0a41-a3109b1e, #w-node-e37e93a8-78c7-9969-192e-710f4011acca-a3109b1e, #w-node-e37e93a8-78c7-9969-192e-710f4011accb-a3109b1e, #w-node-_208af10f-2c8f-3ddc-13cc-a4fa15c553fa-a3109b1e, #w-node-_208af10f-2c8f-3ddc-13cc-a4fa15c553fb-a3109b1e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_46bfd9f9-2e34-0481-05c1-6829e0dfca7b-a3109b1e, #w-node-_46bfd9f9-2e34-0481-05c1-6829e0dfca8b-a3109b1e {
  align-self: auto;
  justify-self: auto;
}

@media screen and (min-width: 1440px) {
  #w-node-ba007816-ef67-203d-8957-7a3564cfd6b9-c005f9aa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_90ddba9c-18fb-b9dd-0379-c82889a77ac9-c005f9aa {
    grid-area: Area;
  }

  #w-node-d7d4a5a8-1a97-a973-6071-154a1e4e45ef-c005f9aa, #w-node-_7982dfd4-05c9-dcee-a1e8-f64b85ac13d3-c005f9aa, #w-node-_47ca6bad-b2bb-f89a-6e45-b6a3f8564ab2-c005f9aa, #w-node-_746f6346-c623-d7ed-6fb8-34301374f091-c005f9aa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_746f6346-c623-d7ed-6fb8-34301374f093-c005f9aa {
    grid-area: Area;
  }

  #w-node-_746f6346-c623-d7ed-6fb8-34301374f096-c005f9aa, #w-node-_746f6346-c623-d7ed-6fb8-34301374f09b-c005f9aa, #w-node-_746f6346-c623-d7ed-6fb8-34301374f09d-c005f9aa, #w-node-a0c742b7-c57d-9568-6469-1e0718408e63-c005f9aa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a0c742b7-c57d-9568-6469-1e0718408e65-c005f9aa {
    grid-area: Area;
  }

  #w-node-a0c742b7-c57d-9568-6469-1e0718408e68-c005f9aa, #w-node-a0c742b7-c57d-9568-6469-1e0718408e6d-c005f9aa, #w-node-a0c742b7-c57d-9568-6469-1e0718408e6f-c005f9aa, #w-node-e35eee23-e62b-6ca3-187b-f5b858fbbe73-c005f9aa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e35eee23-e62b-6ca3-187b-f5b858fbbe75-c005f9aa {
    grid-area: Area;
  }

  #w-node-e35eee23-e62b-6ca3-187b-f5b858fbbe78-c005f9aa, #w-node-e35eee23-e62b-6ca3-187b-f5b858fbbe7d-c005f9aa, #w-node-e35eee23-e62b-6ca3-187b-f5b858fbbe7f-c005f9aa, #w-node-c54787aa-70b8-61e1-62f8-1dd43c91b81b-c005f9aa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c54787aa-70b8-61e1-62f8-1dd43c91b81d-c005f9aa {
    grid-area: Area;
  }

  #w-node-c54787aa-70b8-61e1-62f8-1dd43c91b820-c005f9aa, #w-node-c54787aa-70b8-61e1-62f8-1dd43c91b825-c005f9aa, #w-node-c54787aa-70b8-61e1-62f8-1dd43c91b827-c005f9aa, #w-node-_3e3cf6d2-9196-6631-baf9-9c91d40365dc-c005f9aa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3e3cf6d2-9196-6631-baf9-9c91d40365de-c005f9aa {
    grid-area: Area;
  }

  #w-node-_3e3cf6d2-9196-6631-baf9-9c91d40365e1-c005f9aa, #w-node-_3e3cf6d2-9196-6631-baf9-9c91d40365e6-c005f9aa, #w-node-_3e3cf6d2-9196-6631-baf9-9c91d40365e8-c005f9aa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_80785daa-a3a5-cfb3-71e4-703e8cfa9e02-c005f9aa {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
    justify-self: center;
  }

  #w-node-bd639caf-f474-9844-a405-13b20fd1673a-c005f9aa {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_2164eeb3-342a-62ef-4c9a-c325771c6f29-c005f9aa {
    grid-area: Area-3;
  }

  #w-node-_890cf127-3d68-cef0-63ec-900a1b7855d2-c005f9aa {
    grid-area: Area;
    align-self: center;
    justify-self: center;
  }

  #w-node-_890cf127-3d68-cef0-63ec-900a1b7855d3-c005f9aa {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_890cf127-3d68-cef0-63ec-900a1b7855cc-c005f9aa {
    grid-area: Area-3;
  }

  #w-node-a85256fa-ab28-cf3b-e803-a3703d5d9288-c005f9aa {
    grid-area: Area;
    align-self: center;
    justify-self: center;
  }

  #w-node-a85256fa-ab28-cf3b-e803-a3703d5d9289-c005f9aa {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-a85256fa-ab28-cf3b-e803-a3703d5d9282-c005f9aa {
    grid-area: Area-3;
  }

  #w-node-_190d16c9-a753-3316-d3c2-4095b35ca2e2-c005f9aa {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
    justify-self: center;
  }

  #w-node-_190d16c9-a753-3316-d3c2-4095b35ca2e3-c005f9aa {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_190d16c9-a753-3316-d3c2-4095b35ca2dc-c005f9aa {
    grid-area: Area-3;
  }

  #w-node-_1f137c40-6b63-5222-7d0d-1d9ca6381191-c005f9aa {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
    justify-self: center;
  }

  #w-node-_1f137c40-6b63-5222-7d0d-1d9ca6381192-c005f9aa {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_1f137c40-6b63-5222-7d0d-1d9ca638118b-c005f9aa {
    grid-area: Area-3;
  }

  #w-node-e0b34759-b96a-8103-e98c-73079fbd65f2-c005f9aa {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
    justify-self: center;
  }

  #w-node-e0b34759-b96a-8103-e98c-73079fbd65f3-c005f9aa {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-e0b34759-b96a-8103-e98c-73079fbd65ec-c005f9aa {
    grid-area: Area-3;
  }

  #w-node-_275e01c4-e5f9-83c3-18ff-543049faf568-48dac078, #w-node-_51b4a855-1e29-8603-5f58-2855ed6dce3d-48dac078, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfb4-31890973 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfb6-31890973 {
    grid-area: Area;
  }

  #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfb9-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfbe-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfc0-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfc4-31890973 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfc6-31890973 {
    grid-area: Area;
  }

  #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfc9-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfce-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfd0-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfd4-31890973 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfd6-31890973 {
    grid-area: Area;
  }

  #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfd9-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfde-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfe0-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfe4-31890973 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfe6-31890973 {
    grid-area: Area;
  }

  #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfe9-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcfee-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcff0-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcff4-31890973 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcff6-31890973 {
    grid-area: Area;
  }

  #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcff9-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bcffe-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bd000-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bd004-31890973 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bd006-31890973 {
    grid-area: Area;
  }

  #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bd009-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bd00e-31890973, #w-node-ac09ee20-8027-30e1-4697-7f5e4a9bd010-31890973, #w-node-_74266598-17b1-c6b8-aef2-36aea85769c1-cf8312ab {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_74266598-17b1-c6b8-aef2-36aea85769c3-cf8312ab {
    grid-area: Area;
  }

  #w-node-_74266598-17b1-c6b8-aef2-36aea85769c6-cf8312ab, #w-node-_74266598-17b1-c6b8-aef2-36aea85769cb-cf8312ab, #w-node-_74266598-17b1-c6b8-aef2-36aea85769cd-cf8312ab, #w-node-_74266598-17b1-c6b8-aef2-36aea85769d1-cf8312ab {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_74266598-17b1-c6b8-aef2-36aea85769d3-cf8312ab {
    grid-area: Area;
  }

  #w-node-_74266598-17b1-c6b8-aef2-36aea85769d6-cf8312ab, #w-node-_74266598-17b1-c6b8-aef2-36aea85769db-cf8312ab, #w-node-_74266598-17b1-c6b8-aef2-36aea85769dd-cf8312ab, #w-node-_8698f09e-5fd2-8dc7-7e1c-4f52778e203f-ee7aa056 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8698f09e-5fd2-8dc7-7e1c-4f52778e2041-ee7aa056 {
    grid-area: Area;
  }

  #w-node-_8698f09e-5fd2-8dc7-7e1c-4f52778e2044-ee7aa056, #w-node-_8698f09e-5fd2-8dc7-7e1c-4f52778e2049-ee7aa056, #w-node-_8698f09e-5fd2-8dc7-7e1c-4f52778e204b-ee7aa056, #w-node-_8698f09e-5fd2-8dc7-7e1c-4f52778e204f-ee7aa056 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8698f09e-5fd2-8dc7-7e1c-4f52778e2051-ee7aa056 {
    grid-area: Area;
  }

  #w-node-_8698f09e-5fd2-8dc7-7e1c-4f52778e2054-ee7aa056, #w-node-_8698f09e-5fd2-8dc7-7e1c-4f52778e2059-ee7aa056, #w-node-_8698f09e-5fd2-8dc7-7e1c-4f52778e205b-ee7aa056, #w-node-_5931cf7e-e682-c398-5205-5b1bf4e8bfa8-a3109b1e, #w-node-_46bfd9f9-2e34-0481-05c1-6829e0dfca79-a3109b1e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_46bfd9f9-2e34-0481-05c1-6829e0dfca7b-a3109b1e {
    grid-area: Area;
  }

  #w-node-_46bfd9f9-2e34-0481-05c1-6829e0dfca7e-a3109b1e, #w-node-_46bfd9f9-2e34-0481-05c1-6829e0dfca83-a3109b1e, #w-node-_46bfd9f9-2e34-0481-05c1-6829e0dfca85-a3109b1e, #w-node-_46bfd9f9-2e34-0481-05c1-6829e0dfca89-a3109b1e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_46bfd9f9-2e34-0481-05c1-6829e0dfca8b-a3109b1e {
    grid-area: Area;
  }

  #w-node-_46bfd9f9-2e34-0481-05c1-6829e0dfca8e-a3109b1e, #w-node-_46bfd9f9-2e34-0481-05c1-6829e0dfca93-a3109b1e, #w-node-_46bfd9f9-2e34-0481-05c1-6829e0dfca95-a3109b1e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_7982dfd4-05c9-dcee-a1e8-f64b85ac13d3-c005f9aa, #w-node-_74266598-17b1-c6b8-aef2-36aea85769cb-cf8312ab, #w-node-_8698f09e-5fd2-8dc7-7e1c-4f52778e2049-ee7aa056, #w-node-_46bfd9f9-2e34-0481-05c1-6829e0dfca83-a3109b1e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}