:root {
  --dark-orange: #ff7300;
  --gainsboro: #e3e4e5;
  --black: #222;
  --shadow: #00000061;
  --dark-grey: #aaa;
  --aqua: #00ffd6;
  --dark-turquoise: #00d6b4;
  --dark-cyan: #00ad92;
  --yellow: #ffea00;
  --white: #041e41;
  --grey: #757575;
  --midnight-blue: #3699af;
}

.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;
}

body {
  color: #fff;
  background-color: #222;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

h6 {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  color: #fff;
  letter-spacing: .5px;
  margin-bottom: 16px;
  font-family: Lato, sans-serif;
  font-weight: 300;
  line-height: 24px;
  display: block;
}

a {
  color: #00d6b4;
  text-decoration: none;
}

img {
  max-width: 100%;
  display: inline-block;
}

.hero {
  background-image: linear-gradient(#000000b3 40%, #222), url('../images/header_01.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.hero.small {
  min-height: 410px;
}

.hero.project-page {
  min-height: 384px;
}

.nav {
  background-color: #0000;
  padding-top: 28px;
}

.nav-link {
  color: #999;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Lato, sans-serif;
  font-size: 11px;
  line-height: 17px;
  transition: color .2s;
}

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

.nav-link.w--current {
  color: var(--dark-orange);
}

.logo {
  color: #fff;
  padding: 15px;
  font-family: Lato, sans-serif;
  font-size: 24px;
  line-height: 30px;
}

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

.footer {
  color: #999;
  text-align: center;
  background-color: #222;
  margin-top: 29px;
  padding-top: 36px;
  padding-bottom: 36px;
  font-size: 12px;
  line-height: 18px;
}

.section-title {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 26px;
  font-weight: 300;
}

.main-heading {
  color: #fff;
  text-align: center;
  margin-bottom: 32px;
  font-size: 48px;
  font-weight: 300;
  line-height: 53px;
}

.main-heading.inline {
  display: inline;
}

.heading-wrapper {
  text-align: center;
  margin-top: 54px;
  padding-left: 5%;
  padding-right: 5%;
}

.footer-logo {
  color: #c2c2c2;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 19px;
  line-height: 22px;
}

.empty-state {
  text-align: center;
  background-color: #0000;
  border: 1px solid #ffffff57;
  border-radius: 3px;
  padding: 33px 33px 49px;
}

.no-items-title {
  font-weight: 300;
}

.project-image {
  color: var(--dark-orange);
  border-radius: 5px;
  margin-bottom: 22px;
  transition: opacity .2s;
}

.project-image:hover {
  opacity: .69;
}

.project-body-copy {
  margin-bottom: 67px;
  margin-left: 12%;
  margin-right: 12%;
}

.main-detail-image {
  border-radius: 3px;
  max-width: 400px;
  margin-bottom: 41px;
}

.category-link {
  letter-spacing: 1px;
  text-decoration: none;
  transition: opacity .2s;
}

.category-link:hover {
  opacity: .67;
  text-decoration: none;
}

.text-block {
  color: var(--dark-orange);
  text-transform: uppercase;
  font-family: Exo, sans-serif;
}

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

.text-block-2 {
  direction: ltr;
  color: var(--dark-orange);
  text-align: right;
  text-transform: none;
  column-count: 0;
  margin-top: 38px;
  margin-right: 27px;
  font-family: Droid Serif, serif;
  font-size: 55px;
  font-weight: 700;
  line-height: 56px;
}

.menu {
  color: var(--dark-orange);
  text-align: right;
  margin-top: 11px;
  margin-left: 16px;
  font-family: Droid Serif, serif;
  font-weight: 700;
}

.menu-container {
  flex-direction: column;
  margin-top: 30px;
  margin-right: 33px;
  font-size: 18px;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.name-title {
  direction: ltr;
  color: var(--dark-orange);
  text-align: right;
  text-transform: none;
  column-count: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 267px;
  padding-top: 0;
  font-family: Droid Serif, serif;
  font-size: 65px;
  font-weight: 700;
  line-height: 56px;
  display: flex;
}

.container-3 {
  min-height: 650px;
  margin-top: 106px;
}

.contact-info {
  direction: ltr;
  color: var(--dark-orange);
  text-align: right;
  text-transform: none;
  column-count: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 33px;
  font-family: Droid Serif, serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 56px;
  display: flex;
}

.comm-para {
  color: var(--gainsboro);
  text-align: center;
  width: 100%;
  min-width: auto;
  margin-bottom: 0;
  padding: 16px;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.link-6, .link-7 {
  color: var(--dark-orange);
  line-height: 32px;
}

.nav-block {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  padding-top: 0;
  display: flex;
}

.text-block-6 {
  color: var(--dark-orange);
  margin-left: 11px;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.div-block-17 {
  flex-direction: row;
  align-items: center;
  margin-top: 14px;
  margin-left: 0;
  display: flex;
}

.ph-link {
  color: var(--dark-orange);
  line-height: 32px;
}

.full-width-bg {
  z-index: -9999;
  background-image: linear-gradient(#00000070, #00000070), url('../images/bg-stairs-purp.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.navbar-2 {
  background-color: #0000;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav-menu-3 {
  mix-blend-mode: normal;
  background-color: #000;
  flex: 1;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: none;
  right: 0;
}

.container-11 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  mix-blend-mode: normal;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.brand {
  align-items: center;
  width: 600px;
  padding-right: 0;
  display: flex;
  left: 0;
}

.section-header {
  z-index: 9999;
  background-color: var(--black);
  position: sticky;
  top: 0;
}

.menu-button-3 {
  display: block;
}

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

.nav-link-8 {
  color: #fff;
}

.nav-link-8:hover {
  color: var(--dark-orange);
  mix-blend-mode: normal;
}

.dropdown-list {
  background-color: #000;
  padding-left: 20px;
}

.text-block-14 {
  color: var(--gainsboro);
}

.text-block-14:hover {
  color: var(--dark-orange);
}

.icon-2 {
  color: #fff;
}

.icon-2:hover {
  color: var(--dark-orange);
}

.maxw-container-header {
  background-color: #0000;
  align-items: center;
  margin-bottom: 19px;
  display: flex;
}

.firstname, .lastname {
  color: var(--gainsboro);
  text-transform: uppercase;
  margin-right: 12px;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 35px;
  font-weight: 800;
}

.div-block-34 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.dropdown {
  justify-content: space-between;
  align-items: center;
}

.icon-3 {
  color: var(--gainsboro);
}

.section-header2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
}

.linkedin {
  background-image: url('../images/linkedin.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  width: 50px;
  height: 50px;
}

.linkedin:hover {
  background-image: linear-gradient(#00000080, #00000080), url('../images/linkedin.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 25%;
}

.behance {
  background-image: url('../images/behance.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  width: 50px;
  height: 50px;
}

.behance:hover {
  background-image: linear-gradient(#00000080, #00000080), url('../images/behance.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 50%;
}

.div-block-38 {
  background-color: #e3e4e580;
  width: 1px;
  height: 25px;
}

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

.link-block-5 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.section-7 {
  z-index: 2000;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: linear-gradient(#000000b3, #000000b3);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 55px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.section-gap {
  justify-content: center;
  align-items: center;
  height: 55px;
  margin-top: 10px;
  display: flex;
}

.divider {
  background-color: #ffffff80;
  width: 1px;
  height: 35px;
  margin-top: 1px;
  margin-bottom: 16px;
}

.section-body {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.heading-9 {
  text-align: right;
  flex: 0 auto;
  align-self: flex-start;
  width: 50%;
  padding-left: 0;
  padding-right: 16px;
  font-family: Exo, sans-serif;
  font-size: 45px;
  font-weight: 700;
}

.hero-paragraph {
  align-self: flex-start;
  width: 50%;
  margin-top: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.history {
  flex: none;
  margin: 14px 34px 14px 0;
}

.people {
  flex: none;
  height: 100%;
  margin: 14px 30px 14px 0;
}

.div-work {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: 120px 120px 120px 120px;
  grid-template-columns: .75fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.div-block-43 {
  text-transform: uppercase;
  mix-blend-mode: normal;
  background-color: #3699af4f;
  border-radius: 11px;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 13px;
  padding-right: 13px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  display: flex;
}

.div-block-43.intel {
  -webkit-backdrop-filter: hue-rotate(56deg) blur(3px);
  backdrop-filter: hue-rotate(56deg) blur(3px);
  background-color: #3660af4f;
  padding-left: 0;
  padding-right: 0;
}

.div-block-43.intel:hover {
  background-image: linear-gradient(#ff730080, #ff730080);
}

.div-block-43.ford {
  -webkit-backdrop-filter: hue-rotate(180deg) blur(3px);
  backdrop-filter: hue-rotate(180deg) blur(3px);
  background-color: #3648af4f;
  padding-left: 0;
  padding-right: 0;
}

.div-block-43.ford:hover {
  background-image: linear-gradient(#ff730080, #ff730080);
}

.div-block-43.cba {
  -webkit-backdrop-filter: hue-rotate(185deg) blur(3px);
  backdrop-filter: hue-rotate(185deg) blur(3px);
  background-color: #a9af364f;
  padding-left: 0;
  padding-right: 0;
}

.div-block-43.cba:hover {
  background-image: linear-gradient(#ff730080, #ff730080);
}

.div-block-43.ke {
  -webkit-backdrop-filter: hue-rotate(180deg) blur(3px);
  backdrop-filter: hue-rotate(180deg) blur(3px);
  background-color: #0dc7f14f;
  padding-left: 0;
  padding-right: 0;
}

.div-block-43.ke:hover {
  background-image: linear-gradient(#ff730080, #ff730080);
}

.div-block-43.g {
  -webkit-backdrop-filter: hue-rotate(180deg) blur(3px);
  backdrop-filter: hue-rotate(180deg) blur(3px);
  background-color: #a360014f;
  padding-left: 0;
  padding-right: 0;
}

.div-block-43.g:hover {
  background-image: linear-gradient(#ff730080, #ff730080);
}

.div-block-43.elux {
  -webkit-backdrop-filter: hue-rotate(180deg) blur(3px);
  backdrop-filter: hue-rotate(180deg) blur(3px);
  background-color: #8d36af4f;
  padding-left: 0;
  padding-right: 0;
}

.div-block-43.elux:hover {
  background-image: linear-gradient(#ff730080, #ff730080);
}

.text-block-22 {
  z-index: 2500;
  color: var(--gainsboro);
  width: auto;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 16px;
  font-family: Droid Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: block;
  position: absolute;
}

.div-history {
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  display: flex;
}

.text-block-23 {
  z-index: 100;
  color: var(--dark-orange);
  text-transform: uppercase;
  align-self: center;
  margin: 0 auto 10px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-size: 24px;
  font-weight: 700;
  position: relative;
}

.text-block-27-history {
  color: var(--dark-orange);
  text-transform: uppercase;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-right: 0;
  font-size: 10px;
}

.image-9 {
  filter: grayscale();
  max-width: 100%;
  margin: 16px;
}

.image-9:hover {
  filter: none;
}

.text-block-27-people {
  color: var(--dark-orange);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 10px;
}

.pdf-link {
  background-image: url('../images/Interactive-Displays.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  align-self: auto;
  width: 250px;
  height: 160px;
  margin-top: 14px;
  margin-left: 15px;
  margin-right: 19px;
  display: block;
}

.text-block-27 {
  z-index: 100;
  color: var(--dark-orange);
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 6px;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  position: relative;
}

.text-block-29 {
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: 20px;
  padding-left: 6px;
  padding-right: 24px;
  display: block;
}

.div-block-47 {
  order: 1;
  width: 70%;
  height: 200px;
}

.div-block-48 {
  -webkit-backdrop-filter: contrast(200%) blur(3px);
  backdrop-filter: contrast(200%) blur(3px);
  border-radius: 11px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  height: 100%;
  padding-bottom: 0;
  display: flex;
}

.image9 {
  filter: grayscale();
  margin: 16px;
}

.image9:hover {
  filter: none;
}

.link-block-7 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-49 {
  align-items: flex-start;
  display: flex;
}

.div-block-49.history {
  margin-right: 26px;
}

.div-block-49.displays {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 180px;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  margin-top: 8px;
  margin-bottom: 16px;
  padding-left: 19px;
  padding-right: 19px;
  display: grid;
}

.div-block-49.people, .div-block-49.process2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.div-block-49.teams2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 8px;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 0;
}

.grid-6 {
  grid-column-gap: 7px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-left: 20px;
}

.div-thought, .div-people2 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  display: flex;
}

.grid-7 {
  color: #0000;
  background-color: #0000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.clients, .work {
  filter: grayscale();
}

.image-13 {
  filter: grayscale();
  transform: rotate(90deg);
}

.tab-link-tab-1-2 {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-link-tab-1-2.w--current {
  background-color: var(--shadow);
  filter: brightness(200%);
}

.tabs-content-2 {
  padding-left: 26px;
  padding-right: 26px;
}

.tab-link-tab-2-2 {
  background-color: #0000;
}

.tab-link-tab-2-2.w--current {
  background-color: var(--shadow);
  filter: brightness(200%);
}

.tab-link-tab-3-2 {
  background-color: var(--shadow);
}

.tab-link-tab-3-2.w--current {
  filter: brightness(200%);
  background-color: #0000;
}

.tabs-menu-2 {
  justify-content: center;
  display: flex;
}

.history-link {
  color: var(--dark-orange);
  margin: 23px;
  font-family: Droid Sans, sans-serif;
  font-size: 14px;
}

.history-link:hover {
  opacity: .5;
}

.people-link {
  color: var(--dark-orange);
  margin: 23px;
  font-family: Droid Sans, sans-serif;
}

.people-link:hover {
  opacity: .5;
  color: var(--dark-orange);
}

.teams-link {
  color: var(--dark-orange);
  margin: 23px;
  font-family: Droid Sans, sans-serif;
  font-size: 14px;
}

.teams-link:hover {
  opacity: .5;
  color: var(--dark-orange);
}

.process-link {
  color: var(--dark-orange);
  margin: 23px;
  font-family: Droid Sans, sans-serif;
  font-size: 12px;
}

.process-link:hover {
  opacity: .5;
  color: var(--dark-orange);
}

.process-link.w--current {
  font-size: 14px;
}

.divtop-left {
  background-color: #00000040;
  justify-content: center;
  align-items: center;
  width: 33.3%;
  height: 50px;
  display: flex;
}

.divtop-left.left {
  background-color: #00000040;
  justify-content: flex-start;
  width: 33.3%;
  padding-left: 10px;
  position: sticky;
}

.divtopright {
  background-color: #00000040;
  justify-content: center;
  align-items: center;
  width: 33.3%;
  height: 50px;
  display: flex;
}

.divtopright.right {
  justify-content: flex-end;
  padding-right: 10px;
  position: sticky;
  top: 1px;
}

.divbotright {
  background-color: #00000040;
  justify-content: center;
  align-items: center;
  width: 33.3%;
  height: 50px;
  display: flex;
}

.divbotright.right {
  justify-content: flex-end;
  padding-right: 10px;
  position: sticky;
  top: 1px;
}

.divbotleft {
  background-color: #00000040;
  justify-content: center;
  align-items: center;
  width: 33.3%;
  height: 50px;
  display: flex;
}

.divbotleft.left {
  background-color: #00000040;
  justify-content: flex-start;
  width: 33.3%;
  padding-left: 10px;
  position: sticky;
}

.divname {
  background-color: #00000040;
  justify-content: center;
  align-items: center;
  width: 33.3%;
  height: 50px;
  display: flex;
}

.hero2 {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  flex-flow: row;
  flex: 0 auto;
  order: -1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 70%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.divider-thought {
  background-color: #ffffff80;
  width: 1px;
  height: 35px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.divider-work {
  background-color: #ffffff80;
  order: -1;
  width: 1px;
  height: 35px;
  margin-top: 1px;
  margin-bottom: 16px;
}

.divider-people {
  background-color: #ffffff80;
  width: 1px;
  height: 35px;
  margin-top: 1px;
  margin-bottom: 16px;
}

.container-body {
  z-index: 1000;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.divider-history, .divider-teams {
  background-color: #ffffff80;
  width: 1px;
  height: 35px;
  margin-top: 1px;
  margin-bottom: 16px;
}

.div-teams {
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  display: flex;
}

.divider-process {
  background-color: #ffffff80;
  width: 1px;
  height: 35px;
  margin-top: 1px;
  margin-bottom: 16px;
}

.div-process {
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  display: flex;
}

.aboutme {
  background-image: url('../images/about-ico.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25%;
  width: 50px;
  height: 50px;
}

.aboutme:hover {
  background-image: linear-gradient(#00000080, #00000080), url('../images/about-ico.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 25%;
}

.contactme {
  background-image: url('../images/contact-ico.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25%;
  width: 50px;
  height: 50px;
}

.contactme:hover {
  background-image: linear-gradient(#00000080, #00000080), url('../images/contact-ico.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 25%;
}

.divider-about {
  background-color: #ffffff80;
  width: 1px;
  height: 35px;
  margin-top: 18px;
  margin-bottom: 16px;
}

.div-about {
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  display: flex;
}

.paragraph-5 {
  margin-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
}

.div-block-50 {
  filter: grayscale();
  background-image: url('../images/Rob-Profile-UT.jpg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  width: 100%;
  height: 350px;
}

.about-photo {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-about {
  -webkit-backdrop-filter: contrast(200%) blur(3px);
  backdrop-filter: contrast(200%) blur(3px);
  border-radius: 11px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  height: 100%;
  padding-bottom: 23px;
  display: flex;
}

.div-block-53 {
  justify-content: space-between;
  align-items: center;
  width: 20%;
  height: 100%;
  display: flex;
}

.work-hero {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  flex-flow: column;
  flex: 0 auto;
  order: -1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 70%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.description-f {
  align-self: center;
  width: 65%;
  margin-top: 10px;
  padding-left: 0;
  padding-right: 0;
}

.link-block-8 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.close-button-img {
  max-width: none;
  height: 50%;
  padding-left: 14px;
  padding-right: 14px;
}

.heading-f {
  text-align: center;
  flex: 0 auto;
  align-self: center;
  width: 50%;
  padding-left: 0;
  padding-right: 0;
  font-family: Exo, sans-serif;
  font-size: 45px;
  font-weight: 700;
}

.divider-work2 {
  background-color: #ffffff80;
  order: -1;
  width: 1px;
  height: 35px;
  margin-top: 0;
  margin-bottom: 16px;
}

.grid-1-f {
  background-image: url('../images/fp.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 11px;
  height: 320px;
}

.grid-2-f {
  background-image: url('../images/fhub2.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 11px;
  height: 331px;
}

.grid-3-f {
  background-image: url('../images/fconfig2.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 11px;
  height: 160px;
}

.grid-5-f {
  background-image: url('../images/3-92414034.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 11px;
  height: 160px;
}

.grid-4-f {
  background-image: url('../images/4-92471969-thumb.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 11px;
  height: 160px;
}

.bottom-div {
  order: 1;
  justify-content: center;
  align-self: auto;
  width: 70%;
  height: 400px;
  margin-bottom: 16px;
  display: flex;
}

.html-embed-3 {
  border-radius: 11px;
  width: 100%;
}

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

.video-embed-f {
  border-radius: 0;
  order: -1;
  justify-content: center;
  align-self: auto;
  width: 70%;
  height: 400px;
  margin-bottom: 16px;
  display: flex;
}

.divider-fin {
  background-color: #ffffff80;
  order: 1;
  width: 1px;
  height: 35px;
  margin-top: 1px;
  margin-bottom: 16px;
  transform: rotate(90deg);
}

.divtopright-work {
  background-color: #00000040;
  justify-content: center;
  align-items: center;
  width: 33.3%;
  height: 50px;
  display: flex;
}

.divtopright-work.right {
  justify-content: flex-end;
  padding-right: 10px;
  position: sticky;
  top: 1px;
}

.divtop-left-work {
  background-color: #00000040;
  justify-content: center;
  align-items: center;
  width: 33.3%;
  height: 50px;
  display: flex;
}

.divtop-left-work.left {
  background-color: #00000040;
  justify-content: flex-start;
  width: 33.3%;
  padding-left: 10px;
  position: sticky;
}

.divname-work {
  background-color: #00000040;
  justify-content: center;
  align-items: center;
  width: 33.3%;
  height: 50px;
  display: flex;
}

.section-header-work {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
}

.container-body-w {
  z-index: 1000;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.section-body-w {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.div-grid-w, .div-grid-e {
  order: -1;
  width: 70%;
  height: 100%;
  margin-bottom: 16px;
}

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

.grid-1-e {
  background-image: url('../images/Endless-5.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 11px;
  height: 320px;
}

.grid-2-e {
  background-image: url('../images/Endless-induction.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 11px;
  height: 331px;
}

.grid-3-e {
  background-image: url('../images/e-web.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 11px;
  height: 160px;
}

.grid-4-e {
  background-image: url('../images/E-journey3.png');
  background-position: 0%;
  background-size: cover;
  border-radius: 11px;
  height: 160px;
}

.grid-5-e {
  background-image: url('../images/E-journey.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 11px;
  height: 160px;
}

.video-embed-e {
  order: -1;
  justify-content: center;
  align-self: auto;
  width: 70%;
  height: 400px;
  margin-bottom: 16px;
  display: flex;
}

.section-body-k {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.container-body-k {
  z-index: 1000;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.heading-k {
  text-align: center;
  flex: 0 auto;
  align-self: center;
  width: 76%;
  padding-left: 0;
  padding-right: 0;
  font-family: Exo, sans-serif;
  font-size: 45px;
  font-weight: 700;
}

.description-k {
  align-self: center;
  width: 65%;
  margin-top: 10px;
  padding-left: 0;
  padding-right: 0;
}

.div-grid-k {
  order: -1;
  width: 70%;
  height: 100%;
  margin-bottom: 16px;
}

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

.grid-1-k {
  background-image: url('../images/gallery-shot.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 11px;
  height: 320px;
}

.grid-2-k {
  background-image: url('../images/KeUx-8.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 11px;
  height: 331px;
}

.grid-3-k {
  background-image: url('../images/KeUx-5.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 11px;
  height: 160px;
}

.grid-4-k {
  background-image: url('../images/KE-Booking-thumb.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 11px;
  height: 160px;
}

.grid-5-k {
  background-image: url('../images/KE-OfficeTour130.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 11px;
  height: 160px;
}

.video-embed-k {
  order: 1;
  justify-content: center;
  align-self: auto;
  width: 70%;
  height: 400px;
  margin-bottom: 16px;
  display: flex;
}

.divider-work-home {
  background-color: #ffffff80;
  order: -1;
  width: 1px;
  height: 35px;
  margin-top: 1px;
  margin-bottom: 16px;
}

.link-f, .link-k, .link-c, .link-g, .link-e, .link-h {
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.section-body-g {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.container-body-g {
  z-index: 1000;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.div-grid-g {
  order: -1;
  width: 70%;
  height: 100%;
  margin-bottom: 16px;
}

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

.grid-1-g {
  background-image: url('../images/gfit.png');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 11px;
  height: 320px;
}

.grid-2-g {
  background-image: url('../images/082911_MobileSales-3.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 11px;
  height: 331px;
}

.grid-3-g {
  background-image: url('../images/001insideEdge_edge_planSnapshot.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 11px;
  height: 160px;
}

.grid-5-g {
  background-image: url('../images/IMG_3183.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 11px;
  height: 160px;
}

.grid-4-g {
  background-image: url('../images/gstrat.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 11px;
  height: 160px;
}

.section-body-g-copy {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.container-body-c {
  z-index: 1000;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.div-grid-c {
  order: -1;
  width: 70%;
  height: 100%;
  margin-bottom: 16px;
}

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

.grid-1-c {
  background-image: url('../images/commbank-board.jpg');
  background-position: 50% 17%;
  background-size: cover;
  border-radius: 11px;
  height: 320px;
}

.grid-2-c {
  background-image: url('../images/CBA-Home-THUMB.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 11px;
  height: 331px;
}

.grid-3-c {
  background-image: url('../images/CBA-FirstTimeHB-THUMB.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 11px;
  height: 160px;
}

.grid-5-c {
  background-image: url('../images/sydney27.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 11px;
  height: 160px;
}

.grid-4-c {
  background-image: url('../images/Unknown.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 11px;
  height: 160px;
}

.video-embed-c {
  order: -1;
  justify-content: center;
  align-self: auto;
  width: 70%;
  height: 400px;
  margin-bottom: 16px;
  display: flex;
}

.next-h, .prev-h {
  color: var(--dark-orange);
}

.div-grid-h {
  order: -1;
  width: 70%;
  height: 100%;
  margin-bottom: 16px;
}

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

.grid-1-h {
  background-image: url('../images/Hero-H.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 11px;
  height: 320px;
}

.grid-2-h {
  background-image: url('../images/QR-H.png');
  background-position: 0%;
  background-size: cover;
  border-radius: 11px;
  height: 331px;
}

.grid-3-h {
  background-image: url('../images/PDP---Add-to-Cart.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 11px;
  height: 160px;
}

.grid-5-h {
  background-image: url('../images/h-research.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 11px;
  height: 160px;
}

.grid-4-h {
  background-image: url('../images/hv-eco.png');
  background-position: 15%;
  background-size: cover;
  border-radius: 11px;
  height: 160px;
}

.next-c, .prev-c, .next-g, .prev-g, .next-k, .prev-k, .next-e, .prev-e, .next-f, .prev-f {
  color: var(--dark-orange);
}

.div-block-54 {
  opacity: .12;
  filter: hue-rotate(180deg);
  background-image: url('../images/ClientLogo-11.svg');
  background-position: 50%;
  background-size: 120%;
  width: 100%;
  height: 100%;
}

.div-block-55 {
  opacity: .12;
  filter: hue-rotate(180deg);
  background-image: url('../images/CBA-LOGO.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 120%;
  width: 100%;
  height: 100%;
}

.div-block-56 {
  opacity: .12;
  filter: hue-rotate(180deg);
  background-image: url('../images/ClientLogo-9.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 220%;
  width: 100%;
  height: 100%;
}

.div-block-57 {
  opacity: .12;
  filter: hue-rotate(180deg);
  background-image: url('../images/ClientLogo-14.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 240%;
  width: 100%;
  height: 100%;
}

.div-block-58 {
  opacity: .12;
  filter: hue-rotate(180deg);
  background-image: url('../images/ClientLogo-10.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 75%;
  width: 100%;
  height: 100%;
}

.div-block-59 {
  opacity: .12;
  filter: hue-rotate(180deg);
  background-image: url('../images/ClientLogo-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 250%;
  width: 100%;
  height: 100%;
}

.div-block-60, .div-block-61, .div-block-62 {
  flex-direction: column;
  align-items: center;
  width: 30%;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.heading-10 {
  margin-right: 0;
}

.image-17 {
  margin-right: 5px;
}

.paragraph-6, .paragraph-7, .paragraph-8 {
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}

.text-span, .text-span-2, .text-span-3 {
  color: var(--dark-grey);
}

.div-block-63 {
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
}

.div-block-64, .div-block-65, .div-block-66, .div-block-67 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-18, .image-19, .image-20, .image-21 {
  width: 75%;
}

.grid-11 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 16px;
  margin-left: 10px;
  margin-right: 10px;
}

.heading-11 {
  text-align: center;
  padding-left: 0;
}

.heading-12, .heading-13, .heading-14 {
  text-align: center;
}

.icon-5 {
  color: var(--dark-orange);
  justify-content: center;
  align-items: center;
  margin-right: 186px;
  padding-left: 0;
  font-size: 18px;
}

.dropdown-3 {
  justify-content: center;
  width: 100%;
  display: block;
  overflow: visible;
}

.dropdown-toggle-4 {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 20px;
  display: flex;
}

.dropdown-toggle-4.w--open {
  width: 100%;
  margin-left: 0;
}

.clients-text {
  z-index: 100;
  color: var(--dark-orange);
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 8px;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
}

.dropdown-list-3 {
  z-index: 3000;
}

.dropdown-list-3.w--open {
  z-index: 4000;
  background-color: #0000;
  position: relative;
}

.divider-contact {
  background-color: #ffffff80;
  width: 1px;
  height: 35px;
  margin-top: 18px;
  margin-bottom: 16px;
}

.bold-text-2 {
  color: var(--gainsboro);
  font-family: Droid Sans, sans-serif;
  font-weight: 400;
}

.div-contacts {
  flex-direction: column;
  order: 1;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  display: flex;
}

.divider-contact-2 {
  background-color: #ffffff80;
  order: -1;
  width: 1px;
  height: 35px;
  margin-top: 1px;
  margin-bottom: 16px;
}

.divider-work2-copy {
  background-color: #ffffff80;
  order: 1;
  width: 1px;
  height: 35px;
  margin-top: 0;
  margin-bottom: 16px;
}

.link-block-9 {
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 6px 12px;
  display: flex;
}

.lightbox-link, .image-22, .lightbox-link-2, .lightbox-link-3, .lightbox-link-4, .lightbox-link-5, .lightbox-link-6 {
  width: 100%;
  height: 100%;
}

.footer-paragraph {
  align-self: flex-start;
  width: 80%;
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 19px;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
  line-height: 20px;
}

.thought-paragraph {
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 6px;
  padding-right: 0;
  display: block;
}

.div-block-68 {
  padding-left: 37px;
  padding-right: 37px;
}

@media screen and (min-width: 1280px) {
  .maxw-container-header {
    max-width: 1200px;
    margin-bottom: 20px;
  }

  .pdf-link {
    margin-top: 3px;
  }
}

@media screen and (min-width: 1440px) {
  .div-work {
    grid-template-rows: 150px 150px 150px 150px;
  }

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

  .div-block-43.cba {
    border-radius: 11px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-history {
    height: 100%;
  }

  .pdf-link {
    width: 350px;
    height: 170px;
    margin-top: 1px;
  }

  .text-block-27 {
    margin-top: 12px;
    margin-bottom: 13px;
  }

  .div-block-48 {
    border-bottom-right-radius: 11px;
    border-bottom-left-radius: 11px;
    justify-content: flex-start;
  }

  .div-thought {
    height: 265px;
  }

  .div-people2 {
    height: 100%;
  }

  .grid-7 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    padding-left: 10px;
    padding-right: 10px;
  }

  .history-link, .people-link, .teams-link, .process-link, .process-link.w--current {
    font-size: 18px;
  }

  .div-teams, .div-process, .div-about {
    height: 100%;
  }

  .div-block-about {
    border-bottom-right-radius: 11px;
    border-bottom-left-radius: 11px;
    justify-content: flex-start;
  }

  .clients-text {
    margin-top: 12px;
    margin-bottom: 13px;
  }

  .div-contacts {
    height: 100%;
  }
}

@media screen and (max-width: 991px) {
  .hero {
    min-height: 520px;
  }

  .hero.project-page {
    min-height: 344px;
  }

  .nav {
    margin-top: 0;
  }

  .menu-button {
    color: #fff;
  }

  .menu-button:hover {
    color: #00d6b4;
  }

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

  .heading-wrapper {
    margin-top: 115px;
  }

  .nav-menu {
    background-color: #000;
  }

  .project-body-copy {
    margin-left: 12%;
    margin-right: 12%;
  }

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

  .text-block-2 {
    align-self: center;
    margin-top: 25px;
    margin-bottom: 20px;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 32px;
    line-height: 32px;
  }

  .menu-container {
    flex-direction: row;
    margin-top: 0;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .name-title {
    margin-top: 38px;
    line-height: 32px;
  }

  .container-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 29px;
    display: flex;
  }

  .contact-info {
    margin-top: 38px;
    line-height: 32px;
  }

  .comm-para {
    line-height: 28px;
  }

  .nav-block {
    z-index: 1000;
    flex-direction: row;
    flex: 1;
    order: -1;
    justify-content: space-around;
    align-self: auto;
    max-width: 100%;
  }

  .nav-menu-3 {
    background-color: #000;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

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

  .nav-link-8 {
    color: #fff;
    padding-left: 42px;
  }

  .dropdown-list {
    background-color: #181212;
  }

  .dropdown-list.w--open {
    background-color: #000;
    width: 100%;
  }

  .text-block-14, .icon-2 {
    color: #fff;
  }

  .div-block-34 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .section-header2 {
    position: static;
  }

  .divider {
    align-self: center;
    margin-top: 27px;
    margin-bottom: 10px;
  }

  .heading-9 {
    width: 50%;
    padding-left: 0;
    padding-right: 16px;
    font-size: 32px;
    line-height: 32px;
  }

  .hero-paragraph {
    align-self: flex-start;
    width: 50%;
    margin-top: 0;
    padding-left: 16px;
    padding-right: 0;
  }

  .people {
    margin-left: 0;
    margin-right: 27px;
  }

  .div-work {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
  }

  .div-block-43 {
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-left: 13px;
    padding-right: 0;
  }

  .text-block-22 {
    text-align: left;
    text-transform: uppercase;
    white-space: normal;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 16px;
    position: absolute;
    overflow: visible;
  }

  .text-block-27-history, .text-block-27-people {
    color: var(--dark-orange);
  }

  .pdf-link {
    height: 160px;
  }

  .div-block-47 {
    width: 90%;
  }

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

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

  .grid-7 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .work {
    width: 70%;
  }

  .history-link, .people-link, .teams-link {
    font-size: 12px;
  }

  .hero2 {
    margin-top: 16px;
  }

  .divider-thought, .divider-work, .divider-people {
    align-self: center;
    margin-top: 27px;
    margin-bottom: 10px;
  }

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

  .divider-history, .divider-teams, .divider-process, .divider-about {
    align-self: center;
    margin-top: 27px;
    margin-bottom: 10px;
  }

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

  .div-block-53 {
    width: 30%;
  }

  .description-f {
    width: 90%;
    padding-left: 16px;
    padding-right: 0;
  }

  .heading-f {
    width: 50%;
    padding-left: 0;
    padding-right: 16px;
    font-size: 32px;
    line-height: 32px;
  }

  .divider-work2 {
    align-self: center;
    margin-top: 27px;
    margin-bottom: 10px;
  }

  .bottom-div, .video-embed-f {
    width: 90%;
  }

  .divider-fin {
    align-self: center;
    margin-top: 27px;
    margin-bottom: 10px;
  }

  .section-header-work {
    position: static;
  }

  .container-body-w {
    max-width: 80%;
  }

  .div-grid-w, .div-grid-e, .video-embed-e {
    width: 90%;
  }

  .container-body-k {
    max-width: 80%;
  }

  .heading-k {
    width: 75%;
    padding-left: 0;
    padding-right: 16px;
    font-size: 32px;
    line-height: 32px;
  }

  .description-k {
    width: 90%;
    padding-left: 16px;
    padding-right: 0;
  }

  .div-grid-k, .video-embed-k {
    width: 90%;
  }

  .divider-work-home {
    align-self: center;
    margin-top: 27px;
    margin-bottom: 10px;
  }

  .link-k {
    flex-wrap: wrap;
  }

  .container-body-g {
    max-width: 80%;
  }

  .div-grid-g {
    width: 90%;
  }

  .container-body-c {
    max-width: 80%;
  }

  .div-grid-c, .video-embed-c, .div-grid-h {
    width: 90%;
  }

  .div-block-60, .div-block-61, .div-block-62 {
    align-items: flex-start;
  }

  .heading-10 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .div-block-63 {
    justify-content: flex-start;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 11px;
  }

  .divider-contact, .divider-contact-2, .divider-work2-copy {
    align-self: center;
    margin-top: 27px;
    margin-bottom: 10px;
  }

  .heading-15, .heading-16 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .footer-paragraph {
    align-self: flex-start;
    width: 50%;
    margin-top: 0;
    padding-left: 16px;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .hero {
    min-height: 420px;
  }

  .hero.small {
    min-height: 280px;
  }

  .hero.project-page {
    min-height: 256px;
  }

  .nav {
    padding-top: 0;
  }

  .main-heading {
    font-size: 38px;
    line-height: 43px;
  }

  .heading-wrapper {
    margin-top: 72px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .project-body-copy {
    margin-left: 40px;
    margin-right: 40px;
  }

  .text-block-2 {
    text-align: left;
    flex: 0 auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 25px;
    position: static;
    top: 8px;
  }

  .menu-container {
    flex-direction: row;
    align-items: center;
    margin-top: 0;
    margin-left: -77px;
    margin-right: 29px;
  }

  .name-title {
    margin-bottom: 49px;
    margin-left: 25px;
    padding-top: 0;
  }

  .container-3 {
    flex-flow: column wrap;
    justify-content: center;
    margin-top: 15px;
    display: flex;
  }

  .contact-info {
    margin-top: 0;
    margin-bottom: 38px;
    margin-left: 25px;
  }

  .comm-para {
    line-height: 28px;
  }

  .nav-block {
    flex-flow: row;
    place-content: space-between;
    align-items: center;
  }

  .brand {
    width: 80%;
  }

  .section-header2 {
    position: static;
  }

  .heading-9 {
    text-align: center;
    width: 100%;
    padding-right: 0;
  }

  .hero-paragraph {
    width: 100%;
    padding-left: 0;
  }

  .history {
    margin-right: -17px;
  }

  .div-work {
    grid-row-gap: 10px;
    grid-template-rows: 100px 100px 100px 100px 100px 100px 0;
    grid-template-columns: 4fr;
    width: 90%;
    height: 100%;
  }

  .div-block-43.intel, .div-block-43.ke, .div-block-43.g {
    background-position: 15%;
  }

  .text-block-22 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .div-history {
    flex-direction: column;
    height: 100%;
  }

  .text-block-23 {
    margin-top: 0;
  }

  .text-block-27-history {
    margin-left: 0;
  }

  .text-block-27-people {
    margin-left: 0;
    margin-right: 0;
  }

  .pdf-link {
    width: 275px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
  }

  .text-block-27 {
    align-self: flex-start;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 23px;
  }

  .text-block-29 {
    margin-top: 13px;
    padding-left: 21px;
    padding-right: 21px;
    font-size: 12px;
  }

  .div-block-48, .link-block-7 {
    align-items: center;
  }

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

  .div-block-49.history {
    width: 80%;
    margin-left: 20px;
  }

  .div-block-49.displays {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-49.teams2 {
    flex-direction: column;
  }

  .grid-6 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    justify-content: stretch;
    justify-items: stretch;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
  }

  .div-thought {
    flex-direction: column;
    height: 370px;
  }

  .div-people2 {
    flex-direction: column;
    height: 100%;
  }

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

  .work {
    max-width: 75%;
  }

  .history-link, .people-link, .teams-link, .process-link {
    margin-left: 10px;
    margin-right: 10px;
  }

  .divtop-left, .divtopright, .divbotright, .divbotleft, .divname {
    z-index: 300;
    position: relative;
  }

  .hero2 {
    flex-direction: column;
  }

  .divider-work {
    margin-top: 16px;
  }

  .div-teams, .div-process, .div-about {
    flex-direction: column;
    height: 100%;
  }

  .div-block-50 {
    flex: 0 auto;
  }

  .about-photo {
    flex-direction: column;
    align-items: center;
  }

  .div-block-about {
    align-items: center;
    height: auto;
  }

  .div-block-53 {
    width: 40%;
  }

  .work-hero {
    flex-direction: column;
    width: 80%;
  }

  .description-f {
    width: 100%;
  }

  .heading-f {
    text-align: center;
    width: 50%;
    padding-right: 0;
  }

  .divider-work2 {
    margin-top: 16px;
  }

  .grid-1-f {
    height: 260px;
  }

  .grid-2-f {
    background-position: 50%;
    background-size: cover;
    height: 290px;
  }

  .grid-3-f, .grid-5-f, .grid-4-f {
    height: 140px;
  }

  .html-embed-3 {
    width: 100%;
  }

  .divider-fin {
    margin-top: 16px;
  }

  .divtopright-work, .divtop-left-work, .divname-work {
    z-index: 300;
    position: relative;
  }

  .section-header-work {
    position: static;
  }

  .grid-1-e {
    height: 260px;
  }

  .grid-2-e {
    background-position: 50%;
    background-size: cover;
    height: 290px;
  }

  .grid-3-e, .grid-4-e, .grid-5-e {
    height: 140px;
  }

  .heading-k {
    text-align: center;
    width: 85%;
    padding-right: 0;
  }

  .description-k {
    width: 100%;
  }

  .grid-1-k {
    height: 260px;
  }

  .grid-2-k {
    background-position: 50%;
    background-size: cover;
    height: 140px;
  }

  .grid-3-k, .grid-4-k, .grid-5-k {
    height: 140px;
  }

  .divider-work-home {
    margin-top: 16px;
  }

  .grid-1-g {
    height: 260px;
  }

  .grid-2-g {
    background-position: 50%;
    background-size: cover;
    height: 140px;
  }

  .grid-3-g, .grid-5-g, .grid-4-g {
    height: 140px;
  }

  .grid-1-c {
    height: 260px;
  }

  .grid-2-c {
    background-position: 50%;
    background-size: cover;
    height: 140px;
  }

  .grid-3-c, .grid-5-c, .grid-4-c {
    height: 140px;
  }

  .grid-1-h {
    height: 260px;
  }

  .grid-2-h {
    background-position: 50%;
    background-size: cover;
    height: 140px;
  }

  .grid-3-h, .grid-5-h, .grid-4-h {
    height: 140px;
  }

  .div-block-59 {
    background-position: 0%;
    background-size: 120%;
  }

  .div-block-60, .div-block-61, .div-block-62 {
    width: 100%;
  }

  .image-17 {
    padding-right: 13px;
  }

  .div-block-63 {
    flex-direction: row;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    display: flex;
  }

  .div-block-64, .div-block-65, .div-block-66, .div-block-67 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-18, .image-19, .image-20, .image-21 {
    width: 50%;
  }

  .heading-11, .heading-12, .heading-13, .heading-14 {
    font-size: 18px;
    line-height: 18px;
  }

  .icon-5 {
    margin-right: 105px;
  }

  .clients-text {
    align-self: flex-start;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 23px;
  }

  .div-contacts {
    flex-direction: column;
    height: 100%;
  }

  .divider-contact-2, .divider-work2-copy {
    margin-top: 16px;
  }

  .footer-paragraph {
    width: 100%;
    padding-left: 0;
  }

  .thought-paragraph {
    margin-top: 13px;
    padding-left: 21px;
    padding-right: 21px;
    font-size: 12px;
  }
}

@media screen and (max-width: 479px) {
  .hero {
    min-height: 340px;
  }

  .hero.project-page {
    min-height: 226px;
  }

  .heading-wrapper {
    margin-top: 50px;
  }

  .project-body-copy {
    margin-left: 18px;
    margin-right: 18px;
  }

  .text-block-2 {
    margin: 0 10px 0 5px;
    font-size: 28px;
    line-height: 28px;
  }

  .menu {
    margin-left: 5px;
    padding-left: 0;
    padding-right: 8px;
  }

  .menu-container {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .name-title {
    text-align: center;
    margin: 0 10px 0 3px;
    line-height: 58px;
  }

  .container-3 {
    min-height: 450px;
  }

  .contact-info {
    text-align: center;
    margin: 32px 10px 0 3px;
    line-height: 28px;
  }

  .comm-para {
    width: 100%;
    min-width: auto;
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 10px;
    line-height: 28px;
  }

  .nav-block {
    background-color: var(--gainsboro);
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 0;
    padding-top: 18px;
    padding-bottom: 17px;
    top: 0;
  }

  .ph-link {
    color: var(--dark-orange);
  }

  .brand {
    width: 60%;
    padding-left: 0;
  }

  .menu-button-3 {
    margin-right: 0;
  }

  .dropdown-list {
    display: none;
  }

  .firstname, .lastname {
    font-size: 25px;
  }

  .section-header2 {
    align-items: flex-start;
    position: static;
  }

  .linkedin, .behance {
    width: 40px;
    height: 40px;
  }

  .link-block-5 {
    flex-wrap: nowrap;
    justify-content: center;
  }

  .section-gap {
    height: 100%;
  }

  .divider {
    margin-top: 5px;
  }

  .heading-9 {
    text-align: left;
    width: 100%;
    padding-right: 0;
    font-size: 45px;
    line-height: 45px;
  }

  .hero-paragraph {
    width: 100%;
    padding: 14px 0 17px;
  }

  .history {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .people {
    margin-left: 14px;
    margin-right: 13px;
  }

  .div-work {
    grid-column-gap: 5px;
    grid-row-gap: 10px;
    grid-template-rows: 75px 75px 75px 75px 75px 75px 0;
    width: 100%;
    height: 100%;
    margin-bottom: 19px;
  }

  .div-block-43 {
    height: 100%;
  }

  .text-block-22 {
    margin-top: 0;
  }

  .div-history {
    margin-top: 7px;
  }

  .text-block-23 {
    margin-right: auto;
  }

  .text-block-27-history {
    margin-bottom: 7px;
    margin-left: -6px;
  }

  .text-block-27-people {
    margin: 22px 8px -5px 10px;
  }

  .pdf-link {
    width: 200px;
    height: 125px;
  }

  .text-block-27 {
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 9px;
    padding-top: 12px;
    padding-bottom: 0;
    padding-left: 0;
    line-height: 24px;
  }

  .text-block-29 {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .div-block-48 {
    padding-bottom: 0;
  }

  .image9 {
    margin: 8px 5px;
  }

  .grid-6 {
    grid-row-gap: 21px;
    width: 100%;
    margin-top: 14px;
    padding-left: 0;
  }

  .div-thought {
    margin-top: 12px;
    margin-bottom: 16px;
  }

  .div-people2 {
    height: 100%;
    margin-top: 7px;
  }

  .grid-7 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .tab-link-tab-1-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tabs-2 {
    flex-direction: column;
    height: 100%;
    display: flex;
  }

  .tabs-content-2 {
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    line-height: 12px;
  }

  .tab-link-tab-2-2, .tab-link-tab-2-2.w--current, .tab-link-tab-3-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-4 {
    line-height: 20px;
  }

  .tabs-menu-2 {
    display: flex;
  }

  .history-link {
    text-transform: uppercase;
    margin: 0 23px 0 0;
    font-size: 12px;
  }

  .people-link {
    text-transform: uppercase;
    margin: 5px 23px 0 0;
    font-size: 12px;
  }

  .teams-link {
    text-transform: uppercase;
    margin: 0 23px 0 0;
    font-size: 12px;
  }

  .process-link {
    text-transform: uppercase;
    margin: 5px 23px 0 0;
    font-size: 12px;
  }

  .divtop-left {
    flex-wrap: wrap;
    height: 75px;
    padding: 10px;
  }

  .divtop-left.left {
    flex-direction: row;
    align-items: flex-start;
    padding: 10px;
    display: none;
  }

  .divtopright {
    flex-wrap: wrap;
    height: 75px;
    padding: 10px;
  }

  .divtopright.right {
    justify-content: flex-end;
    display: none;
  }

  .divbotright {
    flex-wrap: wrap;
    height: 75px;
    padding: 10px;
  }

  .divbotright.right {
    height: 55px;
    display: none;
  }

  .divbotleft {
    flex-wrap: wrap;
    height: 75px;
    padding: 10px;
  }

  .divbotleft.left {
    flex-direction: row;
    width: 100px;
    height: 55px;
    padding: 15px 13px 13px;
    display: none;
  }

  .divname {
    flex-wrap: wrap;
    width: 100%;
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
  }

  .hero2 {
    flex-direction: column;
    width: 95%;
  }

  .divider-work {
    margin-top: 16px;
  }

  .container-body {
    max-width: 95%;
  }

  .divider-teams {
    margin-top: 5px;
  }

  .div-teams {
    margin-top: 7px;
  }

  .divider-process {
    margin-top: 5px;
  }

  .div-process {
    margin-top: 7px;
  }

  .aboutme, .contactme {
    width: 40px;
    height: 40px;
  }

  .divider-about {
    margin-top: 5px;
  }

  .div-about {
    margin-top: 7px;
  }

  .div-block-53 {
    width: 100%;
    padding-left: 26px;
    padding-right: 26px;
  }

  .work-hero {
    flex-direction: column;
    width: 95%;
  }

  .description-f {
    width: 100%;
    padding: 14px 0 17px;
  }

  .link-block-8 {
    width: 75%;
  }

  .close-button-img {
    flex: 0 auto;
    padding-right: 0;
  }

  .heading-f {
    text-align: center;
    width: 100%;
    padding-right: 0;
    font-size: 45px;
    line-height: 45px;
  }

  .divider-work2 {
    margin-top: 0;
  }

  .grid-2-f {
    height: 350px;
  }

  .grid-3-f, .grid-5-f, .grid-4-f {
    height: 170px;
  }

  .bottom-div {
    background-color: #0000;
    height: 400px;
    position: relative;
  }

  .html-embed-3 {
    height: 80%;
  }

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

  .video-embed-f {
    background-color: #0000;
    height: 300px;
    position: relative;
  }

  .divider-fin {
    margin-top: 16px;
  }

  .divtopright-work {
    flex-wrap: wrap;
    height: 75px;
    padding: 10px;
  }

  .divtopright-work.right {
    justify-content: flex-end;
    display: flex;
  }

  .divtop-left-work {
    flex-wrap: wrap;
    height: 75px;
    padding: 10px;
  }

  .divtop-left-work.left {
    flex-direction: row;
    align-items: flex-start;
    padding: 10px;
    display: block;
  }

  .divname-work {
    flex-wrap: wrap;
    width: 60%;
    height: 75px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
  }

  .section-header-work {
    align-items: flex-start;
    position: static;
  }

  .container-body-w {
    max-width: 95%;
  }

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

  .grid-2-e {
    height: 350px;
  }

  .grid-3-e, .grid-4-e, .grid-5-e {
    height: 170px;
  }

  .video-embed-e {
    background-color: #0000;
    height: 300px;
    position: relative;
  }

  .container-body-k {
    max-width: 95%;
  }

  .heading-k {
    text-align: center;
    width: 100%;
    padding-right: 0;
    font-size: 45px;
    line-height: 45px;
  }

  .description-k {
    width: 100%;
    padding: 14px 0 17px;
  }

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

  .grid-2-k {
    height: 200px;
  }

  .grid-3-k, .grid-4-k, .grid-5-k {
    height: 170px;
  }

  .video-embed-k {
    background-color: #0000;
    height: 300px;
    position: relative;
  }

  .divider-work-home {
    margin-top: 16px;
  }

  .container-body-g {
    max-width: 95%;
  }

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

  .grid-2-g {
    height: 200px;
  }

  .grid-3-g, .grid-5-g, .grid-4-g {
    height: 170px;
  }

  .container-body-c {
    max-width: 95%;
  }

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

  .grid-2-c {
    height: 200px;
  }

  .grid-3-c, .grid-5-c, .grid-4-c {
    height: 170px;
  }

  .video-embed-c {
    background-color: #0000;
    height: 300px;
    position: relative;
  }

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

  .grid-2-h {
    height: 200px;
  }

  .grid-3-h, .grid-5-h, .grid-4-h {
    height: 170px;
  }

  .image-17 {
    width: 20%;
  }

  .paragraph-6, .paragraph-7, .paragraph-8 {
    width: 90%;
  }

  .div-block-64, .div-block-65, .div-block-66, .div-block-67 {
    justify-content: flex-end;
  }

  .grid-11 {
    grid-column-gap: 5px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .heading-11, .heading-12, .heading-13 {
    font-family: Droid Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
  }

  .heading-14 {
    order: 1;
    font-family: Droid Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
  }

  .icon-5 {
    margin-right: 20px;
  }

  .clients-text {
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 9px;
    padding-top: 12px;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 14px;
    line-height: 24px;
  }

  .divider-contact {
    margin-top: 5px;
  }

  .div-contacts {
    margin-top: 7px;
  }

  .divider-contact-2 {
    margin-top: 16px;
  }

  .divider-work2-copy {
    margin-top: 0;
  }

  .paragraph-9 {
    line-height: 20px;
  }

  .footer-paragraph {
    width: 100%;
    padding: 14px 0 17px;
  }

  .thought-paragraph {
    width: 100%;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

#w-node-_11e1dccc-2135-5b8f-bee9-e1951c1d5db8-388660df {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start end;
}

#w-node-_5ba0cced-c6dd-8c39-2aa0-7879f8f24d84-388660df {
  grid-area: 1 / 2 / 2 / 4;
  place-self: center;
}

#w-node-_200796c8-9c33-b58d-708a-0bf55ef5a98d-388660df {
  grid-area: 3 / 2 / 5 / 3;
  place-self: center;
}

#w-node-acae8ded-d80b-7af7-62ca-568b4fffc9c0-388660df {
  grid-area: 2 / 1 / 3 / 3;
  place-self: center;
}

#w-node-_520f76cf-6799-0d9e-d665-32022b93cc07-388660df {
  grid-area: 2 / 3 / 3 / 4;
  place-self: center;
}

#w-node-_28e34d1e-39e5-d8d4-d302-2cff1a99d83c-388660df {
  grid-area: 3 / 3 / 4 / 5;
  place-self: center;
}

#w-node-_133c6305-83c1-27bd-54bc-91a3621088f4-388660df {
  grid-area: 1 / 4 / 3 / 5;
  place-self: center;
}

#w-node-d057f29f-fdf3-2d3e-f885-30d485d7ac06-388660df {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-c1f491ba-0766-7190-e7df-8b09ae196306-388660df, #w-node-ef489cbb-2bfb-7e3d-7a20-e3263888d3ab-388660df, #w-node-_9d0a2b6a-6c3c-cd9d-c1f1-ac4b00964b87-388660df, #w-node-dc9d76b7-f4bd-62ff-bdbb-abc65258b3d3-388660df, #w-node-ebc74b67-716e-f9d2-cceb-78a49e5a6e2b-388660df, #w-node-_1e44e050-9b44-093f-e4c9-4c15d5e4c77e-388660df, #w-node-cf4b8ee3-5626-f625-8bef-b1245d06fa58-388660df, #w-node-_547879e8-6509-dda4-aa40-66beae4eae22-388660df, #w-node-_6fa5c78d-e824-f9f2-d6d4-b49c20895246-388660df, #w-node-_439e3e8a-7c85-3ec9-a2bf-a7635613a6e3-388660df, #w-node-_2adf58f8-7514-60e1-262a-07ba376878a1-388660df, #w-node-_6643dbfe-1d66-a36a-1877-baed5995b50f-388660df, #w-node-_0aa48cb3-2544-976e-309b-354b55b0bab2-388660df, #w-node-_7d089e94-8e67-6c3a-b3c1-707e1c568558-388660df, #w-node-fcc9658b-8530-796b-dc93-105f71baae53-388660df, #w-node-f527461c-3db5-fea9-b076-39d5179718b1-388660df, #w-node-_3f833d70-fb75-a235-a1e4-f7ea57a04bd2-388660df, #w-node-_6fc3b7ab-2810-f884-86a9-855f2a3a8506-388660df, #w-node-ddf3aa10-b414-1939-8ae0-3311cfbf827f-388660df {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8ac7adfb-bc67-d1da-4e6e-269a52cc5bea-388660df, #w-node-_8ac7adfb-bc67-d1da-4e6e-269a52cc5bed-388660df, #w-node-_8ac7adfb-bc67-d1da-4e6e-269a52cc5bf0-388660df, #w-node-_8ac7adfb-bc67-d1da-4e6e-269a52cc5bf3-388660df {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_8dc7f257-3f5c-d236-4245-77dae1afc092-8b91ae5a {
  grid-area: span 3 / span 4 / span 3 / span 4;
}

#w-node-_2c8d08f6-1264-7e8f-911c-80614f4bb73d-8b91ae5a {
  grid-area: span 4 / span 2 / span 4 / span 2;
}

#w-node-_1f3e3584-99f7-190a-75b7-5cb4dae9e982-8b91ae5a {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-d63bef0b-0f4f-a90d-f2bc-91e03515f3c1-8b91ae5a, #w-node-_7ac43ebe-5cc7-6dd9-01db-e8e84736a5e5-8b91ae5a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_8dc7f257-3f5c-d236-4245-77dae1afc092-31d0fa12 {
  grid-area: span 3 / span 4 / span 3 / span 4;
}

#w-node-_2c8d08f6-1264-7e8f-911c-80614f4bb73d-31d0fa12 {
  grid-area: span 4 / span 2 / span 4 / span 2;
}

#w-node-_1f3e3584-99f7-190a-75b7-5cb4dae9e982-31d0fa12 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-d63bef0b-0f4f-a90d-f2bc-91e03515f3c1-31d0fa12, #w-node-_7ac43ebe-5cc7-6dd9-01db-e8e84736a5e5-31d0fa12 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_8dc7f257-3f5c-d236-4245-77dae1afc092-15ba7b6c {
  grid-area: span 3 / span 4 / span 3 / span 4;
}

#w-node-_2c8d08f6-1264-7e8f-911c-80614f4bb73d-15ba7b6c {
  grid-area: span 4 / span 2 / span 4 / span 2;
}

#w-node-_1f3e3584-99f7-190a-75b7-5cb4dae9e982-15ba7b6c {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_7ac43ebe-5cc7-6dd9-01db-e8e84736a5e5-15ba7b6c, #w-node-d63bef0b-0f4f-a90d-f2bc-91e03515f3c1-15ba7b6c {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_8dc7f257-3f5c-d236-4245-77dae1afc092-1bad7f7e {
  grid-area: span 3 / span 4 / span 3 / span 4;
}

#w-node-_2c8d08f6-1264-7e8f-911c-80614f4bb73d-1bad7f7e {
  grid-area: span 4 / span 2 / span 4 / span 2;
}

#w-node-_1f3e3584-99f7-190a-75b7-5cb4dae9e982-1bad7f7e {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_7ac43ebe-5cc7-6dd9-01db-e8e84736a5e5-1bad7f7e, #w-node-d63bef0b-0f4f-a90d-f2bc-91e03515f3c1-1bad7f7e {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_8dc7f257-3f5c-d236-4245-77dae1afc092-8f4b99bd {
  grid-area: span 3 / span 4 / span 3 / span 4;
}

#w-node-_2c8d08f6-1264-7e8f-911c-80614f4bb73d-8f4b99bd {
  grid-area: span 4 / span 2 / span 4 / span 2;
}

#w-node-_1f3e3584-99f7-190a-75b7-5cb4dae9e982-8f4b99bd {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_7ac43ebe-5cc7-6dd9-01db-e8e84736a5e5-8f4b99bd, #w-node-d63bef0b-0f4f-a90d-f2bc-91e03515f3c1-8f4b99bd {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_8dc7f257-3f5c-d236-4245-77dae1afc092-0ecdaab4 {
  grid-area: span 3 / span 4 / span 3 / span 4;
}

#w-node-_2c8d08f6-1264-7e8f-911c-80614f4bb73d-0ecdaab4 {
  grid-area: span 4 / span 2 / span 4 / span 2;
}

#w-node-_1f3e3584-99f7-190a-75b7-5cb4dae9e982-0ecdaab4 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_7ac43ebe-5cc7-6dd9-01db-e8e84736a5e5-0ecdaab4, #w-node-d63bef0b-0f4f-a90d-f2bc-91e03515f3c1-0ecdaab4 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_5ba0cced-c6dd-8c39-2aa0-7879f8f24d84-388660df {
    grid-area: 1 / 2 / 2 / 4;
    place-self: center;
  }

  #w-node-_200796c8-9c33-b58d-708a-0bf55ef5a98d-388660df {
    grid-area: 3 / 2 / 5 / 3;
    place-self: center;
  }

  #w-node-acae8ded-d80b-7af7-62ca-568b4fffc9c0-388660df {
    grid-area: 2 / 1 / 3 / 3;
    place-self: center;
  }

  #w-node-_520f76cf-6799-0d9e-d665-32022b93cc07-388660df {
    grid-area: 2 / 3 / 3 / 4;
    place-self: center;
  }

  #w-node-_28e34d1e-39e5-d8d4-d302-2cff1a99d83c-388660df {
    grid-area: 3 / 3 / 4 / 5;
    place-self: center;
  }

  #w-node-_133c6305-83c1-27bd-54bc-91a3621088f4-388660df {
    grid-area: 1 / 4 / 3 / 5;
    place-self: center;
  }

  #w-node-c1f491ba-0766-7190-e7df-8b09ae196306-388660df, #w-node-ef489cbb-2bfb-7e3d-7a20-e3263888d3ab-388660df, #w-node-_9d0a2b6a-6c3c-cd9d-c1f1-ac4b00964b87-388660df, #w-node-dc9d76b7-f4bd-62ff-bdbb-abc65258b3d3-388660df {
    justify-self: center;
  }

  #w-node-_8ac7adfb-bc67-d1da-4e6e-269a52cc5bea-388660df, #w-node-_8ac7adfb-bc67-d1da-4e6e-269a52cc5bed-388660df, #w-node-_8ac7adfb-bc67-d1da-4e6e-269a52cc5bf0-388660df, #w-node-_8ac7adfb-bc67-d1da-4e6e-269a52cc5bf3-388660df {
    align-self: end;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_11e1dccc-2135-5b8f-bee9-e1951c1d5db8-388660df {
    place-self: end start;
  }

  #w-node-_5ba0cced-c6dd-8c39-2aa0-7879f8f24d84-388660df {
    grid-area: 1 / 1 / 2 / 2;
    place-self: center;
  }

  #w-node-_200796c8-9c33-b58d-708a-0bf55ef5a98d-388660df {
    grid-area: 4 / 1 / 5 / 2;
    place-self: center;
  }

  #w-node-acae8ded-d80b-7af7-62ca-568b4fffc9c0-388660df {
    grid-area: 2 / 1 / 3 / 2;
    place-self: center;
  }

  #w-node-_520f76cf-6799-0d9e-d665-32022b93cc07-388660df {
    grid-area: 5 / 1 / 6 / 2;
    place-self: center;
  }

  #w-node-_28e34d1e-39e5-d8d4-d302-2cff1a99d83c-388660df {
    grid-area: 3 / 1 / 4 / 2;
    place-self: center;
  }

  #w-node-_133c6305-83c1-27bd-54bc-91a3621088f4-388660df {
    grid-area: 6 / 1 / 7 / 2;
    place-self: center;
  }

  #w-node-c1f491ba-0766-7190-e7df-8b09ae196306-388660df, #w-node-ef489cbb-2bfb-7e3d-7a20-e3263888d3ab-388660df, #w-node-_9d0a2b6a-6c3c-cd9d-c1f1-ac4b00964b87-388660df, #w-node-dc9d76b7-f4bd-62ff-bdbb-abc65258b3d3-388660df {
    justify-self: center;
  }

  #w-node-_8ac7adfb-bc67-d1da-4e6e-269a52cc5bea-388660df, #w-node-_8ac7adfb-bc67-d1da-4e6e-269a52cc5bed-388660df, #w-node-_8ac7adfb-bc67-d1da-4e6e-269a52cc5bf0-388660df, #w-node-_8ac7adfb-bc67-d1da-4e6e-269a52cc5bf3-388660df {
    align-self: end;
  }

  #w-node-_2c8d08f6-1264-7e8f-911c-80614f4bb73d-8b91ae5a {
    grid-area: span 3 / span 2 / span 3 / span 2;
  }

  #w-node-_1f3e3584-99f7-190a-75b7-5cb4dae9e982-8b91ae5a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2c8d08f6-1264-7e8f-911c-80614f4bb73d-31d0fa12 {
    grid-area: span 3 / span 2 / span 3 / span 2;
  }

  #w-node-_1f3e3584-99f7-190a-75b7-5cb4dae9e982-31d0fa12, #w-node-_2c8d08f6-1264-7e8f-911c-80614f4bb73d-15ba7b6c, #w-node-_1f3e3584-99f7-190a-75b7-5cb4dae9e982-15ba7b6c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7ac43ebe-5cc7-6dd9-01db-e8e84736a5e5-15ba7b6c {
    grid-area: 5 / 1 / 7 / 3;
  }

  #w-node-d63bef0b-0f4f-a90d-f2bc-91e03515f3c1-15ba7b6c {
    grid-area: 5 / 3 / 7 / 5;
  }

  #w-node-_2c8d08f6-1264-7e8f-911c-80614f4bb73d-1bad7f7e, #w-node-_1f3e3584-99f7-190a-75b7-5cb4dae9e982-1bad7f7e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7ac43ebe-5cc7-6dd9-01db-e8e84736a5e5-1bad7f7e {
    grid-area: 5 / 1 / 7 / 3;
  }

  #w-node-d63bef0b-0f4f-a90d-f2bc-91e03515f3c1-1bad7f7e {
    grid-area: 5 / 3 / 7 / 5;
  }

  #w-node-_2c8d08f6-1264-7e8f-911c-80614f4bb73d-8f4b99bd, #w-node-_1f3e3584-99f7-190a-75b7-5cb4dae9e982-8f4b99bd {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7ac43ebe-5cc7-6dd9-01db-e8e84736a5e5-8f4b99bd {
    grid-area: 5 / 1 / 7 / 3;
  }

  #w-node-d63bef0b-0f4f-a90d-f2bc-91e03515f3c1-8f4b99bd {
    grid-area: 5 / 3 / 7 / 5;
  }

  #w-node-_2c8d08f6-1264-7e8f-911c-80614f4bb73d-0ecdaab4, #w-node-_1f3e3584-99f7-190a-75b7-5cb4dae9e982-0ecdaab4 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7ac43ebe-5cc7-6dd9-01db-e8e84736a5e5-0ecdaab4 {
    grid-area: 5 / 1 / 7 / 3;
  }

  #w-node-d63bef0b-0f4f-a90d-f2bc-91e03515f3c1-0ecdaab4 {
    grid-area: 5 / 3 / 7 / 5;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_11e1dccc-2135-5b8f-bee9-e1951c1d5db8-388660df {
    justify-self: center;
  }

  #w-node-_5ba0cced-c6dd-8c39-2aa0-7879f8f24d84-388660df {
    order: -9999;
    grid-row: 1 / 2;
  }

  #w-node-_200796c8-9c33-b58d-708a-0bf55ef5a98d-388660df {
    grid-row: 4 / 5;
  }

  #w-node-acae8ded-d80b-7af7-62ca-568b4fffc9c0-388660df {
    grid-row: 2 / 3;
  }

  #w-node-_28e34d1e-39e5-d8d4-d302-2cff1a99d83c-388660df {
    grid-row: 3 / 4;
  }

  #w-node-_133c6305-83c1-27bd-54bc-91a3621088f4-388660df {
    order: 9999;
    grid-area: 6 / 1 / 7 / 2;
    place-self: center;
  }

  #w-node-_8ac7adfb-bc67-d1da-4e6e-269a52cc5bea-388660df, #w-node-_8ac7adfb-bc67-d1da-4e6e-269a52cc5bed-388660df, #w-node-_8ac7adfb-bc67-d1da-4e6e-269a52cc5bf0-388660df, #w-node-_8ac7adfb-bc67-d1da-4e6e-269a52cc5bf3-388660df {
    align-self: end;
  }

  #w-node-_8dc7f257-3f5c-d236-4245-77dae1afc092-8b91ae5a {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }

  #w-node-_2c8d08f6-1264-7e8f-911c-80614f4bb73d-8b91ae5a {
    grid-area: span 4 / span 3 / span 4 / span 3;
  }

  #w-node-_1f3e3584-99f7-190a-75b7-5cb4dae9e982-8b91ae5a {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }

  #w-node-d63bef0b-0f4f-a90d-f2bc-91e03515f3c1-8b91ae5a {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_7ac43ebe-5cc7-6dd9-01db-e8e84736a5e5-8b91ae5a {
    grid-area: 11 / 2 / 13 / 4;
  }

  #w-node-_8dc7f257-3f5c-d236-4245-77dae1afc092-31d0fa12 {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }

  #w-node-_2c8d08f6-1264-7e8f-911c-80614f4bb73d-31d0fa12 {
    grid-area: span 4 / span 3 / span 4 / span 3;
  }

  #w-node-_1f3e3584-99f7-190a-75b7-5cb4dae9e982-31d0fa12, #w-node-d63bef0b-0f4f-a90d-f2bc-91e03515f3c1-31d0fa12 {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }

  #w-node-_7ac43ebe-5cc7-6dd9-01db-e8e84736a5e5-31d0fa12 {
    grid-area: 11 / 1 / 13 / 4;
  }

  #w-node-_8dc7f257-3f5c-d236-4245-77dae1afc092-15ba7b6c, #w-node-_2c8d08f6-1264-7e8f-911c-80614f4bb73d-15ba7b6c, #w-node-_1f3e3584-99f7-190a-75b7-5cb4dae9e982-15ba7b6c {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }

  #w-node-_7ac43ebe-5cc7-6dd9-01db-e8e84736a5e5-15ba7b6c {
    grid-area: 9 / 1 / 11 / 4;
  }

  #w-node-d63bef0b-0f4f-a90d-f2bc-91e03515f3c1-15ba7b6c, #w-node-_8dc7f257-3f5c-d236-4245-77dae1afc092-1bad7f7e, #w-node-_2c8d08f6-1264-7e8f-911c-80614f4bb73d-1bad7f7e, #w-node-_1f3e3584-99f7-190a-75b7-5cb4dae9e982-1bad7f7e {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }

  #w-node-_7ac43ebe-5cc7-6dd9-01db-e8e84736a5e5-1bad7f7e {
    grid-area: 9 / 1 / 11 / 4;
  }

  #w-node-d63bef0b-0f4f-a90d-f2bc-91e03515f3c1-1bad7f7e, #w-node-_8dc7f257-3f5c-d236-4245-77dae1afc092-8f4b99bd, #w-node-_2c8d08f6-1264-7e8f-911c-80614f4bb73d-8f4b99bd, #w-node-_1f3e3584-99f7-190a-75b7-5cb4dae9e982-8f4b99bd {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }

  #w-node-_7ac43ebe-5cc7-6dd9-01db-e8e84736a5e5-8f4b99bd {
    grid-area: 9 / 1 / 11 / 4;
  }

  #w-node-d63bef0b-0f4f-a90d-f2bc-91e03515f3c1-8f4b99bd, #w-node-_8dc7f257-3f5c-d236-4245-77dae1afc092-0ecdaab4, #w-node-_2c8d08f6-1264-7e8f-911c-80614f4bb73d-0ecdaab4, #w-node-_1f3e3584-99f7-190a-75b7-5cb4dae9e982-0ecdaab4 {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }

  #w-node-_7ac43ebe-5cc7-6dd9-01db-e8e84736a5e5-0ecdaab4 {
    grid-area: 9 / 1 / 11 / 4;
  }

  #w-node-d63bef0b-0f4f-a90d-f2bc-91e03515f3c1-0ecdaab4 {
    grid-area: span 2 / span 3 / span 2 / span 3;
  }
}