:root {
  --_1---bg: #cb2957;
  --black: black;
  --_1---text: black;
  --_1---color: white;
  --_1---background: #ddd;
  --_1---dark: #cb2957;
  --white: white;
  --_1---font-family: Anton, sans-serif;
  --_1---body: Figtree, sans-serif;
}

.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 {
  color: #333;
  cursor: auto;
  font-family: Figtree, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Anton, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

a {
  cursor: none;
  text-decoration: underline;
}

img {
  display: inline-block;
}

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

.section.cta {
  background-color: var(--_1---bg);
  position: relative;
}

.section.info {
  height: auto;
}

.section.images {
  overflow: hidden;
}

.section.nxtproject {
  height: auto;
  padding-top: 10vh;
  padding-bottom: 10vh;
  overflow: hidden;
}

.wavy-btn {
  color: #453886;
  border-bottom: 1px solid #453886;
  padding-bottom: .25em;
  font-family: Open Sans, sans-serif;
  text-decoration: none;
}

.wavy-btn:hover {
  background-image: url('../images/wavy-btn-hover-border.svg');
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: auto 20%;
  border-bottom-width: 0;
  padding-bottom: .3em;
}

.section-content {
  z-index: 20;
  background-color: var(--black);
  width: 100%;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.div-block {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.25em;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.body {
  cursor: auto;
  background-color: #cb2957;
}

.hero-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.hero-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-mid {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.svg_hero {
  width: 12em;
  color: var(--black);
}

.hero_btm {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero_text {
  max-width: 48ch;
  color: var(--_1---text);
  text-transform: uppercase;
  line-height: 120%;
}

.hero_heading {
  color: var(--_1---text);
  letter-spacing: 1px;
  font-size: 6rem;
  font-weight: 400;
  line-height: 1;
}

.hero_container {
  max-width: none;
  height: 100%;
  padding-left: 4rem;
  padding-right: 4rem;
}

.hero_container.abt {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: block;
}

.hero_container.services {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero_section {
  height: 100%;
  max-height: 100vh;
  padding: 0;
  overflow: visible;
}

.image {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.hero_img_wrapper {
  aspect-ratio: auto;
  width: 100%;
  height: 60vh;
}

.circle {
  color: var(--_1---text);
}

.dot {
  width: .5em;
}

.link_btn {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--_1---text);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-size: .875rem;
  text-decoration: none;
  display: flex;
}

.link_btn:hover {
  color: var(--_1---color);
}

.link_btn.pages {
  justify-content: flex-start;
  align-items: center;
}

.nav_links {
  text-transform: uppercase;
  cursor: none;
  font-size: .875rem;
}

.nav_links:hover {
  color: var(--_1---color);
}

.link_container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
}

.container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-left: 4rem;
  padding-right: 2rem;
  display: block;
}

.container.cta {
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: block;
}

.navbar {
  background-color: #ddd0;
  position: relative;
  inset: 0% 0% auto;
}

.logo {
  width: 4em;
  margin-top: 0;
}

.about_section {
  height: 100vh;
}

.text_wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.text_up {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.text_bottom {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.about_text {
  max-width: 15ch;
  color: var(--_1---text);
  direction: ltr;
  font-size: 4rem;
  font-weight: 800;
  line-height: 1;
}

.about_text._2 {
  direction: rtl;
}

.services_section {
  background-color: var(--_1---bg);
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.services_wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.headings-h2 {
  max-width: 15ch;
  color: var(--_1---text);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Anton, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 1;
}

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

.card {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: var(--_1---background);
  border: 2px solid #000;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 72px 24px;
  display: flex;
}

.label_card {
  color: var(--_1---text);
  margin-bottom: -16px;
  text-decoration: none;
}

.card_heading {
  color: #333;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Anton, sans-serif;
  font-size: 2.5rem;
}

.text_card {
  text-align: center;
}

.image-2 {
  width: 7em;
}

.card_up {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.car_down {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.timeline__col {
  flex: 1;
  justify-content: flex-end;
}

.timeline__col.mod--4 {
  justify-content: flex-start;
  width: 100%;
  max-width: 790px;
}

.timeline__col.mod--1 {
  flex: 0 auto;
  justify-content: flex-start;
}

.text_container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.big_text {
  color: var(--_1---text);
  text-align: center;
  letter-spacing: 5px;
  font-family: Anton, sans-serif;
  font-size: 8rem;
  font-weight: 400;
  line-height: 1;
}

.svg_holder {
  width: 8em;
  position: absolute;
  inset: -31% 16% auto auto;
}

.svg {
  width: 4em;
  color: var(--_1---text);
  position: absolute;
  inset: 5% auto auto 5%;
}

.svg._2 {
  inset: auto 5% 5% auto;
}

.svg-2 {
  width: 3em;
  color: var(--_1---text);
}

.div-block-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  inset: auto 0% 5%;
}

.link-block {
  color: var(--_1---text);
  font-size: 24px;
  line-height: 1;
  text-decoration: none;
}

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

.text-style-caps {
  letter-spacing: 1.25px;
  text-transform: uppercase;
  font-size: .875rem;
  line-height: 1;
}

.text-style-caps.is-text-secondary {
  color: var(--_1---background);
}

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

.margin-bottom.margin-small {
  margin-bottom: 1rem;
}

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

.margin-top.margin-medium {
  margin-top: 2rem;
}

.portfolio_icon-wrapper {
  background-color: var(--_1---bg);
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.section-home {
  padding: 6.25rem 10vw;
}

.portfolio_card-wrapper {
  background-image: url('../images/place-header.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #000;
  justify-content: center;
  align-items: center;
  padding: 1.25rem;
  overflow: hidden;
}

.portfolio_card-wrapper.three {
  background-image: url('../images/card-3.png');
}

.portfolio_card-wrapper.two {
  background-image: url('../images/soulpaperscribble-mockup.png');
  background-size: cover;
}

.portfolio_card-wrapper.four {
  background-image: url('../images/poster.png');
}

.container-large {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.portfolio_into-wrapper {
  background-color: var(--_1---text);
  color: #333;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  padding: 2.6rem;
  transition-property: none;
  display: flex;
  position: relative;
}

.portfolio_into-wrapper:hover {
  text-decoration: none;
}

.home_portfolio-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 100vh;
  display: grid;
}

.text-size-normal {
  color: var(--_1---background);
  letter-spacing: .5px;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.75;
}

.hader_cards {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 6rem;
  display: flex;
}

.form_container.footer {
  width: 70%;
}

.container_footer {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4rem;
  padding-left: 4rem;
  padding-right: 4rem;
}

.footer_linkwrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer_links {
  color: var(--_1---color);
  text-transform: none;
  font-size: 1rem;
  text-decoration: none;
}

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

.footer-text {
  color: var(--_1---color);
  text-transform: uppercase;
  font-weight: 700;
}

.footer-text._2 {
  text-transform: none;
  margin-top: 2rem;
  font-weight: 400;
}

.footer_section {
  z-index: 1;
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  background-color: var(--_1---text);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
  position: sticky;
  inset: auto auto 0%;
}

.grid_template {
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr);
  grid-auto-columns: minmax(.5rem, 1fr);
  padding-left: 0;
}

.grid_template.footer {
  grid-template-rows: auto auto;
}

.grid_wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.footer_titlewrapper {
  overflow: hidden;
}

.footer_labeltext {
  color: var(--_1---background);
  text-transform: uppercase;
  font-size: .8rem;
  text-decoration: none;
}

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

.footer_labeltext.hidden {
  display: none;
}

.footer_wrapper {
  margin-top: 0;
}

.footer-title {
  object-fit: cover;
  max-width: 100%;
  height: auto;
}

.footer-h3 {
  max-width: 15ch;
  color: var(--_1---color);
  font-size: 3rem;
  line-height: 1;
}

.svg-3 {
  width: 4em;
  color: var(--_1---color);
  position: absolute;
  inset: auto 0% 0% auto;
}

.heading_wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: block;
  position: relative;
}

.hero-image-wrap {
  height: 60vh;
  position: relative;
  overflow: hidden;
}

.hero-img-real, .hero-image-dither {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cursor_wrapper {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.cursor {
  background-color: #333;
  border: 1px solid #1a1a1a;
  border-radius: 100%;
  width: 15px;
  height: 15px;
}

.svg-4 {
  color: var(--_1---text);
}

.heading, .heading-2 {
  color: var(--_1---background);
}

.section_services {
  z-index: 10;
  background-color: var(--_1---text);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 10rem;
  padding-bottom: 10rem;
  display: flex;
  position: relative;
}

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

.services_heading {
  color: var(--_1---background);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5rem;
  line-height: .8;
}

.services-list-parent {
  width: 100%;
  max-width: 1440px;
  margin-top: 10rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4rem;
  padding-right: 4rem;
  position: relative;
}

.services-list-left-child {
  cursor: auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 6rem;
  padding-left: 2rem;
  padding-right: 2rem;
  transition: background-color .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.services-list-left-child:hover {
  background-color: var(--_1---background);
}

.text-left {
  z-index: 8;
  color: var(--_1---dark);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  line-height: .9;
  position: relative;
}

.border-line-top {
  background-color: var(--_1---dark);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.serif {
  z-index: 9;
  color: var(--_1---bg);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  line-height: .9;
  position: relative;
}

.serif.right {
  z-index: 4;
}

.image-3 {
  z-index: 10;
  width: 9rem;
  max-width: 100%;
  position: absolute;
  left: 0;
}

.services-list-right {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 6rem;
  padding-left: 2rem;
  padding-right: 2rem;
  transition: border-color .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-right {
  z-index: 4;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

.image-right {
  z-index: 10;
  width: 9rem;
  max-width: 100%;
  position: absolute;
  right: 0;
}

.code-embed {
  display: none;
}

.page-load-animation {
  z-index: 100;
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  background-color: #cb2957;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0%;
}

.text_pageload {
  overflow: hidden;
}

.heading-4 {
  font-size: 10vw;
}

.progressbar {
  background-color: #fff;
  background-image: url('../images/star-2.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 60px;
  width: 40vw;
  height: .5em;
  position: relative;
}

.div-block-3 {
  perspective-origin: 0%;
  transform-origin: 0%;
  background-color: #fff;
  border-radius: 60px;
  position: absolute;
  inset: 0%;
}

.utility-page-wrap {
  background-color: var(--_1---bg);
  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;
}

._404-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
}

._404-heading {
  color: var(--_1---text);
  letter-spacing: 8px;
  font-family: Anton, sans-serif;
  font-size: 7rem;
  line-height: 1;
}

.image-4 {
  width: 100%;
  max-width: 40vh;
  height: 100%;
}

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

.main {
  background-color: var(--_1---bg);
}

.image-wrapper-works {
  aspect-ratio: auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.grid-wrapper {
  margin-left: auto;
  margin-right: auto;
  padding: 5rem 4rem;
  position: relative;
}

.grid-12col {
  grid-column-gap: 16px;
  grid-row-gap: 33px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.info-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.heading-works {
  color: var(--_1---text);
  font-family: Anton, sans-serif;
  font-size: 3rem;
  line-height: 1;
}

.txt-works {
  font-size: 1rem;
}

.text_wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.info-text {
  color: var(--_1---text);
  font-size: 1rem;
}

.img-grid-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 4rem;
  padding-right: 4rem;
}

.images-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

.img-wrap {
  aspect-ratio: auto;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.page-change-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4rem;
  padding-right: 4rem;
}

.pages-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.btn-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--_1---text);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--_1---text);
  text-decoration-color: var(--_1---text);
  justify-content: center;
  align-items: center;
  text-decoration-style: solid;
  display: flex;
}

.image-5 {
  width: 4em;
}

.text-block-3 {
  font-size: 1rem;
}

.text-block-4 {
  color: var(--_1---color);
  letter-spacing: 1px;
  font-family: Anton, sans-serif;
  font-size: 3rem;
  line-height: 1;
}

.image-6 {
  object-fit: cover;
  object-position: 50% 65%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.image-7, .img-gallary {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.body-2 {
  cursor: auto;
}

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

  .div-block-2 {
    bottom: 10%;
  }

  .form_container.footer {
    width: auto;
  }

  .container_footer {
    max-width: 1440px;
  }

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

  .footer_links {
    text-transform: none;
    font-size: 1.125rem;
  }

  .footer-text {
    font-size: 1.5rem;
  }

  .footer-text._2 {
    max-width: 40ch;
    font-size: 1rem;
  }

  .grid_template {
    padding-left: 20px;
  }

  .grid_wrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .svg-3 {
    inset: auto 43% 0% auto;
  }
}

@media screen and (min-width: 1920px) {
  .hero_text {
    max-width: 40ch;
    font-size: .875rem;
  }

  .container_footer {
    max-width: 1440px;
    padding-top: 3rem;
    padding-left: 0;
    padding-right: 0;
  }

  .footer_linkwrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    font-size: 1.8rem;
  }

  .footer_links {
    text-transform: none;
    font-size: 1.25rem;
  }

  .footer-text {
    font-size: 1.5rem;
  }

  .grid_template {
    grid-column-gap: 2rem;
  }

  .grid_wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .footer_labeltext {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 991px) {
  .svg_hero {
    width: 8em;
  }

  .hero_text {
    max-width: 35ch;
    font-size: 12px;
  }

  .hero_heading {
    font-size: 5rem;
  }

  .text_wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .about_text {
    font-size: 3rem;
  }

  .timeline__col.mod--1 {
    align-items: center;
    margin-bottom: 32px;
    display: flex;
  }

  .big_text, .big_text.cta {
    font-size: 5rem;
  }

  .svg {
    width: 3em;
  }

  .text-block {
    font-size: 1rem;
  }

  .portfolio_into-wrapper {
    padding-bottom: 7.5rem;
  }

  .home_portfolio-wrapper {
    flex-direction: column;
    min-height: auto;
    display: flex;
  }

  .footer-label.hidden {
    display: none;
  }

  .footer_section {
    height: auto;
    position: relative;
  }

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

  .grid-12col {
    grid-template-rows: auto auto;
    grid-auto-flow: column;
  }

  .image-8 {
    width: 100%;
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .section.images {
    height: auto;
  }

  .svg_hero {
    width: 6em;
  }

  .hero_text {
    max-width: 30ch;
  }

  .hero_heading {
    font-size: 4rem;
  }

  .hero_container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .link_btn {
    color: var(--_1---color);
    padding: 20px;
    display: flex;
    position: relative;
  }

  .nav_links {
    color: var(--_1---color);
  }

  .link_container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--_1---text);
    justify-content: flex-start;
    align-items: center;
  }

  .container {
    padding-left: 2rem;
  }

  .card_heading {
    font-size: 2rem;
  }

  .timeline__col.mod--1 {
    align-items: center;
    padding-top: 0;
    display: flex;
  }

  .big_text {
    font-size: 4rem;
  }

  .svg_holder {
    top: -40%;
    right: 3%;
  }

  .form_container {
    width: 50%;
  }

  .footer_section {
    padding-bottom: 0;
  }

  .grid_template {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-flow: row;
  }

  .services_heading {
    font-size: 4rem;
  }

  .text-left, .serif {
    font-size: 2rem;
  }

  .menu-button.w--open {
    background-color: var(--_1---dark);
  }

  .icon {
    color: var(--_1---text);
  }

  .text-block-2 {
    padding: 0;
  }

  .img-grid-container {
    overflow: hidden;
  }

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

@media screen and (max-width: 479px) {
  .svg_hero {
    width: 4em;
  }

  .hero_btm {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .hero_text {
    max-width: none;
    font-size: 8px;
  }

  .hero_heading {
    font-size: 2rem;
  }

  .hero_container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
  }

  .link_btn.pages {
    padding-left: 0;
  }

  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .logo {
    width: 5em;
  }

  .text_wrapper {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .about_text {
    font-size: 2rem;
  }

  .services_section {
    height: auto;
  }

  .services_wrapper {
    padding-top: 80px;
  }

  .headings-h2 {
    font-size: 3rem;
  }

  .card_grids {
    flex-flow: column;
    display: flex;
  }

  .big_text {
    letter-spacing: 4px;
    font-size: 2rem;
  }

  .big_text.cta {
    font-size: 3rem;
  }

  .svg_holder {
    width: 5em;
    top: -59%;
    right: 2%;
  }

  .svg {
    width: 1.5em;
  }

  .section-home {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .portfolio_into-wrapper {
    padding: 1rem 1rem 6rem;
  }

  .form_container {
    width: 100%;
  }

  .form_container.footer {
    width: 80%;
  }

  .container_footer {
    padding-top: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .footer-label {
    text-transform: none;
    font-size: .6rem;
    line-height: 1;
  }

  .footer-label.hidden {
    display: none;
  }

  .footer_links {
    text-transform: none;
    font-size: .875rem;
  }

  .footer_section {
    height: 100%;
    position: relative;
  }

  .grid_template {
    grid-column-gap: 1rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: minmax(.5rem, 1fr);
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
  }

  .grid_template.footer {
    grid-column-gap: 1rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: minmax(.5rem, 1fr);
    display: grid;
  }

  .footer_labeltext {
    font-size: .6rem;
  }

  .footer-h3 {
    font-size: 1.5rem;
  }

  .svg-3 {
    width: 3em;
  }

  .services_heading {
    font-size: 3rem;
  }

  .text-left, .serif {
    font-size: 1.3rem;
  }

  .image-3 {
    width: 5rem;
  }

  ._404-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  ._404-heading {
    font-size: 5rem;
  }

  .image-4 {
    max-width: 35vh;
  }

  .grid-wrapper {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .grid-12col {
    flex-flow: column;
    display: flex;
  }

  .heading-works {
    font-size: 2rem;
  }

  .txt-works {
    font-size: .875rem;
    overflow: visible;
  }

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

  .page-change-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .image-5 {
    width: 2em;
  }

  .text-block-3 {
    font-size: .875rem;
  }

  .text-block-4 {
    font-size: 1.5rem;
  }

  .image-6 {
    object-fit: contain;
    object-position: 50% 50%;
  }

  .image-8 {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}

#w-node-a83c1208-5c57-69f5-d5a5-78c7f68fb4db-1e35bf97, #w-node-c8f7966b-c460-23fd-ba9d-103da8659284-1e35bf97, #w-node-b7dfffc9-268e-6a5c-a038-8917e4e54992-1e35bf97 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_88d357a9-f242-9564-86a5-d48be8202222-1e35bf97 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_88d357a9-f242-9564-86a5-d48be820222e-1e35bf97 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_88d357a9-f242-9564-86a5-d48be820223a-1e35bf97, #w-node-_88d357a9-f242-9564-86a5-d48be8202246-1e35bf97 {
  grid-area: span 4 / span 1 / span 4 / span 1;
}

#w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf52a-1fadf525 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf532-1fadf525, #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf53e-1fadf525 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf550-1fadf525 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  place-self: auto;
}

#w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf552-1fadf525, #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf555-1fadf525 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf558-1fadf525 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: end;
}

#w-node-_1e3ee60c-4aac-0eac-6429-48adc7016852-1931acb7, #w-node-_6f223f2a-2b27-6b04-1747-3b532c0e76b6-1931acb7 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_4d6ffba8-8d35-2a21-a3a0-326556795c7a-1931acb7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d7b084dc-5e89-e92d-e013-b5f569664ac1-1931acb7 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_734ea61b-84e1-e9b4-0f57-d1a2683f9167-dd278fb6, #w-node-_734ea61b-84e1-e9b4-0f57-d1a2683f9171-dd278fb6 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_734ea61b-84e1-e9b4-0f57-d1a2683f9179-dd278fb6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_734ea61b-84e1-e9b4-0f57-d1a2683f917f-dd278fb6 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-ac1eb1d2-664c-36ae-2074-62fa0d464c87-a1acf8df, #w-node-ac1eb1d2-664c-36ae-2074-62fa0d464c91-a1acf8df {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-ac1eb1d2-664c-36ae-2074-62fa0d464c99-a1acf8df {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ac1eb1d2-664c-36ae-2074-62fa0d464c9f-a1acf8df {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

@media screen and (min-width: 1920px) {
  #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf52a-1fadf525 {
    grid-column: span 5 / span 5;
  }

  #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf532-1fadf525 {
    grid-column: span 3 / span 3;
  }

  #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf53e-1fadf525 {
    grid-column: span 4 / span 4;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf52a-1fadf525 {
    grid-column: span 6 / span 6;
  }

  #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf532-1fadf525, #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf53e-1fadf525 {
    grid-column: span 3 / span 3;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf532-1fadf525, #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf53e-1fadf525 {
    grid-column: span 4 / span 4;
  }

  #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf550-1fadf525 {
    grid-column: span 8 / span 8;
  }

  #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf552-1fadf525 {
    grid-column: span 4 / span 4;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf52a-1fadf525 {
    grid-column: span 8 / span 8;
  }

  #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf532-1fadf525, #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf53e-1fadf525, #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf552-1fadf525 {
    grid-column: span 4 / span 4;
  }

  #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf558-1fadf525 {
    justify-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf532-1fadf525, #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf53e-1fadf525 {
    grid-column: span 1 / span 1;
  }

  #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf550-1fadf525 {
    grid-column: span 4 / span 4;
  }

  #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf552-1fadf525 {
    grid-column: span 2 / span 2;
  }

  #w-node-_0bf8a63b-dd69-5884-a39b-eedd1fadf558-1fadf525 {
    grid-column: span 2 / span 2;
    justify-self: auto;
  }

  #w-node-ac1eb1d2-664c-36ae-2074-62fa0d464c87-a1acf8df {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-ac1eb1d2-664c-36ae-2074-62fa0d464c91-a1acf8df, #w-node-ac1eb1d2-664c-36ae-2074-62fa0d464c99-a1acf8df {
    grid-column: span 4 / span 4;
  }
}