:root {
  --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;
  }
}

.body {
  background-color: #000;
}

.homepage-wrapper {
  perspective: 1000px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.logo-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ta, .div-block-2 {
  position: absolute;
}

.tribal {
  position: absolute;
  transform: translate(248px);
}

.image {
  position: static;
  inset: 0%;
}

.image-2 {
  position: static;
  transform: translate(-252px);
}

.image-3 {
  position: relative;
  inset: 0%;
}

.homepage-menu {
  border-left: 3px solid #fff;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  margin-left: 50px;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.homepage-menu-link {
  border-left: 0 solid #fff;
  border-right: 0 solid #fff;
  padding: 17px 0 17px 50px;
  text-decoration: none;
}

.homepage-menu-text {
  color: #fff;
  letter-spacing: 15px;
  text-transform: uppercase;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: all .3s;
}

.homepage-menu-text:hover {
  color: #ff6200;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.homepage-menu-text-2 {
  color: #fff;
  letter-spacing: 15px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  transition: all .2s;
}

.homepage-menu-text-2:hover {
  color: #95ff00;
}

.homepage-menu-text-3 {
  color: #fff;
  letter-spacing: 15px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  transition: all .2s;
}

.homepage-menu-text-3:hover {
  color: #ff00fb;
}

.homepage-menu-text-4 {
  color: #fff;
  letter-spacing: 15px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  transition: all .2s;
}

.homepage-menu-text-4:hover {
  color: #00f2ff;
}

.div-block-3 {
  width: 100%;
  height: 100vh;
}

.websites-wrapper {
  background-image: url('../images/Websites_background.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.websites-title {
  padding-bottom: 30px;
}

.section-title {
  color: #fff;
  letter-spacing: 10px;
  text-transform: uppercase;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 700;
}

.website-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  display: flex;
}

.websites-left {
  flex-direction: column;
  align-items: flex-end;
  padding-right: 0;
  display: flex;
}

.standard-white-text {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
  width: 100%;
  font-family: Varela, sans-serif;
  font-size: 12px;
}

.standard-white-text.big {
  letter-spacing: 10px;
  text-transform: uppercase;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

.website-list {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 50px;
  display: flex;
}

.website-link {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 12px;
  font-size: 12px;
  text-decoration: none;
  transition: all .4s;
}

.website-link:hover {
  filter: blur(.5px);
  font-size: 12px;
  text-decoration: overline;
  transform: skew(10deg);
}

.text-block {
  color: #ff8000;
}

.text-block-2 {
  color: #fc0;
}

.text-block-3 {
  color: #eaff00;
}

.text-block-4 {
  color: #a6ff00;
}

.text-block-5 {
  color: #0f9;
}

.text-block-6 {
  color: #00ffbf;
}

.text-block-7 {
  color: #00fff7;
}

.text-block-8 {
  color: #00aeff;
}

.text-block-9 {
  color: #04f;
}

.text-block-10 {
  color: #7b00ff;
}

.graphics-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 100px;
  display: flex;
}

.website-title {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  padding-bottom: 50px;
  display: flex;
}

.graphics-title {
  padding-bottom: 50px;
}

.logo-grid {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
}

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

.div-block-7 {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: flex;
}

.contact-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 200vh;
  padding-bottom: 0;
  display: flex;
}

.background-video {
  width: 100%;
  height: 400px;
}

.background-video-2 {
  height: 400px;
}

.background-video-3 {
  width: auto;
}

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

.background-video-4 {
  width: 50%;
  height: 400px;
}

.consulting-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.consulting-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  display: flex;
}

.consulting-text {
  padding-top: 50px;
}

.company-examples {
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  margin-top: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  box-shadow: inset 0 0 6px 2px #000000cf;
}

.contact-content {
  flex-direction: column;
  align-items: center;
  padding-top: 50px;
  display: flex;
}

.image-5 {
  margin-left: 50px;
  margin-right: 50px;
  padding-right: 0;
}

.website-title-holder {
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  inset: 0% 0% auto;
}

.image-6 {
  position: relative;
  inset: 0%;
}

.image-7, .image-8 {
  position: absolute;
}

.graphics-title-holder {
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
}

.image-9, .image-10 {
  position: absolute;
}

.div-block-9 {
  padding-bottom: 50px;
}

.body-2, .container {
  background-color: #000;
}

.navbar {
  background-color: #000;
  display: block;
}

.nav-link {
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 700;
  transition: all .4s;
}

.nav-link:hover {
  color: #ffb300;
}

.nav-link.green:hover {
  color: #00ff62;
}

.nav-link.blue:hover {
  color: #00e6ff;
}

.nav-link.pink:hover {
  color: #ff00a6;
}

.nav-link.purple:hover {
  color: #b700ff;
}

.nav-link.red:hover {
  color: #f20;
}

.icon {
  color: #fff;
  transition: all .2s;
}

.icon:hover {
  transform: skew(6deg, 6deg);
}

.icon:active {
  transform: rotate(90deg)skew(6deg, 6deg);
}

.menu-button.w--open, .nav-menu, .body-3, .body-4, .body-5, .body-6 {
  background-color: #000;
}

.div-block-10 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  display: flex;
}

.div-block-11 {
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 50px;
  display: flex;
}

.div-block-12 {
  width: 60%;
  height: 100%;
  max-height: 100%;
}

.div-block-13 {
  padding-bottom: 0;
  position: relative;
}

.image-11, .image-12 {
  position: absolute;
}

.container-2 {
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-14 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-left: 0;
  display: flex;
}

.container-3 {
  padding-top: 50px;
}

.grid {
  perspective: 1000px;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 10px;
  display: block;
}

.grid-line {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-block-grid {
  background-image: url('../images/atlas.jpg');
  background-position: 50%;
  background-size: cover;
  width: 200px;
  height: 130px;
  margin: 10px;
}

.link-block-grid.nt {
  background-image: url('../images/nt_screenshot.jpg');
  border: 1px solid #fff;
  width: 400px;
  height: 210px;
  transition: all .2s;
}

.link-block-grid.nt:hover {
  border-width: 1px;
  border-color: #a52400;
}

.link-block-grid.at {
  background-image: url('../images/SQguardens_screenshot.jpg');
  border: 1px solid #fff;
  width: 400px;
  height: 210px;
  transition: all .2s;
}

.link-block-grid.at:hover {
  border: 1px solid #a00000;
}

.link-block-grid.post {
  background-image: url('../images/Nexis_screenshot.jpg');
  border: 1px solid #fff;
  width: 400px;
  height: 210px;
  transition: all .2s;
}

.link-block-grid.post:hover {
  border: 1px solid #1900aa;
}

.link-block-grid.kianns {
  background-image: url('../images/Kiaans.jpg');
  border: 1px solid #fff;
  width: 400px;
  height: 210px;
  transition: all .2s;
}

.link-block-grid.kianns:hover {
  border-width: 1px;
  border-color: #ff5e00;
}

.link-block-grid.bordelaise {
  background-image: url('../images/Bordelaise.jpg');
  border: 1px solid #fff;
  width: 400px;
  height: 210px;
  transition: all .2s;
}

.link-block-grid.bordelaise:hover {
  border-width: 1px;
  border-color: #ffc005;
}

.link-block-grid.naturally {
  background-image: url('../images/naturallywoodlands.jpg');
  border: 1px solid #fff;
  width: 400px;
  height: 210px;
  transition: all .2s;
}

.link-block-grid.naturally:hover {
  border: 1px solid #008b25;
}

.link-block-grid.fb {
  background-image: url('../images/mamoxx_website_background.jpg');
  background-position: 50% 0;
  border: 1px solid #fff;
  width: 400px;
  height: 210px;
  transition: all .2s;
}

.link-block-grid.fb:hover {
  border: 1px solid #860055;
}

.link-block-grid.nw {
  background-image: url('../images/nw_screenshot.jpg');
  border: 1px solid #fff;
  width: 400px;
  height: 210px;
  transition: all .2s;
}

.link-block-grid.nw:hover {
  border-width: 1px;
  border-color: #589700;
}

.link-block-grid.mys {
  background-image: url('../images/mys_screenshot.jpg');
  border: 1px solid #fff;
  width: 400px;
  height: 210px;
  transition: all .2s;
}

.link-block-grid.mys:hover {
  border-width: 1px;
  border-color: #00ccb1;
}

.section {
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.title-holder {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 50px;
  display: flex;
}

.animations-holder {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: auto;
  display: flex;
}

.background-video-5 {
  width: 34%;
}

.background-video-6 {
  width: 25%;
}

.background-video-7 {
  width: 50%;
}

.background-video-8 {
  width: 25%;
}

.div-block-15 {
  background-color: #020202;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.text-block-11 {
  color: #a8a8a8;
  letter-spacing: 6px;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 700;
}

.div-block-16 {
  perspective: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  transform: none;
}

.container-5 {
  max-width: 50%;
}

.html-embed {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 50px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 0;
  display: flex;
}

.div-block-17 {
  width: 100%;
  height: 100vh;
}

.div-block-18 {
  width: 100%;
  height: auto;
  padding-top: 50px;
}

.white-text {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: none;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
}

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

.text-block-12 {
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-weight: 700;
}

.text-block-12:hover {
  color: #b8b8b8;
}

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

.services {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.card-holder {
  justify-content: center;
  align-items: center;
  display: flex;
}

.card {
  background-color: #fff;
  border-radius: 20px;
  width: 280px;
  height: 400px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  box-shadow: inset 0 0 16px -5px #000, 0 0 11px 1px #ff8000;
}

.card.green {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  box-shadow: inset 0 0 18px 3px #0084ff94;
}

.card.orange {
  background-color: #fff;
  box-shadow: inset 0 0 18px 3px #5e00ff94;
}

.card.blue {
  box-shadow: 0 0 11px 1px #00f2ff;
}

.card-title {
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  padding-bottom: 20px;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

.card-title.sml {
  font-size: 30px;
}

.text-block-13 {
  color: #333;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
}

.text-block-14 {
  text-align: center;
  padding-bottom: 20px;
  font-family: Exo, sans-serif;
}

.new-link {
  color: #ff9100;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  text-decoration: none;
}

.new-link:hover {
  color: #0b97aa;
}

.new-link.blue {
  color: #00d9ff;
}

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

.recent-projects {
  padding-top: 100px;
}

.white-title {
  color: #fff;
  text-align: center;
  letter-spacing: 10px;
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

.div-block-21 {
  padding-bottom: 20px;
}

.artwork {
  padding-top: 100px;
  padding-bottom: 100px;
}

.video-holder {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.div-block-22, .div-block-23 {
  width: 50%;
  height: 500px;
}

.contact {
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-6 {
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  display: flex;
}

.contact-button {
  letter-spacing: 5px;
  background-color: #000;
  border: 2px solid #00ff6f;
  border-radius: 7px;
  margin: 10px;
  padding: 20px;
  font-size: 20px;
}

.contact-button.blue {
  border-color: #00d0ff;
}

.button-2 {
  font-size: 20px;
}

.body-7 {
  background-color: #000;
}

.body-8 {
  background-color: #000;
  padding-left: 20px;
  padding-right: 20px;
}

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

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

.large-white-text {
  color: #fff;
  text-align: center;
  font-family: Varela, sans-serif;
  font-size: 20px;
}

.html-embed-2 {
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 30px;
}

@media screen and (max-width: 991px) {
  .homepage-wrapper {
    padding-left: 50px;
    padding-right: 20px;
  }

  .icon {
    color: #fff;
  }

  .menu-button, .menu-button.w--open, .nav-menu {
    background-color: #000;
  }

  .div-block-11 {
    padding-bottom: 50px;
  }

  .grid {
    background-color: #000;
    width: 100%;
    padding: 5px 10px;
  }

  .grid-line {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 1000px;
    max-height: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .link-block-grid.nt, .link-block-grid.at, .link-block-grid.post {
    width: 500px;
    height: 300px;
    margin: 5px;
  }

  .link-block-grid.kianns, .link-block-grid.bordelaise, .link-block-grid.naturally {
    width: 220px;
    height: 150px;
    margin: 5px;
  }

  .link-block-grid.fb, .link-block-grid.nw, .link-block-grid.mys {
    width: 500px;
    height: 300px;
  }

  .grid-2 {
    grid-row-gap: 33px;
    grid-template-rows: auto 3fr minmax(auto, 3fr) minmax(auto, 3fr);
    grid-template-areas: "Area Area-2 Area-3"
                         "Area-6 Area-5 Area-4"
                         "Area-7 Area-8 Area-9"
                         "Area-12 Area-11 Area-10";
    grid-auto-flow: row;
    align-content: start;
    align-items: start;
    height: auto;
    display: block;
  }

  .section {
    padding-right: 0;
  }

  .background-video-6 {
    width: 28%;
  }

  .background-video-7 {
    width: 44%;
  }

  .background-video-8 {
    width: 28%;
  }

  .container-5 {
    max-width: 60%;
  }

  .services {
    height: auto;
    padding-top: 0;
    padding-bottom: 50px;
  }

  .card-holder {
    flex-direction: column;
  }

  .card {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .text-block-13 {
    font-size: 18px;
    line-height: 20px;
  }

  .white-title {
    line-height: 40px;
  }

  .video-holder {
    flex-direction: column;
  }

  .div-block-22 {
    width: 100%;
    height: 500px;
  }

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

  .container-6 {
    flex-direction: column;
  }

  .contact-button {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .homepage-wrapper {
    padding-left: 20px;
  }

  .homepage-menu {
    display: none;
  }

  .websites-wrapper {
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .website-content {
    flex-direction: column;
  }

  .websites-left {
    text-align: center;
    align-items: center;
    padding-right: 0;
  }

  .website-list {
    text-align: left;
    align-items: center;
    padding-bottom: 50px;
  }

  .graphics-wrapper {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .image-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .graphics-title-holder {
    flex-direction: column;
    align-items: center;
    width: auto;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .image-9 {
    width: 80%;
    max-width: none;
  }

  .image-10 {
    width: 80%;
  }

  .grid {
    display: flex;
  }

  .grid-line {
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
  }

  .link-block-grid.nt, .link-block-grid.at, .link-block-grid.post, .link-block-grid.kianns, .link-block-grid.bordelaise, .link-block-grid.naturally {
    width: 100%;
    height: 300px;
  }

  .link-block-grid.fb, .link-block-grid.nw, .link-block-grid.mys {
    width: 100%;
    margin: 5px;
  }

  .section {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .title-holder {
    padding-left: 20px;
    padding-right: 20px;
  }

  .animations-holder {
    flex-direction: column;
    align-items: center;
  }

  .background-video-6, .background-video-7, .background-video-8 {
    width: 100%;
  }

  .image-14 {
    width: 80%;
    max-width: none;
  }

  .container-5 {
    max-width: 80%;
  }
}

@media screen and (max-width: 479px) {
  .standard-white-text.big {
    line-height: 30px;
  }

  .contact-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .consulting-wrapper {
    padding-top: 100px;
    padding-bottom: 0;
  }

  .company-examples {
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
  }

  .image-9 {
    max-width: 100%;
    display: block;
  }

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

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

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

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

  .image-13 {
    padding-bottom: 20px;
  }

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

  .container-5 {
    max-width: 90%;
  }

  .white-title {
    line-height: 50px;
  }

  .div-block-22, .div-block-23 {
    height: 500px;
  }

  .contact-button {
    line-height: 30px;
  }

  .background-video-9 {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_0d3fcdbc-aff9-c585-7810-583fa65ef14a-4ce318b5 {
    grid-area: Area-4;
  }

  #w-node-_0d3fcdbc-aff9-c585-7810-583fa65ef14c-4ce318b5 {
    grid-area: Area-5;
  }

  #w-node-_0d3fcdbc-aff9-c585-7810-583fa65ef14d-4ce318b5 {
    grid-area: Area-9;
  }

  #w-node-_0d3fcdbc-aff9-c585-7810-583fa65ef14e-4ce318b5 {
    grid-area: Area-10;
  }

  #w-node-_0d3fcdbc-aff9-c585-7810-583fa65ef14f-4ce318b5 {
    grid-area: Area-8;
  }

  #w-node-_0d3fcdbc-aff9-c585-7810-583fa65ef150-4ce318b5 {
    grid-area: Area-6;
  }

  #w-node-_0d3fcdbc-aff9-c585-7810-583fa65ef153-4ce318b5 {
    grid-area: Area-7;
  }

  #w-node-_0d3fcdbc-aff9-c585-7810-583fa65ef154-4ce318b5 {
    grid-area: Area-11;
  }

  #w-node-_0d3fcdbc-aff9-c585-7810-583fa65ef155-4ce318b5 {
    grid-area: Area-12;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_0d3fcdbc-aff9-c585-7810-583fa65ef14b-4ce318b5 {
    grid-area: Area-3;
  }

  #w-node-_0d3fcdbc-aff9-c585-7810-583fa65ef151-4ce318b5 {
    grid-area: Area;
  }

  #w-node-_0d3fcdbc-aff9-c585-7810-583fa65ef152-4ce318b5 {
    grid-area: Area-2;
  }
}