:root {
  --turq: #2cbdba;
  --light-turq-navbar: #87c4c2;
  --dark-grey: #2b3638;
  --hot-red-pink: #f76166;
  --pale-turquoise: #bbdedc;
  --medium-grey: #576b6e;
  --white: white;
  --black: black;
}

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

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  height: 100%;
  color: #333;
  font-family: Source Sans Pro, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  text-transform: none;
  margin-top: 20px;
  margin-bottom: 30px;
  font-family: Piersans, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
}

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

h3 {
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Novecentosanswide, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}

h4 {
  color: #87c4c2;
  letter-spacing: 2px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Piersans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

h5 {
  letter-spacing: 2px;
  text-transform: lowercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Novecentosanswide, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}

p {
  margin-bottom: 10px;
  font-family: Source Sans Pro, sans-serif;
  font-weight: 300;
}

li {
  text-transform: uppercase;
  margin-bottom: 5px;
  font-family: Novecentosanswide, sans-serif;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.body {
  height: 100%;
  color: #fff;
  background-color: #576b6e;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.home-hero {
  height: 100%;
  background-image: url('../images/tato-background_2048_darker_small.jpg');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover;
  font-family: Source Sans Pro, sans-serif;
}

.hero-placeholder {
  width: 66%;
  height: 100%;
  float: right;
  text-align: right;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
}

.hero-container {
  height: 100%;
  padding-top: 10%;
  padding-left: 20px;
  padding-right: 20px;
}

.button {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #f76166;
  border-radius: 18px;
  padding-left: 35px;
  padding-right: 35px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.button:hover {
  background-color: #ff544d;
}

.button:active {
  background-color: #00ccc4;
}

.button.reach-out {
  margin-top: 25px;
}

.button.reach-out-try2 {
  background-color: #05ccdb;
}

.button.dark-background {
  background-color: #2b3638;
  border: 2px solid #2b3638;
  border-radius: 50px;
  margin-bottom: 15px;
}

.button.dark-background:hover {
  background-color: #576b6e;
  border-color: #576b6e;
}

.button.dark-background:active {
  background-color: rgba(0, 0, 0, 0);
  border-style: solid;
  border-color: #fff;
}

.button.dark-background.what-i-do-section {
  width: 350px;
  background-color: rgba(0, 0, 0, 0);
  border-color: #fff;
  border-radius: 0;
  margin: 10px auto 20px;
  padding-top: 11px;
  padding-bottom: 11px;
  display: block;
}

.button.dark-background.what-i-do-section:hover {
  background-color: #576b6e;
}

.button.dark-background.what-i-do-section:active {
  background-color: #1c2e3b;
  border-color: #1c2e3b;
}

.button.btn-on-footer {
  position: relative;
}

.hero-placeholder-headline {
  text-transform: uppercase;
  margin-bottom: 25px;
  font-family: Novecentosanswide, sans-serif;
  font-size: 130px;
  font-weight: 700;
  line-height: 140px;
}

.basic-container {
  height: 100%;
}

.heading {
  text-align: center;
  font-family: Piersans, sans-serif;
}

.form-blk {
  z-index: 5;
  width: auto;
  opacity: 0;
  background-color: #576b6e;
  border: 5px solid #80baa3;
  border-radius: 0;
  margin: 40px 60px;
  padding: 40px;
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: scroll;
}

.basic-contact-form {
  font-family: Source Sans Pro, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.contact-field {
  height: 38px;
  color: #bdbdb0;
  background-color: #2b3638;
  border: 1px #000;
}

.field-label {
  color: #87c4c2;
  margin-top: 25px;
  font-weight: 600;
}

.field-label.contact-method-label {
  background-color: #576b6e;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -10px;
  padding-right: 5px;
  display: inline-block;
  position: absolute;
  top: -9px;
}

.field-label._10px-left-mrg {
  margin-left: 10px;
}

._25px-space {
  height: 25px;
}

.basic-contact-success {
  background-color: rgba(0, 0, 0, 0);
  padding-top: 20px;
  font-family: Source Sans Pro, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.tato-frame {
  border: 18px solid #e0e7e9;
  margin-bottom: 20px;
  box-shadow: 5px 5px 9px 1px #444;
}

.all-caps-heading {
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Novecentosanswide, sans-serif;
  font-weight: 600;
  position: relative;
}

.close-button {
  z-index: 10;
  float: right;
  clear: none;
  display: inline-block;
  position: absolute;
  top: 40px;
  bottom: auto;
  left: auto;
  right: 40px;
}

.text-block {
  margin-bottom: 15px;
}

.dark-line {
  height: 1px;
  border-top: 1px solid #2b3638;
  margin-bottom: 8px;
}

.navbar-clear {
  z-index: 800;
  opacity: 1;
  background-color: #87c4c2;
  border-bottom: 2px solid #fff;
  padding-bottom: 0;
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.nav-menu {
  width: 100%;
  text-align: center;
  font-family: Piersans, sans-serif;
  font-weight: 700;
}

.nav-link {
  width: 100%;
  text-align: center;
  border: 1px #000;
  border-bottom: 2px solid #6b6b6b;
  margin-bottom: 0;
  padding-top: 6px;
  padding-bottom: 4px;
}

.nav-link:hover {
  color: #000;
  border-bottom-style: solid;
  border-bottom-color: #00ccc4;
}

.name-text {
  text-transform: uppercase;
  margin-top: 4px;
  font-family: Novecentosanswide, sans-serif;
  font-size: 20px;
  line-height: 20px;
}

.services-section {
  text-align: center;
  padding-top: 10%;
  padding-bottom: 10%;
}

.services-section.coral-background {
  background-color: #f76166;
}

.drk-back-section {
  height: 100%;
  background-color: #2b3638;
  border: 0 #2b3638;
  padding-top: 7%;
  padding-bottom: 7%;
}

.small-text {
  text-align: left;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 20px;
}

.div-block {
  width: 25px;
  height: 5px;
  background-color: #576b6e;
  margin-top: 10px;
  margin-bottom: 22px;
}

.hero-knot {
  height: auto;
  min-height: 100px;
  text-align: left;
  background-color: #1c2e3b;
  background-image: url('../images/knot_very-dark.png');
  background-position: -40%;
  background-repeat: no-repeat;
  background-size: 120%;
  background-attachment: fixed;
  padding-top: 8%;
  padding-bottom: 20px;
  font-family: Piersans, sans-serif;
}

.knot-hero-content {
  margin-bottom: 25px;
  font-family: Source Sans Pro, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.gallery-section {
  height: 100%;
}

.heading-2 {
  text-align: center;
  display: block;
}

.line-area-div {
  border-top: 1px solid #f76166;
  padding-top: 20px;
  padding-bottom: 20px;
}

.line-area-div.left-line-area {
  width: 40%;
  padding-right: 20px;
  display: inline-block;
}

.line-area-div.right-line-area {
  width: 60%;
  float: right;
  border-left: 1px solid #f76166;
  padding-left: 20px;
  display: inline-block;
}

.contact-method-wrapper {
  width: 100%;
  border: 1px solid #2b3638;
  margin-top: 45px;
  padding: 10px 10px 7px;
  position: absolute;
}

.contact-method-drk-back {
  height: 38px;
  color: #dad3d3;
  background-color: #2b3638;
  padding: 10px 20px;
}

.contact-method-drk-back.what-srvcs {
  margin-left: 10px;
  margin-right: 10px;
}

.vertical-content {
  width: 100%;
  height: 35px;
  float: none;
  clear: none;
  opacity: 0;
  direction: ltr;
  color: #87c4c2;
  text-transform: none;
  background-color: #2b3638;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Piersans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: rotate(90deg);
}

.on-vertical {
  margin-left: 15px;
  margin-right: 15px;
  font-size: 16px;
  line-height: 20px;
  display: inline;
}

.services-on-vert {
  display: inline-block;
}

.vert-content_v2 {
  width: 35px;
  height: 100%;
  background-color: #2b3638;
  background-image: url('../images/mktg-strategy-branding_vertical2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px #f76166;
  padding-top: 10px;
  padding-left: 10px;
  font-family: Piersans, sans-serif;
  font-size: 14px;
  line-height: 18px;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.vert-text_v2 {
  z-index: 999;
  width: 800px;
  height: 35px;
  text-align: left;
  display: block;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
  transform: rotate(90deg);
}

.portfolio-section {
  color: #fff;
  background-color: #2b3638;
  padding: 2%;
  font-size: 12px;
  line-height: 16px;
}

.portfolio-body {
  color: #f5f5f5;
  background-color: #2b3638;
  font-family: Source Sans Pro, sans-serif;
}

.port-top-content {
  padding-bottom: 20px;
}

.port-item {
  color: #2cbdba;
  font-family: Piersans, sans-serif;
  font-weight: 400;
}

.port-medium {
  color: #f76166;
  text-align: left;
  font-size: 16px;
  line-height: 22px;
  position: relative;
  bottom: -32px;
}

.xhair-horizontal-portfolio {
  height: 1px;
  background-color: #576b6e;
  margin-left: -20px;
  margin-right: -20px;
}

.port-bottom-content {
  padding-top: 20px;
}

.columns {
  position: static;
  bottom: -8px;
}

.column {
  position: static;
}

.xhair-vertical-portfolio {
  width: 2px;
  height: 100%;
  background-color: #576b6e;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 27%;
  right: auto;
}

.left-col {
  padding-right: 30px;
}

.portfolio-no-cols {
  height: 100%;
}

.heading-3 {
  font-family: Piersans, sans-serif;
}

.sample-heading {
  color: var(--turq);
}

.sample-category {
  color: #f76166;
  font-size: 17px;
  line-height: 19px;
}

.portfolio-menu-link {
  z-index: 800;
  float: right;
  color: #4fc2c7;
  text-align: right;
  text-transform: uppercase;
  background-color: #000;
  border: 2px solid #2b3638;
  padding: 10px;
  font-family: Novecentosanswide, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.portfolio-menu-link:hover {
  border-color: #2cbdba;
}

.portfolio-menu-link:active {
  color: #fff;
  background-color: #576b6e;
  border-color: #576b6e;
}

.portfolio-menu-link.menu-link-on-14wb {
  display: none;
  position: fixed;
  top: 10px;
  bottom: auto;
  left: auto;
  right: 10px;
}

._2nd-row {
  height: 80%;
  border-top: 1px solid #576b6e;
  margin-top: 0;
}

._2nd-row.full-height {
  height: 100%;
}

._2nd-row.sr17-2nd-row {
  height: auto;
}

._2nd-row_right-col {
  height: 100%;
  border-left: 1px solid #576b6e;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 100px;
  overflow: hidden;
}

._2nd-row_right-col.sr17-right-col {
  height: auto;
  font-size: 12px;
  line-height: 14px;
}

.apex-17-bifold {
  margin-bottom: 20px;
}

.apex-lightbox-img {
  margin-top: 2px;
  margin-left: 5px;
  margin-right: 5px;
  transform: rotate(-3deg);
  box-shadow: 1px 1px 3px #000;
}

.apex-lightbox-img:hover {
  background-color: #000;
  box-shadow: 2px 2px 3px 1px #2cbdba;
}

._2nd-row_left-col {
  height: auto;
  padding-left: 20px;
  font-size: 12px;
  line-height: 15px;
}

._2nd-row_left-col.k_trial {
  padding-top: 20px;
  padding-left: 40px;
}

.simple-vertical-xhair {
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  border-right: 2px solid #576b6e;
  display: block;
  position: absolute;
  left: 10%;
}

.portfolio-mixed {
  z-index: 700;
  height: 100%;
  opacity: 1;
  background-color: #000;
  display: block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: scroll;
}

.r2-rcol-mixed {
  height: 100%;
  border-left: 1px solid #576b6e;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 60px;
}

.r1-colr-mixed {
  height: 100%;
  border-right: 1px solid #576b6e;
  margin-bottom: -20px;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 60px;
}

.r1-colr-mixed.cols-mandarin {
  margin-bottom: 0;
}

.r1-coll-mixed {
  padding-top: 40px;
  padding-left: 20px;
}

.r2-lcol-mixed {
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.first-row_mixed {
  height: 15%;
}

.first-row_mixed.mandarin-first-row {
  height: auto;
}

._14wb-lightbox {
  width: 100%;
  text-decoration: none;
}

._14wb-lightbox.newest {
  height: 100%;
}

._14bw-lightbox-img {
  border: .5px solid #817979;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  transform: rotate(6deg);
  box-shadow: 1px 1px 3px #000;
}

._14bw-lightbox-img:hover {
  box-shadow: 2px 2px 3px 1px #2cbdba, 1px 1px 3px #000;
}

.portfolio-hero {
  height: 100%;
  background-color: #2cbdba;
  padding: 10% 5%;
}

.sample-link {
  color: #fff;
  letter-spacing: 1px;
  text-transform: lowercase;
  border-bottom: 2px solid #2cbdba;
  margin-bottom: 15px;
  padding-bottom: 5px;
  padding-left: 5px;
  font-family: Novecentosanswide, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 19px;
  text-decoration: none;
  display: block;
}

.sample-link:hover {
  border-bottom: 2px solid #ff544d;
}

.sample-link:active {
  background-color: #2b3638;
  border-bottom-color: #2b3638;
}

.work-hero-cols {
  border-top: 1px solid #f76166;
  padding-top: 20px;
}

.port-menu_right-col {
  border-left: 1px solid #f76166;
  margin-top: -20px;
  padding-top: 20px;
  padding-left: 21px;
}

._14wb-interarea {
  height: 100%;
}

._14wb-interarea.portfolio-mixed {
  z-index: 800;
  opacity: 1;
  padding-top: 20px;
  font-size: 12px;
  line-height: 14px;
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: scroll;
}

._14wb-interarea.portfolio-mixed.mandarin {
  z-index: 810;
  height: 100%;
  opacity: 1;
  background-color: #2b3638;
  display: block;
  position: absolute;
  overflow: scroll;
}

.bookmark-menu {
  z-index: 999;
  width: 400px;
  height: 100%;
  background-color: #08c4bf;
  padding: 20px;
  font-family: Piersans, sans-serif;
  font-size: 14px;
  line-height: 18px;
  display: none;
  position: fixed;
}

.why-me-staggered-section {
  padding-top: 10%;
  padding-bottom: 10%;
}

.why-me-staggered-section.light-back {
  color: #2b3638;
  background-color: #fff;
}

.thick-underline-headings {
  border: 1px #000;
  border-bottom: 6px solid #87c4c2;
  margin-bottom: 20px;
  padding-bottom: 0;
  padding-left: 0;
}

.thick-underline-headings.on-light-back {
  border-bottom-color: #809ead;
}

.thick-underline-headings.on-light-back.thick-line-on-grid {
  height: 80px;
}

.big-number {
  z-index: 10;
  display: inline-block;
  position: relative;
  bottom: -99px;
}

.big-number.big-number-on-grid {
  position: relative;
  top: -34px;
  bottom: auto;
}

.with-big-numbers {
  width: 75%;
  clear: none;
  margin-left: 25px;
  display: flex;
  position: relative;
  left: 55px;
}

.with-big-numbers.dark-color {
  float: right;
  clear: none;
  color: #576b6e;
  text-align: right;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: 35px;
  display: inline;
  position: static;
}

.with-big-numbers.dark-color.h4-on-grid {
  margin-bottom: auto;
  margin-left: auto;
  display: inline-block;
}

._405px-margin-after {
  margin-bottom: 40px;
}

.horiz-line {
  width: 200%;
  height: 2px;
  background-color: #f76166;
}

.vert-pink-line {
  width: 2px;
  height: 200%;
}

.footer {
  z-index: 700;
  color: #e6e6e6;
  background-color: #000;
  padding-top: 60px;
  padding-bottom: 40px;
  font-family: Source Sans Pro, sans-serif;
  font-size: 15px;
  line-height: 24px;
  display: block;
  position: relative;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.portfolio-to-main-pg-links {
  color: #fff;
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
}

.show-me-more-columns {
  border-top: 1px solid #fff;
  padding-top: 5px;
}

.show-me_right-col {
  border-left: 1px solid #fff;
  margin-top: -6px;
  padding-top: 12px;
}

.back-to-main-links {
  position: absolute;
  top: auto;
  bottom: 20px;
  left: 20px;
  right: auto;
}

.sm18-section {
  z-index: 801;
  height: 100%;
  opacity: 0;
  background-color: #576b6e;
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: scroll;
}

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

.grid.summer-mixer-18-grid {
  height: 100%;
}

.sm18-card {
  background-image: url('../images/RC_Summer-Mixer-18_071018_100.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #5c5b5b;
}

.sm18-card:hover {
  border-color: #2cbdba;
}

.sm18-card.sailboat {
  background-image: url('../images/summer-mixer-waterfront-sailbot.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
}

.sm18-card.social-promo-img {
  background-image: url('../images/FB-LI_status.png');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover;
}

.sm18-card.sm18-photo {
  background-image: url('../images/summer-mixer-18-boston_event-branding-on-site.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
}

.sm18-card.standing-sign {
  background-image: url('../images/standing-sign-at-event_wider.jpg'), url('../images/SM18_standing-sign-at-event_thumb-400.jpg');
  background-position: 50%, 50%;
  background-repeat: repeat, repeat;
  background-size: cover, cover;
}

.sm18-card.sm-18-photo2 {
  background-image: url('../images/summer-mixer-18-boston_event-branding.jpg');
  background-position: 50% 100%;
  background-repeat: repeat;
  background-size: cover;
}

.sm18-card.easel-sign {
  background-image: url('../images/SM-18_easel-signs_with-silhouette_800px.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.summer-mixer-18-lightbox {
  width: 100%;
  height: 100%;
}

.sr17-section {
  z-index: 888;
  height: 100%;
  opacity: 0;
  background-color: #1c2e3b;
  padding-top: 10%;
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: scroll;
}

.s {
  width: 100%;
  height: 100%;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.sr17-lightbox {
  width: 100%;
  height: 100%;
}

.sr17-div {
  background-image: url('../images/SM-17_Twitter.jpeg');
  background-position: 100%;
  background-size: cover;
  border: 1px solid #5c5b5b;
}

.sr17-div:hover {
  border-color: #2cbdba;
}

.sr17-div.sr17-sm-promo {
  background-image: url('../images/SR-17_FB.jpeg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sr17-div.sr17-email {
  background-image: url('../images/SR17_email-screenshot_thumb.jpg');
  background-position: 0 0;
  background-size: cover;
}

.sr17-div.sr17-rack-card {
  background-image: url('../images/rack-card_17-Summer-Reception_72ppi.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
}

.sr17-div.sr17-event-signage {
  background-image: url('../images/standing-sign-photo.jpg');
  background-position: 50%;
  background-size: cover;
}

.sr17-div.sr17-event-img {
  background-image: url('../images/SR17_event-photo-web.jpg'), url('../images/SM-17_Twitter.jpeg');
  background-position: 50%, 50%;
  background-size: cover, cover;
}

.sr17-div.sr17-rack-card {
  background-image: url('../images/rack-card_17-Summer-Reception_72ppi.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.sr17-div.sr17-twitter-profile {
  background-size: cover;
}

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

.grid-3._14wb-samples-showcase {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

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

.grid-4.mandarin-grid {
  height: 500px;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.mandarin-brochure-spread {
  background-image: url('../images/Mandarin-Brochure_4-5_150.jpg');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #5c5b5b;
}

.mandarin_palette {
  height: 100%;
  text-align: center;
  text-transform: uppercase;
  background-color: #002647;
  padding: 20px;
  font-family: Novecentosanswide, sans-serif;
  font-size: 11px;
  line-height: 12px;
}

.mandarin_palette.taupe-swatch {
  background-color: #968c87;
  background-image: url('../images/fan2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 66px;
}

.mandarin_palette.ice-swatch {
  color: #383434;
  background-color: #e5e5e5;
  background-image: url('../images/mandarin-fan2x.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 400px;
}

.mandarin_palette.stripes {
  color: #c7bdbd;
  background-color: #002647;
  background-image: url('../images/blue-fan.png');
  background-position: 50%;
  background-size: auto;
}

.portfolio-main {
  z-index: 700;
  width: 100%;
  height: 100%;
  background-color: #b66868;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.portfolio-text-link {
  color: #fff;
  font-family: Piersans, sans-serif;
  font-weight: 700;
}

.why-section_grid {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #796d6d;
  padding-top: 60px;
  padding-bottom: 60px;
}

.grid-5 {
  color: #776c6c;
  grid-template-rows: auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-5.why-me-staggered-grid {
  grid-column-gap: 14px;
  grid-template-rows: 10% auto 20% auto auto auto auto auto;
  grid-template-areas: "."
                       "."
                       "."
                       "."
                       "."
                       "."
                       "."
                       ".";
  font-size: 14px;
  line-height: 18px;
}

.why-heading-underline-grid {
  border-bottom: 4px solid #809ead;
  padding-bottom: 10px;
}

.why-heading_on-grid {
  width: 60%;
  float: right;
  clear: none;
  text-align: right;
  display: block;
}

.why-4 {
  position: relative;
  top: 3px;
  bottom: 0%;
  left: auto;
  right: 0%;
}

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

.grid-7 {
  grid-template-rows: auto;
  grid-template-columns: 30% 5% 30% 5% 30%;
}

.grid-7._3-col-with-xs {
  width: 100%;
  grid-template-columns: 3fr 5% 3fr 5% 3fr;
  margin-bottom: 40px;
}

.x-grid-container {
  border: 1px #cabcbc;
  border-top-style: solid;
  margin-top: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.x-separater {
  height: 100%;
  background-image: url('../images/x_light-grn-blue_2pt2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.coral-text {
  color: #ff918c;
}

.aqua-text {
  color: #4fc2c7;
}

.srvc-index {
  z-index: 700;
  width: 100%;
  height: auto;
  opacity: 0;
  color: #fff;
  background-color: #1c2e3b;
  padding-top: 60px;
  padding-bottom: 20px;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: scroll;
}

.srvc-index._w-wrapper {
  position: static;
}

.srvc-index.hidden-srvc-index-section {
  position: fixed;
}

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

.grid-8.srvc-index_v2_whole-border {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.srvc-lines {
  border-top: 1px solid #576b6e;
  border-left: 1px solid #576b6e;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}

.srvc-lines.srvc-category-left-side {
  border-left-style: none;
  padding-top: 10px;
  padding-left: 0;
}

.srvc-lines.title-lines {
  border-top-style: none;
  border-bottom: 1px solid #576b6e;
  border-left-style: none;
  margin-bottom: -2px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.srvc-list {
  text-transform: none;
  margin-bottom: 20px;
  padding-left: 20px;
  font-family: Novecentosanswide, sans-serif;
  font-size: 11px;
  line-height: 13px;
}

.srvc-list-items {
  text-transform: none;
  margin-bottom: 6px;
  font-family: Source Sans Pro, sans-serif;
  font-size: 13px;
  line-height: 14px;
  list-style-type: disc;
}

.srvc-lndex-categories {
  color: #f76166;
  margin-top: 0;
  font-size: 14px;
  line-height: 18px;
  text-decoration: underline;
}

.close-service-index {
  width: 40px;
  height: 40px;
  float: right;
  background-image: url('../images/close-btn_washed-blue2x.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  top: 20px;
}

.close-service-index:hover {
  background-image: url('../images/close-btn_2-tone2x.png');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: contain;
}

.close-service-index:active {
  background-image: url('../images/close-btn_lt-red2x.png');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: contain;
}

.portfolio-link-block {
  width: 100%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  padding: 3px 10px 10px 14px;
  font-family: Piersans, sans-serif;
  text-decoration: none;
}

.portfolio-link-block:hover {
  background-color: #2b3638;
  border: 1px #000;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}

.portfolio-link-block:active {
  color: #668085;
}

.portfolio-link-block.view-right-align {
  text-align: right;
  border-left-style: none;
}

.apex-bifold-section {
  height: 100%;
  display: none;
}

.light-border-container {
  border: 1px solid #000;
  margin-top: 40px;
  padding: 20px;
}

.overlapping-border {
  width: 280px;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #2b3638;
  margin-top: -6px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Piersans, sans-serif;
  font-size: 29px;
  font-weight: 600;
  line-height: 32px;
  display: block;
}

.portfolio-hero-menu {
  z-index: 800;
  width: 100%;
  background-color: #2cbdba;
  padding-top: 60px;
  padding-bottom: 60px;
  display: block;
  position: absolute;
  overflow: visible;
}

.grid-9 {
  grid-column-gap: 25px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 40px;
}

.grid-9.port-menu-grid {
  margin-bottom: 20px;
  display: block;
}

.heading-5 {
  text-transform: uppercase;
}

.link-on-dark-back {
  color: #2fcac7;
  font-weight: 600;
}

.small-button {
  width: 100%;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #f76166;
  border-radius: 15px;
  margin-bottom: 20px;
  padding-top: 8px;
  font-family: Novecentosanswide, sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.block {
  width: 100%;
  height: auto;
  text-align: left;
  margin-top: 5px;
}

.mandarin-section {
  z-index: 803;
  height: 100%;
  opacity: 0;
  background-color: #2b3638;
  margin-top: 30px;
  display: none;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

._2-col-text {
  column-count: 2;
  margin-bottom: 3px;
  margin-left: -20px;
  margin-right: -20px;
}

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

.grid-10.email-toc-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1fr;
  margin-bottom: 100px;
  overflow: scroll;
}

.toc-email-heading {
  margin-right: 10px;
  display: inline-block;
}

.email-outline-block {
  border: 1px #fff;
  border-top-style: solid;
}

.actual-contact-form {
  z-index: 888;
  width: 600px;
  background-color: #2b3638;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.form {
  font-family: Source Sans Pro, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

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

.contact-form-field-wrapper {
  border: 0 #000;
}

.full-contact-form-label {
  color: #0ad1c9;
  text-transform: uppercase;
  border-top: 1px solid #0ad1c9;
  padding-top: 3px;
  font-family: Novecentosanswide, sans-serif;
  font-weight: 600;
}

.full-contact-form-field {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border: 0 solid #000;
  margin-top: 6px;
  margin-bottom: 0;
  padding-left: 8px;
  padding-right: 9px;
}

.full-contact-form-field:active, .full-contact-form-field:focus {
  background-color: #000;
}

.form-notebook-lines {
  z-index: 999;
  width: 600px;
  opacity: 0;
  color: #fff;
  background-color: #2b3638;
  margin: 20px auto;
  padding: 20px 40px 40px;
  font-size: 13px;
  line-height: 18px;
  display: none;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  box-shadow: 1px 1px 7px #727272;
}

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

.grid-12.notebook-grid {
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto;
  margin-top: 13px;
}

.notebook-lines {
  height: 40px;
  border: 1px #2cbdba;
  border-top-style: solid;
}

.notebook-lines.with-notes-text-area {
  height: 100px;
}

.notebook-lines.taller-notebook-lines {
  height: auto;
}

.notebook-columns {
  height: 40px;
}

.notebook-columns.notes-column {
  height: 100px;
}

.notebook-form-field-label {
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  margin-top: 10px;
  font-family: Novecentosanswide, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
}

.notebook-left-col {
  height: 39px;
  border-right: 1px solid #2cbdba;
  padding-top: 1px;
  padding-left: 0;
}

.notebook-left-col.notes-left-col {
  height: 100px;
}

.notebook-left-col.taller-row {
  height: 140px;
}

.notebook-form-field {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border: 1px #fff;
}

.notebook-text-area {
  height: 150px;
  color: #cec2c2;
  background-color: #000;
  border: 1px #000;
  overflow: visible;
}

.notes-field-right-col {
  height: 100px;
  padding-top: 10px;
}

.radio-btm-notebook-form {
  margin-top: 9px;
}

.email-opt-in-checkbox {
  text-align: left;
  margin-top: 8px;
  padding-left: 0;
}

.email-checkboxbox {
  float: left;
  margin-top: 3px;
  margin-left: 0;
  margin-right: 10px;
}

.submit-notebook-form {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #f76166;
  border-radius: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-bottom: 11px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Novecentosanswide, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.submit-notebook-form:hover {
  background-color: #ff544d;
}

.submit-notebook-form:active {
  background-color: #2cbdba;
}

.padding-above {
  padding-top: 5px;
}

.contact-method-col_r {
  margin-top: 8px;
}

.text-block-2 {
  font-family: Piersans, sans-serif;
  font-size: 18px;
  line-height: 22px;
}

.success-message {
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  padding-bottom: 0;
}

.close-notebook-form {
  width: 40px;
  height: 40px;
  float: right;
  background-image: url('../images/close-btn_2-tone2x.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  position: relative;
  top: -2px;
  left: 18px;
  right: auto;
}

.close-notebook-form:hover {
  background-color: #000;
}

.close-notebook-form:active {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/close-btn_lt-red2x.png');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover;
}

.conceal-background {
  z-index: 901;
  width: 100%;
  height: 100%;
  opacity: .82;
  filter: saturate(200%);
  background-color: #000;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.grid-13 {
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.test-footer-container {
  text-align: center;
}

.gallery-hero-section {
  height: auto;
  min-height: 100%;
  color: #fff;
  background-color: #2b3638;
  padding-top: 60px;
  padding-bottom: 40px;
}

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

.gallery-hero-text {
  color: #fff;
  border-top: 1px solid #576b6e;
  border-left: 1px solid #576b6e;
  padding: 20px 20px 20px 22px;
  font-size: 16px;
  line-height: 22px;
}

.gallery-hero-sample-links {
  border-top: 1px solid #576b6e;
  border-right: 1px solid #576b6e;
  padding-top: 10px;
  padding-right: 20px;
}

.sample-link-2 {
  color: #fff;
  text-transform: uppercase;
  border-bottom: 2px solid #2b3638;
  margin-bottom: 10px;
  padding-bottom: 6px;
  font-family: Novecentosanswide, sans-serif;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.sample-link-2:hover {
  border-bottom-color: #87c4c2;
}

.text-block-3 {
  text-transform: lowercase;
  font-size: 18px;
}

.side-caption-section {
  height: 100%;
  color: #d4d4d4;
  background-color: #2b3638;
  border-top: 1px solid #80baa3;
  border-bottom: 1px solid #80baa3;
}

.side-caption-section._2018-summer-mixer_side-caption {
  font-size: 12px;
  line-height: 18px;
}

.side-caption-columns {
  height: 100%;
}

.side-caption_img-col {
  height: 100%;
  text-align: right;
  background-color: #000;
  padding: 40px;
}

.side-caption_copy-col {
  height: 100%;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 60px;
}

.view-sample-button {
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #f76166;
  border-radius: 20px;
  margin-bottom: 20px;
  padding: 9px 30px 11px;
  font-family: Novecentosanswide, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.view-sample-button:hover {
  background-color: #f73c42;
}

.bottom-caption-section {
  height: 100%;
  color: #fff;
}

.bottom-caption-section.sr-17-section {
  height: auto;
}

.bottom-caption-area {
  height: 35%;
  background-color: #2b3638;
  padding: 40px;
}

.grid-15 {
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr 1fr 1fr .5fr;
}

.sample_copy-paragraphs {
  font-size: 13px;
  line-height: 18px;
}

.sample_copy-paragraphs._2-cols-of-text {
  column-count: 2;
}

.sample_role-format-details {
  font-size: 12px;
  font-style: italic;
  line-height: 14px;
}

.top-content-img-area {
  height: 65%;
  padding: 40px 20px 20px;
}

.top-content-img-area.sr-17-content-img {
  height: 600px;
}

.sm18-new-grid {
  height: 100%;
  grid-row-gap: 16px;
  grid-template: "." 4fr
                 "." 2fr
                 / 4fr 4fr 2fr;
}

.sm18-new-grid.on-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: 7fr 3fr;
}

.sm-18-container {
  height: 100%;
}

._14wb-grid {
  width: 100%;
  height: auto;
  float: right;
  clear: both;
  grid-row-gap: 0px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.smaller-text {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 16px;
}

.h5-red-text {
  color: #f76166;
}

.sr-17_grid {
  height: 100%;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: 2fr 3fr 5fr;
  grid-template-columns: 2fr 2fr 2fr;
}

.sr17-event-img_lg {
  background-image: url('../images/2017-summer-reception-event-photo_90-min.jpg');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #5c5b5b;
}

.sr17-event-img_lg.sr17-promo-img {
  background-image: url('../images/SR-17_FB.jpeg'), url('../images/2017-summer-reception-event-photo_90-min.jpg');
  background-position: 0 0, 50%;
  background-size: cover, cover;
}

.footer-col_vertical-line {
  height: 170px;
  border-left: 1px solid #fff;
  padding-left: 20px;
}

.black-nav-bar {
  z-index: 900;
  height: 40px;
  background-color: var(--light-turq-navbar);
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Novecentosanswide, sans-serif;
  font-weight: 600;
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.black-nav-grid {
  width: 100%;
  height: 40px;
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 2fr 1fr 1fr;
}

.black-nav-menu {
  width: 100%;
  height: 40px;
}

.black-nav-link {
  height: 40px;
  color: #1c2e3b;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  border-left: 1px solid #b7dcda;
  border-right: 1px solid #b7dcda;
  margin-left: -1px;
  margin-right: 0;
  padding-top: 9px;
  padding-bottom: 10px;
  font-family: Piersans, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
}

.black-nav-link:hover {
  color: #f76166;
  background-color: #cfe7e7;
  border-bottom: 3px solid #fff;
}

.black-nav-link:active {
  color: #fff;
  background-color: #576b6e;
}

.black-nav-link.w--current {
  color: #1c2e3b;
}

.black-nav-link.w--current:focus {
  color: #576b6e;
}

.black-nav-link.contact-on-navbar {
  display: none;
}

.gpj-brand {
  color: #f76166;
  padding-top: 10px;
  font-family: Piersans, sans-serif;
}

.text-block-4 {
  color: #fff;
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 22px;
}

.newfooter {
  background-color: #2b3638;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Novecentosanswide, sans-serif;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.grid-16 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
}

.footer-link-block {
  color: #fff;
  letter-spacing: 3px;
  text-transform: lowercase;
  border: 1px solid #87c4c2;
  border-right-style: none;
  padding: 20px 10px 20px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}

.footer-link-block:hover {
  background-color: #576b6e;
}

.footer-link-block:active {
  color: #576b6e;
  background-color: rgba(0, 0, 0, 0);
}

.footer-link-block:focus {
  color: #0ad1c9;
}

.footer-link-block.no-left-line {
  border-left-style: none;
}

.contact-info-in-footer {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-bottom: 1px solid #87c4c2;
  padding: 20px 10px 20px 20px;
  font-family: Novecentosanswide, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}

.footer-name-wrapper {
  color: #fff;
  text-align: right;
  border-top: 1px solid #87c4c2;
  border-right: 1px solid #87c4c2;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  font-family: Piersans, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.footer-name-wrapper.bottom-link-wrapper {
  text-align: left;
  border-top-style: none;
  border-left: 1px #87c4c2;
  border-right-style: none;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
}

.full-section {
  height: 100%;
  background-color: #87c4c2;
  padding-top: 5%;
  padding-bottom: 5%;
}

.full-section.exec-care-section {
  height: auto;
  min-height: 100%;
  color: #87c4c2;
  background-color: #1c2e3b;
}

.full-section.exec-care-section.tgt-mktg-blue-split {
  color: #1c2e3b;
  background-color: #40bbb6;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
}

.full-container {
  height: 100%;
}

.grid-17 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "."
                 "."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.major-heading_pier-sans {
  font-size: 72px;
  line-height: 80px;
}

.major-heading_pier-sans.focus-heading {
  color: #2b3638;
  text-transform: none;
  margin-bottom: 20px;
  font-family: Piersans, sans-serif;
  font-size: 60px;
  line-height: 70px;
}

.major-heading_pier-sans.focus-heading.light-blue-green {
  color: #87c4c2;
}

.corded-graphic {
  background-image: url('../images/cord-twister_red-dark-grey2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.corded-graphic.target-graphic {
  background-image: url('../images/target-rings_turq_12x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.hero-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-columns: 4fr 3fr;
  align-items: center;
}

.contained-gallery-section.final-14wb {
  background-color: rgba(0, 0, 0, 0);
}

.body-2 {
  background-color: var(--dark-grey);
}

.gallery-container-new {
  border-top: 1px solid #576b6e;
  border-bottom: 1px solid #576b6e;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.gallery-container-new.apex-bifold-container {
  margin-top: 40px;
}

.gallery-grid_right-text {
  grid-row-gap: 2px;
  grid-template-columns: 3fr 2fr;
}

.gallery-grid_right-text._14-west-broadway-grid {
  grid-template-columns: 3fr 2fr;
}

.image-holder {
  padding: 10px;
}

.image-holder._14wb-holder {
  width: 100%;
}

.text-wrapper {
  color: #ccc;
  padding: 0 10px 10px;
  font-size: 13px;
  line-height: 18px;
}

.gallery-grid_left-text {
  grid-row-gap: 0px;
  grid-template-columns: 1fr 2fr;
}

.apex-lightbox-img-2 {
  margin-top: 2px;
  margin-left: 5px;
  margin-right: 5px;
  transform: rotate(-3deg);
  box-shadow: 1px 1px 3px #000;
}

.apex-lightbox-img-2:hover {
  background-color: #000;
  box-shadow: 2px 2px 3px 1px #2cbdba;
}

.back-to-top {
  z-index: 599;
  width: 68px;
  height: 92px;
  background-image: url('../images/top-button-filled2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  top: auto;
  bottom: 10px;
  left: auto;
  right: 20px;
}

.back-to-top.w--current {
  display: none;
  top: 50%;
  overflow: visible;
}

.text-block-5 {
  text-transform: lowercase;
}

.down-arrow {
  width: 90px;
  height: 90px;
  background-image: url('../images/down-arrow_blue-back2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}

.look-good-section {
  height: 100%;
  color: #fff;
  background-color: #f76166;
  padding: 60px;
}

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

.thick-line {
  height: 7px;
  background-color: #fff;
}

.h1-pier-sans {
  text-transform: none;
  font-family: Piersans, sans-serif;
  font-size: 60px;
  line-height: 70px;
}

.focus-heading.light-blue-green {
  color: #87c4c2;
}

._2-tone-6-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.boxed-sample-list-cols {
  text-align: center;
  margin-top: 40px;
}

.boxed-outline {
  height: 240px;
  border: 3px solid #f76166;
  border-radius: 3px;
  padding: 0 20px 20px;
}

.on-boxed-sample {
  color: var(--hot-red-pink);
  background-color: #2b3638;
  margin-top: 0;
  padding-bottom: 2px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 20px;
  line-height: 24px;
  display: inline;
  position: relative;
  top: -14px;
}

._6-grid-hero {
  padding-top: 60px;
}

._2tone-block {
  width: 280px;
  height: 280px;
  background-color: #576b6e;
  margin-left: auto;
  margin-right: auto;
}

._2tone-block.lgt-turq-back {
  background-color: #bbdedc;
}

._2tone-block.lgt-turq-back.ft-monstera-leaf {
  background-color: var(--pale-turquoise);
  background-image: url('../images/monster-cropped2x.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 348px;
}

._2tone-block.lgt-turq-back.ft-chickadee {
  background-image: url('../images/chickadee_extra-padding2x.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 300px;
}

._2tone-block.ft-trg-logo {
  background-image: url('../images/trg_lgt-turq2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 137px;
}

._2tone-block.ft-summer-reception {
  background-image: url('../images/summer-reception-logo_lgt-turq2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 180px;
}

._2tone-block.hblock {
  color: #fff;
  text-align: left;
  background-color: #5cbab9;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

._2tone-block.ft-apex-logo {
  background-color: var(--medium-grey);
  opacity: 1;
  background-image: url('../images/apex_lgt-turq2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 190px;
}

._6-grid-hero-container {
  padding-left: 30px;
  padding-right: 30px;
}

.intro-section {
  color: #fff;
  background-color: #576b6e;
  margin-top: 60px;
  padding-top: 100px;
  padding-bottom: 100px;
  font-size: 17px;
  line-height: 23px;
}

.intro-text {
  padding: 0 140px;
}

.thicky-thick-line {
  height: 1px;
  border-top: 6px solid #fff;
  margin-bottom: 20px;
}

.h-6grid {
  font-size: 56px;
  line-height: 60px;
}

.new-14wb-grid {
  height: 90%;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: 6fr 4fr;
  grid-template-columns: 4fr 6fr;
}

.map-view {
  background-image: url('../images/14WB-map_600px.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #5c5b5b;
}

.map-view:hover {
  border-color: #2cbdba;
}

._14wb-infographic {
  background-color: #000;
  background-image: url('../images/14WB-infographic_600.jpg');
  background-position: 10%;
  background-repeat: no-repeat;
  background-size: 500px;
  border: 1px solid #5c5b5b;
}

._14wb-infographic:hover {
  border-color: #2cbdba;
}

._14wb-cover {
  background-image: url('../images/14W-Broadway_thumb-cover.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #5c5b5b;
}

._14wb-cover:hover {
  border-color: #2cbdba;
}

.div-sample-link.view-sample-button {
  color: #fff;
  margin-top: 20px;
  text-decoration: none;
  display: inline-block;
}

.checkbox {
  margin-top: 3px;
}

.vip-msg-section {
  z-index: 901;
  opacity: 0;
  color: #fff;
  background-color: #f76166;
  border-radius: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  display: none;
  position: relative;
}

.close-vip {
  width: 80px;
  height: 80px;
  background-image: url('../images/close-drk-trans2x.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  position: absolute;
  top: 60px;
  bottom: auto;
  left: auto;
  right: 60px;
}

.close-vip:hover {
  background-image: url('../images/close-inverse2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.close-vip:active {
  background-image: url('../images/close-filled2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.vip-text-area {
  width: 590px;
  margin-left: auto;
  margin-right: auto;
}

.links {
  color: #fff;
  padding-top: 220px;
  padding-bottom: 20px;
}

.vip-ticket-pass {
  z-index: 500;
  width: 415px;
  height: 620px;
  background-color: #8ae3e1;
  border: 13px solid #ff918c;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  box-shadow: 2px 2px 6px #5e5e5e;
}

.ticket-itself {
  width: 344px;
  height: 555px;
  background-image: url('../images/ticket-turq2x.png');
  background-position: 50%;
  background-size: cover;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 104px;
  padding-left: 35px;
  padding-right: 82px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.lanyard {
  width: 162px;
  height: 390px;
  background-image: url('../images/lanyard2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -230px;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.ticket-text {
  color: #1c2e3b;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 18px;
}

.ticket-text.right-align {
  text-align: right;
  margin-top: -4px;
}

.link {
  color: #576b6e;
  font-weight: 700;
}

.link:hover {
  color: #293b33;
}

.hero-wrapper {
  font-weight: 600;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  color: #87c4c2;
  background-color: #576b6e;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 500px;
  text-align: center;
  flex-direction: column;
  font-size: 16px;
  display: flex;
}

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

.heading-6 {
  font-style: italic;
}

.link-on-grey {
  color: #1c2e3b;
  margin-top: 5px;
  font-weight: 700;
}

.name-on-navbar {
  display: none;
}

._404-img {
  border: 12px solid #1c2e3b;
}

.notebook-error-msg {
  z-index: 999;
  background-color: #1c2e3b;
  position: relative;
  top: 28px;
}

.testing-embedded-section {
  height: 100%;
  background-color: #443737;
  margin-top: 100%;
}

.html-embed {
  height: 100%;
}

.standalone-form {
  height: auto;
  min-height: 100%;
  background-color: #f76166;
  background-image: url('../images/patterned-words_1200x800px_semi-trans_72.png');
  background-position: 50%;
  background-size: cover;
  padding-bottom: 60px;
}

.band-aid-from {
  opacity: 1;
  margin-bottom: 120px;
  display: block;
  position: relative;
  top: 60px;
}

.close-window {
  width: 80px;
  height: 80px;
  background-image: url('../images/close-turq-trans2x.png');
  background-position: 0 0;
  background-size: contain;
}

.full-width-new {
  min-height: 100vh;
}

.ph-hero-section {
  width: 100vw;
  height: 100vh;
  background-color: var(--hot-red-pink);
  background-image: url('../images/design-sunset-background_1920.pg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  font-family: DM Sans, sans-serif;
}

.ph-overlay {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, .23);
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, .68));
  border: 20px solid #fff;
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.ph-container {
  width: 60vw;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.ph-med-text {
  color: #fff;
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 24px;
}

.ph-hero-heading {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Novecentosanswide, sans-serif;
}

.hero-btn {
  background-color: var(--hot-red-pink);
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 11px 20px 12px;
  font-family: Novecentosanswide, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
}

.contact-info-block {
  width: 100vw;
  max-height: 200px;
  text-align: center;
  padding: 5px 10px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.contact-info-block.text-block-6 {
  color: var(--turq);
  margin-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
}

.text-block-6 {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
}

.white-frame {
  width: 100vw;
  height: 100vh;
  border: 20px solid var(--white);
  object-fit: cover;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

html.w-mod-js [data-ix="new-interaction-v2x"] {
  opacity: 0;
}

html.w-mod-js [data-ix="move-down-on-load"] {
  transform: translate(0, -720px);
}

@media screen and (max-width: 991px) {
  .hero-placeholder {
    width: 80%;
    font-size: 18px;
    line-height: 22px;
  }

  .hero-container {
    padding-left: 20px;
    padding-right: 60px;
  }

  .button.reach-out {
    margin-top: 22px;
  }

  .button.on-contact-form {
    width: 100%;
    display: inline-block;
  }

  .button.btn-on-footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-placeholder-headline {
    font-size: 110px;
    line-height: 115px;
  }

  .form-blk {
    width: auto;
    margin: 20px;
    padding: 25px;
    display: none;
  }

  .close-button {
    top: 30px;
    right: 20px;
  }

  .hero-knot {
    background-position: 30%;
    background-size: 150%;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    line-height: 28px;
  }

  .heading-2 {
    text-align: left;
    margin-top: 10px;
  }

  .contact-method-drk-back {
    height: auto;
  }

  .sample-heading {
    margin-top: 10px;
    font-size: 28px;
    line-height: 32px;
  }

  .sample-category {
    font-size: 15px;
    line-height: 17px;
  }

  .portfolio-menu-link {
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  ._2nd-row {
    height: 85%;
    font-size: 12px;
    line-height: 16px;
  }

  ._2nd-row_right-col {
    padding-right: 40px;
  }

  ._2nd-row_left-col {
    overflow: hidden;
  }

  .r2-rcol-mixed {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 15px;
  }

  .r1-colr-mixed {
    padding-top: 20px;
    padding-left: 20px;
  }

  .r2-lcol-mixed {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .first-row_mixed {
    height: 15%;
  }

  ._14wb-lightbox {
    width: auto;
    height: auto;
  }

  ._14wb-lightbox.newest {
    width: 100%;
  }

  ._14bw-lightbox-img {
    height: 200px;
  }

  ._14wb-interarea.portfolio-mixed {
    margin-top: 0;
    padding-top: 60px;
  }

  ._14wb-interarea.portfolio-mixed.mandarin {
    padding-top: 40px;
  }

  .thick-underline-headings.on-light-back.thick-line-on-grid {
    height: 150px;
  }

  .sr17-section {
    height: auto;
  }

  .sr17-div.sr17-twitter-profile {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .grid-4.mandarin-grid {
    height: 550px;
    grid-template-rows: 1fr 1fr 1fr;
  }

  .why-section_grid {
    padding-left: 60px;
    padding-right: 60px;
  }

  .grid-5.why-me-staggered-grid {
    grid-template-rows: auto auto auto auto auto auto auto auto;
  }

  .grid-7._3-col-with-xs {
    grid-template-columns: 4fr 1fr 4fr 1fr 4fr;
  }

  .x-grid-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-8 {
    grid-column-gap: 0px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: ".";
  }

  .portfolio-link-block {
    line-height: 18px;
  }

  .portfolio-hero-menu {
    padding-top: 60px;
  }

  .grid-9 {
    grid-column-gap: 20px;
  }

  .grid-9.port-menu-grid {
    margin-top: 20px;
  }

  .block {
    width: 100%;
  }

  .mandarin-section {
    margin-top: 0;
  }

  ._2-col-text {
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    font-size: 11px;
    line-height: 13px;
  }

  .form-notebook-lines {
    overflow: scroll;
  }

  .close-notebook-form {
    top: -7px;
    left: 29px;
  }

  .gallery-hero-section {
    height: auto;
    padding-bottom: 60px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .text-block-3 {
    font-size: 16px;
    line-height: 18px;
  }

  .view-sample-button {
    padding-top: 8px;
  }

  .bottom-caption-area {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sample_copy-paragraphs {
    font-size: 12px;
    line-height: 16px;
  }

  .top-content-img-area {
    padding: 60px 40px 40px;
  }

  .sm18-new-grid.on-container {
    grid-template-columns: 3fr 3fr 4fr;
  }

  ._14wb-grid {
    width: auto;
    text-align: left;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 2fr 2fr;
  }

  .sr-17_grid {
    grid-template-rows: 2fr 2fr 5fr;
  }

  .black-nav-bar {
    height: auto;
  }

  .black-nav-link {
    padding-top: 11px;
    padding-bottom: 0;
    font-size: 14px;
    line-height: 16px;
  }

  .black-nav-link.show-service-index {
    padding-top: 5px;
  }

  .newfooter {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .grid-16 {
    grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
  }

  .footer-link-block {
    padding-left: 10px;
  }

  .contact-info-in-footer {
    border-bottom-style: solid;
    padding-left: 10px;
  }

  .footer-name-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
  }

  .footer-name-wrapper.bottom-link-wrapper {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    padding-left: 10px;
  }

  .full-section.exec-care-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .major-heading_pier-sans.focus-heading {
    font-size: 48px;
    line-height: 55px;
  }

  .corded-graphic {
    margin-left: 40px;
  }

  .corded-graphic.target-graphic {
    background-position: 50%;
    background-size: contain;
    margin-left: 0;
    margin-right: 10px;
  }

  .gallery-grid_right-text {
    grid-column-gap: 10px;
  }

  .image-holder._14wb-holder {
    width: auto;
  }

  ._2-tone-6-grid {
    width: 86vw;
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    grid-template-columns: 28vw 28vw 28vw;
    margin-left: auto;
    margin-right: auto;
  }

  .on-boxed-sample {
    padding-left: 10px;
    padding-right: 10px;
    display: inline;
  }

  ._2tone-block {
    width: 28vw;
    height: 28vw;
  }

  ._2tone-block.lgt-turq-back.ft-monstera-leaf {
    background-position: 50% 100%;
    background-size: contain;
  }

  ._2tone-block.lgt-turq-back.ft-chickadee {
    background-position: 50%;
    background-size: cover;
  }

  ._2tone-block.ft-trg-logo {
    background-size: 100px;
  }

  ._2tone-block.ft-summer-reception {
    background-size: 140px;
  }

  ._2tone-block.ft-apex-logo {
    background-size: 175px;
  }

  ._6-grid-hero-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .intro-section {
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 16px;
  }

  .intro-text {
    padding-left: 120px;
    padding-right: 120px;
  }

  .h-6grid {
    font-size: 40px;
    line-height: 44px;
  }

  .new-14wb-grid {
    grid-row-gap: 10px;
    grid-template-rows: 3fr 6fr;
    grid-template-columns: 1fr 1fr;
  }

  .close-vip {
    top: 40px;
    right: 40px;
  }

  .utility-page-content {
    width: 450px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 44px;
    line-height: 50px;
  }

  h3 {
    font-size: 20px;
    line-height: 24px;
  }

  h4 {
    font-size: 20px;
    line-height: 22px;
  }

  h5 {
    font-size: 15px;
    line-height: 17px;
  }

  label {
    margin-top: 3px;
  }

  .body {
    font-size: 15px;
    line-height: 22px;
  }

  .home-hero {
    background-position: 50% 0;
    background-size: cover;
  }

  .hero-placeholder {
    width: 75%;
    line-height: 22px;
  }

  .hero-container {
    padding-top: 20px;
    padding-right: 20px;
  }

  .button.reach-out {
    margin-top: 15px;
  }

  .button.btn-on-footer {
    padding: 12px 30px 11px;
    position: static;
    left: 10px;
  }

  .hero-placeholder-headline {
    text-align: right;
    font-size: 80px;
    line-height: 85px;
  }

  .form-blk {
    position: absolute;
  }

  .contact-field {
    height: auto;
    margin-bottom: 0;
  }

  .field-label {
    margin-top: 15px;
    font-size: 12px;
    line-height: 14px;
  }

  .basic-contact-success {
    padding-top: 15px;
    padding-bottom: 0;
    font-size: 16px;
    line-height: 22px;
  }

  .tato-frame {
    border-width: 14px;
  }

  .close-button {
    top: 20px;
  }

  .navbar-clear {
    width: 50px;
    height: 50px;
    background-color: #2b3638;
    border: 2px solid #809ead;
    display: inline;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .services-section.coral-background {
    min-width: 100%;
    padding: 60px 20px;
  }

  .hero-knot {
    height: auto;
    min-height: auto;
    background-image: url('../images/knot_very-dark.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 130%;
    padding: 100px 40px 20px;
  }

  .knot-hero-content {
    font-size: 15px;
  }

  .heading-2 {
    margin-top: 0;
    font-size: 20px;
    line-height: 24px;
  }

  .contact-method-drk-back {
    font-size: 12px;
    line-height: 14px;
  }

  .vert-content_v2 {
    display: none;
  }

  ._2nd-row {
    height: auto;
  }

  .apex-lightbox-img {
    height: 150px;
  }

  .r1-colr-mixed {
    height: auto;
    margin-bottom: 0;
    padding-bottom: 5px;
  }

  .r1-colr-mixed.cols-mandarin {
    padding-bottom: 0;
  }

  .r1-coll-mixed {
    padding-top: 0;
  }

  .first-row_mixed {
    height: auto;
  }

  ._14wb-lightbox {
    width: 100%;
  }

  ._14bw-lightbox-img {
    height: 200px;
  }

  ._14bw-lightbox-img.hide-mobile-horizontal {
    display: none;
  }

  ._14wb-interarea.portfolio-mixed {
    height: auto;
    position: absolute;
  }

  .thick-underline-headings.on-light-back.thick-line-on-grid {
    height: 60px;
    padding-bottom: 10px;
  }

  .big-number.big-number-on-grid {
    height: 100px;
  }

  .with-big-numbers.dark-color.h4-on-grid {
    font-size: 20px;
    line-height: 24px;
    display: inline-block;
  }

  .footer {
    padding: 40px 10px 20px;
    font-size: 12px;
    line-height: 16px;
  }

  .sr17-div.sr17-rack-card {
    display: none;
  }

  .sr17-div.sr17-twitter-profile {
    background-size: cover;
  }

  .grid-4.mandarin-grid {
    height: 250px;
    grid-template-rows: auto auto;
  }

  .mandarin-brochure-spread {
    background-size: cover;
  }

  .mandarin_palette.taupe-swatch, .mandarin_palette.ice-swatch, .mandarin_palette.stripes {
    display: none;
  }

  .why-section_grid {
    padding: 40px;
  }

  .grid-5.why-me-staggered-grid {
    grid-template-columns: 1fr;
    font-family: Source Sans Pro, sans-serif;
    font-size: 13px;
    line-height: 15px;
  }

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

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

  .srvc-index {
    height: auto;
    padding-bottom: 20px;
  }

  .srvc-lines {
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .srvc-lines.srvc-category-left-side {
    padding-top: 5px;
    padding-left: 20px;
  }

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

  .srvc-list {
    margin-bottom: 10px;
    padding-left: 16px;
  }

  .srvc-list-items {
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 13px;
  }

  .srvc-lndex-categories {
    margin-top: 0;
  }

  .close-service-index {
    position: relative;
    bottom: -17px;
  }

  .portfolio-link-block {
    padding-top: 0;
    padding-left: 12px;
    padding-right: 0;
    font-size: 12px;
    line-height: 13px;
  }

  .portfolio-hero-menu {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .grid-9.port-menu-grid {
    grid-column-gap: 20px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .menu-button {
    width: 50px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 12px;
    padding-left: 5px;
    padding-right: 0;
  }

  .icon {
    width: 40px;
    color: #809ead;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .block {
    margin-right: 10px;
    display: block;
  }

  .grid-10.email-toc-grid {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 3.75fr 1fr;
  }

  .toc-email-heading {
    margin-bottom: 5px;
  }

  .actual-contact-form {
    width: auto;
    padding: 20px;
  }

  .full-contact-form-label {
    margin-top: 0;
    font-size: 13px;
    line-height: 15px;
  }

  .form-notebook-lines {
    width: auto;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
  }

  .notebook-form-field-label {
    margin-top: 11px;
    font-size: 12px;
  }

  .notebook-left-col {
    padding-top: 0;
  }

  .close-notebook-form {
    left: auto;
  }

  .gallery-hero-section {
    min-height: auto;
    margin-top: 40px;
    padding: 20px 30px;
  }

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

  .gallery-hero-text {
    border-left-style: none;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 20px;
  }

  .gallery-hero-sample-links {
    border-top-style: none;
    border-left: 1px solid #576b6e;
    border-right-style: solid;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
  }

  .side-caption_img-col {
    height: auto;
    padding: 20px;
  }

  .side-caption_copy-col {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .view-sample-button {
    text-align: center;
    display: block;
  }

  .sm18-new-grid.on-container {
    height: 300px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: 6fr 4fr;
  }

  ._14wb-grid {
    width: 100%;
    height: auto;
    grid-template-rows: auto;
    grid-template-columns: 2fr 2fr 2fr;
  }

  .sr-17_grid {
    height: 250px;
  }

  .sr17-event-img_lg {
    display: none;
  }

  .black-nav-grid {
    width: auto;
    height: auto;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .black-nav-menu {
    width: 300px;
    height: auto;
    background-color: #87c4c2;
    position: absolute;
    top: 60px;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .black-nav-link {
    width: auto;
    height: 60px;
    color: #1c2e3b;
    text-align: left;
    background-color: #cfe7e7;
    border: 1px solid #576b6e;
    margin-left: 0;
    padding-top: 18px;
    padding-bottom: 12px;
    font-size: 20px;
    line-height: 22px;
    display: block;
  }

  .black-nav-link:hover {
    color: #576b6e;
    border-bottom-width: 1px;
    border-bottom-color: #576b6e;
  }

  .black-nav-link:active {
    color: #fff;
    border: 1px solid #d4d4d4;
  }

  .black-nav-link:focus {
    color: #1c2e3b;
    background-color: #99dedc;
  }

  .black-nav-link.show-service-index {
    padding-top: 18px;
  }

  .black-nav-link.contact-on-navbar {
    display: block;
  }

  .gpj-brand {
    display: none;
  }

  .newfooter {
    text-align: center;
    padding: 20px;
  }

  .grid-16 {
    text-align: center;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .footer-name-wrapper {
    text-align: center;
    border-right-style: none;
  }

  .footer-name-wrapper.bottom-link-wrapper {
    text-align: center;
    border-top-style: solid;
    border-right-style: none;
    padding-top: 20px;
  }

  .full-section.exec-care-section {
    height: auto;
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

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

  .major-heading_pier-sans.focus-heading {
    font-size: 32px;
    line-height: 34px;
  }

  .corded-graphic {
    margin-left: 0;
  }

  .hero-grid {
    grid-template-columns: 5fr 3fr;
    line-height: 22px;
  }

  .gallery-container-new {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .gallery-grid_right-text {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-wrapper {
    padding-top: 10px;
  }

  .gallery-grid_left-text {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .back-to-top {
    width: 51px;
    height: 69px;
    right: 10px;
  }

  .down-arrow {
    width: 0;
    height: 0;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .menu-button-turq {
    border: 2px #bbdedc;
    border-style: none solid;
  }

  .menu-button-turq:active, .menu-button-turq:focus {
    background-color: #2cbdba;
  }

  .boxed-sample-list-cols {
    padding-left: 20px;
    padding-right: 20px;
  }

  .boxed-outline {
    height: auto;
    border-width: 2px;
    margin-bottom: 40px;
    padding-bottom: 10px;
  }

  .on-boxed-sample {
    font-size: 18px;
    line-height: 22px;
  }

  ._6-grid-hero {
    padding-top: 100px;
  }

  ._2tone-block.ft-trg-logo {
    background-size: 70px;
  }

  ._2tone-block.ft-summer-reception {
    background-size: 95px;
  }

  ._2tone-block.ft-apex-logo {
    background-size: 125px;
  }

  .intro-section {
    margin-top: 10px;
    padding-top: 12vw;
    padding-bottom: 12vw;
  }

  .intro-text {
    padding-left: 14vw;
    padding-right: 14vw;
    font-size: 14px;
    line-height: 20px;
  }

  .h-6grid {
    font-size: 30px;
    line-height: 32px;
  }

  .new-14wb-grid {
    height: 250px;
    grid-row-gap: 12px;
    grid-template: "."
    / 2fr 5fr;
    margin-bottom: 20px;
  }

  ._14wb-infographic {
    display: none;
  }

  .div-sample-link {
    text-align: center;
  }

  .div-sample-link.view-sample-button {
    color: #fff;
    text-decoration: none;
    display: block;
  }

  .vip-msg-section {
    padding-top: 60px;
  }

  .close-vip {
    width: 55px;
    height: 55px;
    top: 10px;
    right: 10px;
  }

  .vip-ticket-pass {
    width: 404px;
    height: 603px;
    margin-left: auto;
    margin-right: auto;
  }

  .ticket-itself {
    width: 335px;
    height: 540px;
    padding-top: 96px;
    padding-left: 30px;
    padding-right: 80px;
  }

  .ticket-text {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 17px;
  }

  .ticket-text.right-align {
    margin-top: -5px;
  }

  .name-on-navbar {
    color: #218e8b;
    text-align: left;
    text-transform: uppercase;
    margin-right: 66px;
    font-family: Piersans, sans-serif;
    font-size: 14px;
    line-height: 17px;
    display: block;
    position: absolute;
    top: 22px;
    left: 30px;
  }

  .icon-2 {
    color: #218e8b;
  }

  .notebook-error-msg {
    top: 20px;
  }

  .hero-paragraph {
    font-weight: 400;
  }

  .ph-overlay {
    border-width: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .ph-container {
    width: 100vw;
  }

  .ph-med-text {
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 16px;
  }

  .ph-hero-heading {
    margin-bottom: 15px;
    font-size: 32px;
    line-height: 36px;
  }

  .hero-btn {
    font-size: 16px;
    line-height: 20px;
  }

  .contact-info-block {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
  }

  .contact-info-block.text-block-6 {
    font-size: 10px;
    line-height: 14px;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .white-frame {
    border-width: 15px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 36px;
    line-height: 38px;
  }

  h4 {
    margin-bottom: 5px;
  }

  h5 {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 16px;
  }

  .home-hero {
    background-image: url('../images/tato-background_m-vertical.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .hero-placeholder {
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
  }

  .hero-container {
    padding-right: 60px;
  }

  .button {
    margin-left: auto;
    margin-right: auto;
  }

  .button.reach-out {
    margin-top: 5px;
  }

  .button.dark-background {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    line-height: 20px;
  }

  .button.btn-on-footer {
    bottom: -20px;
    left: auto;
    right: 10px;
  }

  .hero-placeholder-headline {
    text-align: left;
    font-size: 48px;
    line-height: 48px;
  }

  .form-blk {
    margin: 10px;
    padding: 10px;
  }

  .basic-contact-success {
    padding-top: 5px;
    font-size: 14px;
    line-height: 18px;
  }

  .tato-frame {
    border-width: 12px;
  }

  .close-button {
    top: 15px;
    right: 10px;
  }

  .text-block {
    line-height: 18px;
  }

  .services-section.coral-background {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .hero-knot {
    background-image: url('../images/knot_transparent.png');
    background-position: 50% 10%;
    background-repeat: no-repeat;
    background-size: 140%;
    padding-left: 25px;
    padding-right: 25px;
  }

  .knot-hero-content {
    font-size: 14px;
  }

  .heading-2 {
    font-size: 18px;
    line-height: 20px;
  }

  .vert-content_v2 {
    display: block;
  }

  .sample-category {
    font-size: 14px;
    line-height: 16px;
  }

  .apex-17-bifold {
    margin-bottom: 0;
  }

  .apex-lightbox-img {
    height: auto;
  }

  .apex-lightbox-img.hide-in-mobile-vertical {
    display: none;
  }

  .r1-colr-mixed {
    border-right-style: none;
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 10px;
  }

  .r1-colr-mixed.cols-mandarin {
    border-right-style: none;
  }

  .r1-coll-mixed {
    padding-top: 0;
    padding-left: 10px;
  }

  .r2-lcol-mixed {
    padding-top: 20px;
  }

  .first-row_mixed {
    padding-right: 40px;
  }

  .first-row_mixed.mandarin-first-row {
    padding-left: 10px;
    padding-right: 10px;
  }

  ._14bw-lightbox-img {
    height: auto;
  }

  ._14bw-lightbox-img.hide-in-mobile-vert {
    display: none;
  }

  ._14wb-interarea.portfolio-mixed {
    padding-top: 10px;
  }

  .footer {
    text-align: right;
    padding: 20px 20px 40px;
  }

  .sm18-card.on-contained-gallery {
    display: none;
  }

  .grid-3._14wb-samples-showcase {
    grid-column-gap: 16px;
    grid-template: "."
                   "."
                   / 90%;
  }

  .grid-4.mandarin-grid {
    height: 170px;
    grid-template-rows: auto;
  }

  .mandarin-brochure-spread {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .why-section_grid {
    padding: 20px;
  }

  .grid-5.why-me-staggered-grid {
    grid-template-columns: 1fr;
  }

  .grid-7._3-col-with-xs {
    grid-template-rows: auto auto auto;
    grid-template-columns: 4fr;
  }

  .x-grid-container {
    padding: 10px 0;
  }

  .x-separater {
    display: none;
  }

  .srvc-index {
    padding-bottom: 20px;
  }

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

  .srvc-lines {
    border-top-style: none;
    border-left-style: none;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 20px;
  }

  .srvc-lines.srvc-category-left-side {
    border-top-style: none;
    border-bottom: 1px solid #576b6e;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 0;
    padding-left: 0;
  }

  .srvc-lines.title-lines {
    border-bottom-style: none;
  }

  .srvc-list {
    margin-bottom: 0;
  }

  .srvc-list-items {
    margin-bottom: 3px;
    font-size: 10px;
    line-height: 12px;
  }

  .col_no-left-indent {
    padding-left: 0;
  }

  .portfolio-link-block {
    padding-bottom: 8px;
    padding-left: 10px;
  }

  .portfolio-hero-menu {
    height: auto;
  }

  .grid-9 {
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .grid-9.port-menu-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }

  .block {
    width: 100%;
  }

  ._2-col-text {
    column-count: 1;
    font-size: 10px;
    line-height: 12px;
  }

  .toc-email-heading {
    line-height: 15px;
  }

  .full-contact-form-field {
    margin-top: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .form-notebook-lines {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 0 10px 20px;
    position: fixed;
  }

  .grid-12.notebook-grid {
    grid-row-gap: 0px;
    overflow: scroll;
  }

  .notebook-lines {
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    border: 1px #2cbdba;
    margin-top: 0;
    padding-top: 3px;
  }

  .notebook-columns {
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 5px 0;
  }

  .notebook-form-field-label {
    color: #2cbdba;
    text-align: left;
    border-bottom: 1px solid #4c5555;
    margin-top: 5px;
    margin-bottom: 0;
    margin-right: 20px;
    padding-bottom: 3px;
    font-size: 13px;
    line-height: 14px;
  }

  .notebook-left-col {
    height: auto;
    text-align: left;
    border-right-style: none;
    padding-left: 0;
    padding-right: 0;
  }

  .notebook-left-col.notes-left-col, .notebook-left-col.taller-row {
    height: auto;
  }

  .notebook-form-field {
    height: 30px;
    background-color: #000;
    margin-bottom: 0;
    margin-left: -10px;
    margin-right: -20px;
    padding-left: 8px;
    padding-right: 4px;
    line-height: 14px;
  }

  .notebook-text-area {
    padding-left: 8px;
  }

  .notes-field-right-col {
    padding-top: 5px;
    padding-left: 0;
    padding-right: 20px;
  }

  .radio-btm-notebook-form {
    margin-bottom: 9px;
  }

  .padding-above {
    margin-left: -10px;
    padding-right: 10px;
  }

  .close-notebook-form {
    top: 6px;
    left: auto;
    right: 20px;
  }

  .gallery-hero-section {
    padding: 10px 20px;
  }

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

  .gallery-hero-sample-links {
    border-top-style: solid;
    border-left-style: none;
    border-right-style: none;
    padding-left: 0;
    padding-right: 0;
  }

  .sample-link-2 {
    margin-bottom: 7px;
  }

  .text-block-3 {
    font-size: 15px;
    line-height: 18px;
  }

  .side-caption_copy-col {
    padding: 10px 20px 20px;
  }

  .view-sample-button {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .sm18-new-grid.on-container {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    grid-template-rows: 5fr 2fr;
  }

  ._14wb-grid {
    grid-column-gap: 14px;
    grid-template: "."
    / 1fr 2fr;
  }

  .h5-red-text {
    font-size: 16px;
    line-height: 18px;
  }

  .sr-17_grid {
    height: 200px;
  }

  .black-nav-menu {
    width: 100%;
  }

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

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

  .footer-link-block {
    border-left-style: none;
    text-decoration: none;
  }

  .contact-info-in-footer {
    line-height: 16px;
  }

  .full-section.exec-care-section {
    height: auto;
    padding: 40px 20px;
  }

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

  .major-heading_pier-sans.focus-heading {
    text-align: center;
  }

  .major-heading_pier-sans.focus-heading.light-blue-green {
    margin-bottom: 20px;
  }

  .corded-graphic {
    height: 200px;
  }

  .gallery-container-new {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .gallery-grid_right-text {
    grid-template-columns: 1fr;
    padding-left: 10px;
    padding-right: 10px;
  }

  .gallery-grid_left-text {
    padding-left: 10px;
    padding-right: 10px;
  }

  .back-to-top {
    bottom: 5px;
    right: 3px;
  }

  ._2-tone-6-grid {
    width: 100%;
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    grid-template-columns: 46vw 46vw;
  }

  .boxed-outline {
    padding-left: 10px;
    padding-right: 10px;
  }

  ._6-grid-hero {
    padding-top: 80px;
  }

  ._2tone-block {
    width: 46vw;
    height: 46vw;
  }

  ._2tone-block.lgt-turq-back.ft-monstera-leaf {
    background-size: cover;
  }

  ._2tone-block.lgt-turq-back.ft-chickadee {
    background-position: 50% 0;
    background-size: 180px;
  }

  ._2tone-block.ft-trg-logo {
    background-color: #5cbab9;
    background-image: url('../images/trg_combo2x.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 75px;
    display: block;
  }

  ._2tone-block.ft-summer-reception {
    display: none;
  }

  ._2tone-block.ft-apex-logo {
    background-size: 100px;
    display: none;
  }

  .intro-section {
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 20px;
  }

  .intro-text {
    padding-left: 30px;
    padding-right: 30px;
  }

  .h-6grid {
    font-size: 24px;
    line-height: 28px;
  }

  .new-14wb-grid {
    grid-template-columns: 100%;
  }

  .map-view {
    margin-left: 0;
  }

  ._14wb-cover {
    display: none;
  }

  .close-vip {
    width: 45px;
    height: 45px;
    top: 8px;
    right: 8px;
  }

  .vip-ticket-pass {
    width: 303px;
    height: 452px;
    border-width: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .ticket-itself {
    width: 252px;
    height: 405px;
    background-image: url('../images/ticket-mobile-vert_22x.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 15px;
    padding-top: 71px;
    padding-left: 23px;
    padding-right: 21px;
  }

  .lanyard {
    width: 122px;
    height: 293px;
    margin-left: auto;
    margin-right: auto;
  }

  .ticket-text {
    text-align: left;
    margin-bottom: 4px;
    font-size: 11px;
    line-height: 14px;
  }

  .utility-page-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .utility-page-content {
    width: 300px;
  }

  .name-on-navbar {
    width: 200px;
    font-size: 11px;
    line-height: 15px;
    top: 15px;
    left: 15px;
  }
}

#w-node-_785e86b4-9462-0abd-cbe0-cebd4ce1dc9a-3a9e8491 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_785e86b4-9462-0abd-cbe0-cebd4ce1dca1-3a9e8491 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_785e86b4-9462-0abd-cbe0-cebd4ce1dca8-3a9e8491 {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-_785e86b4-9462-0abd-cbe0-cebd4ce1dcaf-3a9e8491 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_785e86b4-9462-0abd-cbe0-cebd4ce1dcb0-3a9e8491 {
  grid-area: 4 / 1 / 5 / 3;
}

#w-node-_785e86b4-9462-0abd-cbe0-cebd4ce1dcb7-3a9e8491 {
  grid-area: 5 / 1 / 6 / 3;
}

#w-node-_785e86b4-9462-0abd-cbe0-cebd4ce1dcbe-3a9e8491 {
  grid-area: 6 / 1 / 7 / 3;
}

#w-node-_785e86b4-9462-0abd-cbe0-cebd4ce1dccf-3a9e8491 {
  grid-area: 7 / 1 / 8 / 3;
}

#w-node-_785e86b4-9462-0abd-cbe0-cebd4ce1dcd6-3a9e8491 {
  grid-area: 9 / 1 / 10 / 3;
}

#w-node-_785e86b4-9462-0abd-cbe0-cebd4ce1dcd8-3a9e8491 {
  grid-area: 8 / 1 / 9 / 3;
}

#w-node-eddb8170-7ba6-641d-27ea-8c892d101f5f-2d101f5b {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-eddb8170-7ba6-641d-27ea-8c892d101f61-2d101f5b {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-eddb8170-7ba6-641d-27ea-8c892d101f63-2d101f5b {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-eddb8170-7ba6-641d-27ea-8c892d101f66-2d101f5b {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-eddb8170-7ba6-641d-27ea-8c892d101f68-2d101f5b {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_33a9a454-0549-5868-031d-aabd45606491-3a9e8499 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7ae2a934-a31b-6e10-d167-4f9250883df7-3a9e8499 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_5fff460b-dac8-e757-a611-83cb0d66cdc5-3a9e8499 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_9064bfaa-c167-19e1-479b-5d9bc95e1fe6-3a9e8499 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-c09462c5-396e-3ca6-4657-b67c413e4ff4-3a9e8499 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_33856de4-0260-d488-a5db-0eddbece7d6d-3a9e8499 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-a9c72276-4e00-7df8-a299-737fd26e5887-3a9e8499 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-a9c72276-4e00-7df8-a299-737fd26e5893-3a9e8499 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-a9c72276-4e00-7df8-a299-737fd26e5898-3a9e8499 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_0981ed90-b57f-4f96-4817-2b9681c8ae04-3a9e8499 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-ac6d5b52-7266-2cfd-06d0-1971516884fa-3a9e8499 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_0981ed90-b57f-4f96-4817-2b9681c8ae09-3a9e8499 {
  grid-area: 1 / 2 / 3 / 4;
}

#w-node-_0981ed90-b57f-4f96-4817-2b9681c8ae0b-3a9e8499 {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-_0981ed90-b57f-4f96-4817-2b9681c8ae0c-3a9e8499 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0981ed90-b57f-4f96-4817-2b9681c8ae11-3a9e8499 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-c9c1f47f-4e85-0ecd-403e-3c1279e039b3-3a9e8499 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-b1914028-7d52-0a4e-3747-b93336b4491a-3a9e8499 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-b1914028-7d52-0a4e-3747-b93336b4491c-3a9e8499 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-b1914028-7d52-0a4e-3747-b93336b4491b-3a9e8499 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_632cfc04-fb6f-2b5b-4b90-10b12aeb5972-3a9e8499 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-a726b417-a854-7681-325c-253613bc32cb-3a9e8499 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_7cc13484-665c-14e4-a760-8051472dff36-3a9e8499 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-_4a9104f0-031f-df65-c152-337a06fe64c1-3a9e8499 {
  grid-area: 1 / 1 / 3 / 4;
}

#w-node-_4a9104f0-031f-df65-c152-337a06fe64c2-3a9e8499 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_4a9104f0-031f-df65-c152-337a06fe64c5-3a9e8499 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_4a9104f0-031f-df65-c152-337a06fe64c8-3a9e8499 {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_7cc13484-665c-14e4-a760-8051472dff3c-3a9e8499 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7cc13484-665c-14e4-a760-8051472dff41-3a9e8499 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_36d23f65-7012-05a6-e13b-1c972c9c0402-3a9e8499 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-b3c926d9-a55f-493f-c2c2-a8b6a02c1b5a-3a9e8499 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-dc0bb681-b0fb-ae28-67cd-5001b5823313-3a9e8499 {
  grid-area: 1 / 2 / 3 / 3;
}

#w-node-b2649648-e1b7-9a90-77a6-a1d386cad64c-3a9e8499 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_36d23f65-7012-05a6-e13b-1c972c9c0408-3a9e8499 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_29bf492f-4c84-e640-c75a-1cfc6431ed08-3a9e8499 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfa3-4c2dbfa0 {
  grid-area: 1 / 1 / 4 / 2;
}

#w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfa8-4c2dbfa0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfab-4c2dbfa0 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfae-4c2dbfa0, #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfae-4c2dbfa0:focus {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfb1-4c2dbfa0 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfb7-4c2dbfa0 {
  grid-area: 2 / 2 / 3 / 6;
}

#w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfba-4c2dbfa0 {
  grid-area: 3 / 2 / 4 / 6;
}

#w-node-_831abc24-1b54-8889-7f50-381bc2f41cb1-c2f41cae {
  grid-area: 2 / 4 / 3 / 8;
}

#w-node-_831abc24-1b54-8889-7f50-381bc2f41cc1-c2f41cae {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-_831abc24-1b54-8889-7f50-381bc2f41cc5-c2f41cae {
  grid-area: 3 / 4 / 4 / 8;
}

#w-node-_831abc24-1b54-8889-7f50-381bc2f41cf8-c2f41cae {
  grid-area: 4 / 4 / 5 / 8;
}

#w-node-_831abc24-1b54-8889-7f50-381bc2f41d08-c2f41cae {
  grid-area: 2 / 2 / 3 / 4;
}

#w-node-_831abc24-1b54-8889-7f50-381bc2f41d0b-c2f41cae {
  grid-area: 3 / 2 / 4 / 4;
}

#w-node-_831abc24-1b54-8889-7f50-381bc2f41d0e-c2f41cae {
  grid-area: 4 / 2 / 5 / 4;
}

#w-node-_43db8842-e03a-f8d0-62db-2dc9f360637e-f3606377 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_43db8842-e03a-f8d0-62db-2dc9f3606385-f3606377 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_43db8842-e03a-f8d0-62db-2dc9f360638c-f3606377 {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-_43db8842-e03a-f8d0-62db-2dc9f3606393-f3606377 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_43db8842-e03a-f8d0-62db-2dc9f3606394-f3606377 {
  grid-area: 4 / 1 / 5 / 3;
}

#w-node-_43db8842-e03a-f8d0-62db-2dc9f360639b-f3606377 {
  grid-area: 5 / 1 / 6 / 3;
}

#w-node-_43db8842-e03a-f8d0-62db-2dc9f36063a2-f3606377 {
  grid-area: 6 / 1 / 7 / 3;
}

#w-node-_43db8842-e03a-f8d0-62db-2dc9f36063b3-f3606377 {
  grid-area: 7 / 1 / 8 / 3;
}

#w-node-_43db8842-e03a-f8d0-62db-2dc9f36063ba-f3606377 {
  grid-area: 9 / 1 / 10 / 3;
}

#w-node-_43db8842-e03a-f8d0-62db-2dc9f36063bc-f3606377 {
  grid-area: 8 / 1 / 9 / 3;
}

#w-node-aeb8345c-9911-a69b-bd1a-1a2055ec36e1-cda1d8a3 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-eebe5357-1eed-61a7-daac-888cd98850ec-cda1d8a3 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_617c5311-fb6b-b706-03b1-b05878108f85-cda1d8a3 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_617c5311-fb6b-b706-03b1-b05878108f86-cda1d8a3 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_617c5311-fb6b-b706-03b1-b05878108f88-cda1d8a3 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_617c5311-fb6b-b706-03b1-b05878108f89-cda1d8a3 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_617c5311-fb6b-b706-03b1-b05878108f8d-cda1d8a3 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-f6162131-2b5c-8972-443c-229591f5a053-cda1d8a3 {
  grid-area: 1 / 4 / 2 / 8;
}

#w-node-f6162131-2b5c-8972-443c-229591f5a055-cda1d8a3 {
  grid-area: 1 / 1 / 3 / 4;
}

#w-node-f6162131-2b5c-8972-443c-229591f5a056-cda1d8a3 {
  grid-area: 2 / 4 / 3 / 7;
}

#w-node-c1e4b23c-b76b-a853-65dc-1c49673f0745-cda1d8a3 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-c1e4b23c-b76b-a853-65dc-1c49673f0747-cda1d8a3 {
  grid-area: 1 / 4 / 3 / 8;
}

#w-node-_2cca6365-f437-86e7-bc5d-15497bc39c25-cda1d8a3 {
  grid-area: 2 / 1 / 3 / 4;
}

@media screen and (max-width: 991px) {
  #w-node-eddb8170-7ba6-641d-27ea-8c892d101f61-2d101f5b {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-eddb8170-7ba6-641d-27ea-8c892d101f66-2d101f5b {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-eddb8170-7ba6-641d-27ea-8c892d101f68-2d101f5b {
    grid-area: 1 / 5 / 2 / 6;
  }

  #w-node-a9c72276-4e00-7df8-a299-737fd26e5887-3a9e8499 {
    grid-row-start: 2;
    grid-column-end: 3;
  }

  #w-node-a9c72276-4e00-7df8-a299-737fd26e5893-3a9e8499 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-a9c72276-4e00-7df8-a299-737fd26e5898-3a9e8499 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-ac6d5b52-7266-2cfd-06d0-1971516884fa-3a9e8499 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_0981ed90-b57f-4f96-4817-2b9681c8ae09-3a9e8499 {
    grid-area: 1 / 2 / 3 / 4;
  }

  #w-node-_0981ed90-b57f-4f96-4817-2b9681c8ae0b-3a9e8499 {
    grid-area: 3 / 1 / 4 / 4;
  }

  #w-node-_0981ed90-b57f-4f96-4817-2b9681c8ae0c-3a9e8499 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0981ed90-b57f-4f96-4817-2b9681c8ae11-3a9e8499 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b1914028-7d52-0a4e-3747-b93336b4491a-3a9e8499 {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_632cfc04-fb6f-2b5b-4b90-10b12aeb5972-3a9e8499 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-a726b417-a854-7681-325c-253613bc32cb-3a9e8499 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_4a9104f0-031f-df65-c152-337a06fe64c1-3a9e8499 {
    grid-area: 1 / 1 / 3 / 4;
  }

  #w-node-_4a9104f0-031f-df65-c152-337a06fe64c8-3a9e8499 {
    grid-area: 3 / 3 / 4 / 4;
  }

  #w-node-_7cc13484-665c-14e4-a760-8051472dff3c-3a9e8499 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7cc13484-665c-14e4-a760-8051472dff41-3a9e8499 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-dc0bb681-b0fb-ae28-67cd-5001b5823313-3a9e8499 {
    grid-row-start: 2;
    grid-column-start: 1;
  }

  #w-node-b2649648-e1b7-9a90-77a6-a1d386cad64c-3a9e8499, #w-node-_36d23f65-7012-05a6-e13b-1c972c9c0408-3a9e8499 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_29bf492f-4c84-e640-c75a-1cfc6431ed08-3a9e8499 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfa3-4c2dbfa0 {
    grid-area: 1 / 1 / 4 / 2;
  }

  #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfa8-4c2dbfa0 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfab-4c2dbfa0 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfb1-4c2dbfa0 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfb7-4c2dbfa0 {
    grid-area: 2 / 2 / 3 / 6;
  }

  #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfba-4c2dbfa0 {
    grid-area: 3 / 2 / 4 / 6;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41cb1-c2f41cae {
    grid-area: 2 / 2 / 3 / 5;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41cc1-c2f41cae {
    grid-column-end: 5;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41cc5-c2f41cae {
    grid-area: 3 / 2 / 4 / 5;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41cf8-c2f41cae {
    grid-area: 4 / 2 / 5 / 5;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41d08-c2f41cae {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41d0b-c2f41cae {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41d0e-c2f41cae {
    grid-column: 1 / 2;
  }

  #w-node-_617c5311-fb6b-b706-03b1-b05878108f85-cda1d8a3 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_617c5311-fb6b-b706-03b1-b05878108f86-cda1d8a3 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_617c5311-fb6b-b706-03b1-b05878108f88-cda1d8a3 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-_617c5311-fb6b-b706-03b1-b05878108f89-cda1d8a3 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_617c5311-fb6b-b706-03b1-b05878108f8d-cda1d8a3 {
    grid-area: 1 / 5 / 2 / 6;
  }

  #w-node-f6162131-2b5c-8972-443c-229591f5a053-cda1d8a3 {
    grid-area: 1 / 4 / 2 / 8;
  }

  #w-node-f6162131-2b5c-8972-443c-229591f5a055-cda1d8a3 {
    grid-area: 1 / 1 / 3 / 4;
  }

  #w-node-f6162131-2b5c-8972-443c-229591f5a056-cda1d8a3 {
    grid-area: 2 / 4 / 3 / 8;
  }

  #w-node-c1e4b23c-b76b-a853-65dc-1c49673f0745-cda1d8a3 {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-c1e4b23c-b76b-a853-65dc-1c49673f0747-cda1d8a3 {
    grid-area: 1 / 4 / 3 / 8;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_785e86b4-9462-0abd-cbe0-cebd4ce1dcb0-3a9e8491 {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-eddb8170-7ba6-641d-27ea-8c892d101f5f-2d101f5b {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-eddb8170-7ba6-641d-27ea-8c892d101f61-2d101f5b {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-eddb8170-7ba6-641d-27ea-8c892d101f63-2d101f5b {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-eddb8170-7ba6-641d-27ea-8c892d101f66-2d101f5b {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-eddb8170-7ba6-641d-27ea-8c892d101f68-2d101f5b {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-a9c72276-4e00-7df8-a299-737fd26e5887-3a9e8499 {
    grid-row-start: 2;
  }

  #w-node-a9c72276-4e00-7df8-a299-737fd26e5893-3a9e8499 {
    grid-column: 1 / 3;
  }

  #w-node-a9c72276-4e00-7df8-a299-737fd26e5898-3a9e8499 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_0981ed90-b57f-4f96-4817-2b9681c8ae04-3a9e8499 {
    grid-column: 1 / 2;
    grid-row-start: 2;
  }

  #w-node-ac6d5b52-7266-2cfd-06d0-1971516884fa-3a9e8499 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_0981ed90-b57f-4f96-4817-2b9681c8ae09-3a9e8499 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_0981ed90-b57f-4f96-4817-2b9681c8ae0b-3a9e8499 {
    grid-area: 1 / 1 / 4 / 4;
  }

  #w-node-_0981ed90-b57f-4f96-4817-2b9681c8ae0c-3a9e8499 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0981ed90-b57f-4f96-4817-2b9681c8ae11-3a9e8499 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-c9c1f47f-4e85-0ecd-403e-3c1279e039b3-3a9e8499 {
    grid-row-start: 2;
  }

  #w-node-b1914028-7d52-0a4e-3747-b93336b4491a-3a9e8499 {
    grid-area: 1 / 1 / 3 / 3;
  }

  #w-node-b1914028-7d52-0a4e-3747-b93336b4491c-3a9e8499 {
    grid-area: 2 / 3 / 3 / 4;
  }

  #w-node-b1914028-7d52-0a4e-3747-b93336b4491b-3a9e8499 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_632cfc04-fb6f-2b5b-4b90-10b12aeb5972-3a9e8499 {
    grid-column: 1 / 2;
  }

  #w-node-a726b417-a854-7681-325c-253613bc32cb-3a9e8499 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_7cc13484-665c-14e4-a760-8051472dff36-3a9e8499 {
    grid-column: 1 / 2;
    grid-row-start: 2;
  }

  #w-node-_4a9104f0-031f-df65-c152-337a06fe64c1-3a9e8499 {
    grid-area: 1 / 1 / 3 / 4;
  }

  #w-node-_4a9104f0-031f-df65-c152-337a06fe64c2-3a9e8499 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_4a9104f0-031f-df65-c152-337a06fe64c5-3a9e8499 {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_4a9104f0-031f-df65-c152-337a06fe64c8-3a9e8499 {
    grid-area: 3 / 3 / 4 / 4;
  }

  #w-node-_7cc13484-665c-14e4-a760-8051472dff3c-3a9e8499 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7cc13484-665c-14e4-a760-8051472dff41-3a9e8499 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_36d23f65-7012-05a6-e13b-1c972c9c0402-3a9e8499 {
    grid-row-start: 2;
  }

  #w-node-dc0bb681-b0fb-ae28-67cd-5001b5823313-3a9e8499 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_36d23f65-7012-05a6-e13b-1c972c9c0408-3a9e8499 {
    grid-column: 1 / 2;
  }

  #w-node-_29bf492f-4c84-e640-c75a-1cfc6431ed08-3a9e8499 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfa3-4c2dbfa0 {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfa8-4c2dbfa0 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfab-4c2dbfa0 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfae-4c2dbfa0 {
    grid-area: 2 / 4 / 3 / 5;
  }

  #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfb1-4c2dbfa0 {
    grid-area: 2 / 3 / 3 / 4;
  }

  #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfb7-4c2dbfa0 {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfba-4c2dbfa0 {
    grid-area: 4 / 1 / 5 / 5;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41cb1-c2f41cae {
    grid-area: 2 / 2 / 3 / 5;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41cc1-c2f41cae {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41cc5-c2f41cae {
    grid-area: 3 / 2 / 4 / 5;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41cf8-c2f41cae {
    grid-area: 4 / 2 / 5 / 5;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41d08-c2f41cae {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41d0b-c2f41cae {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41d0e-c2f41cae {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_43db8842-e03a-f8d0-62db-2dc9f3606394-f3606377 {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-aeb8345c-9911-a69b-bd1a-1a2055ec36e1-cda1d8a3 {
    grid-column-end: 3;
  }

  #w-node-eebe5357-1eed-61a7-daac-888cd98850ec-cda1d8a3 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_617c5311-fb6b-b706-03b1-b05878108f86-cda1d8a3 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_617c5311-fb6b-b706-03b1-b05878108f89-cda1d8a3 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_617c5311-fb6b-b706-03b1-b05878108f8d-cda1d8a3 {
    grid-area: 1 / 5 / 2 / 6;
  }

  #w-node-f6162131-2b5c-8972-443c-229591f5a053-cda1d8a3 {
    grid-area: 1 / 1 / 2 / 6;
  }

  #w-node-f6162131-2b5c-8972-443c-229591f5a055-cda1d8a3 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-f6162131-2b5c-8972-443c-229591f5a056-cda1d8a3 {
    grid-area: 2 / 3 / 3 / 6;
  }

  #w-node-c1e4b23c-b76b-a853-65dc-1c49673f0745-cda1d8a3 {
    grid-area: 1 / 1 / 2 / 6;
  }

  #w-node-c1e4b23c-b76b-a853-65dc-1c49673f0747-cda1d8a3 {
    grid-area: 2 / 4 / 3 / 6;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_785e86b4-9462-0abd-cbe0-cebd4ce1dcaf-3a9e8491 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_785e86b4-9462-0abd-cbe0-cebd4ce1dcd6-3a9e8491 {
    grid-area: 9 / 1 / 10 / 3;
  }

  #w-node-eddb8170-7ba6-641d-27ea-8c892d101f5f-2d101f5b {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-eddb8170-7ba6-641d-27ea-8c892d101f61-2d101f5b {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-eddb8170-7ba6-641d-27ea-8c892d101f66-2d101f5b {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-eddb8170-7ba6-641d-27ea-8c892d101f68-2d101f5b {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_33a9a454-0549-5868-031d-aabd45606491-3a9e8499 {
    grid-row: 2 / 3;
  }

  #w-node-_7ae2a934-a31b-6e10-d167-4f9250883df7-3a9e8499 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_5fff460b-dac8-e757-a611-83cb0d66cdc5-3a9e8499 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_9064bfaa-c167-19e1-479b-5d9bc95e1fe6-3a9e8499 {
    grid-column: 2 / 3;
  }

  #w-node-c09462c5-396e-3ca6-4657-b67c413e4ff4-3a9e8499 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_33856de4-0260-d488-a5db-0eddbece7d6d-3a9e8499 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-a9c72276-4e00-7df8-a299-737fd26e5887-3a9e8499 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-a9c72276-4e00-7df8-a299-737fd26e5893-3a9e8499 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-a9c72276-4e00-7df8-a299-737fd26e5898-3a9e8499 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_0981ed90-b57f-4f96-4817-2b9681c8ae04-3a9e8499 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_0981ed90-b57f-4f96-4817-2b9681c8ae0b-3a9e8499 {
    grid-area: 1 / 1 / 4 / 4;
  }

  #w-node-_0981ed90-b57f-4f96-4817-2b9681c8ae0c-3a9e8499 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c9c1f47f-4e85-0ecd-403e-3c1279e039b3-3a9e8499 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b1914028-7d52-0a4e-3747-b93336b4491a-3a9e8499 {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-b1914028-7d52-0a4e-3747-b93336b4491c-3a9e8499 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-b1914028-7d52-0a4e-3747-b93336b4491b-3a9e8499 {
    grid-area: 2 / 3 / 3 / 4;
  }

  #w-node-_632cfc04-fb6f-2b5b-4b90-10b12aeb5972-3a9e8499 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_7cc13484-665c-14e4-a760-8051472dff36-3a9e8499 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_4a9104f0-031f-df65-c152-337a06fe64c1-3a9e8499 {
    grid-area: 1 / 1 / 3 / 4;
  }

  #w-node-_4a9104f0-031f-df65-c152-337a06fe64c2-3a9e8499 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_4a9104f0-031f-df65-c152-337a06fe64c5-3a9e8499 {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_4a9104f0-031f-df65-c152-337a06fe64c8-3a9e8499 {
    grid-area: 3 / 3 / 4 / 4;
  }

  #w-node-_7cc13484-665c-14e4-a760-8051472dff3c-3a9e8499 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_36d23f65-7012-05a6-e13b-1c972c9c0402-3a9e8499 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-dc0bb681-b0fb-ae28-67cd-5001b5823313-3a9e8499 {
    grid-column: 1 / 2;
  }

  #w-node-_36d23f65-7012-05a6-e13b-1c972c9c0408-3a9e8499 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_29bf492f-4c84-e640-c75a-1cfc6431ed08-3a9e8499 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfa3-4c2dbfa0 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfa8-4c2dbfa0 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfab-4c2dbfa0 {
    grid-area: 3 / 1 / 4 / 3;
  }

  #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfae-4c2dbfa0 {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfb1-4c2dbfa0 {
    grid-area: 4 / 1 / 5 / 3;
  }

  #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfb7-4c2dbfa0 {
    grid-area: 6 / 1 / 7 / 3;
  }

  #w-node-_99d2523d-67c7-3f42-e9a0-bb614c2dbfba-4c2dbfa0 {
    grid-area: 7 / 1 / 8 / 3;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41cb1-c2f41cae {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41cc1-c2f41cae {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41cc5-c2f41cae {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41cf8-c2f41cae {
    grid-area: 7 / 1 / 8 / 2;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41d08-c2f41cae {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41d0b-c2f41cae {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_831abc24-1b54-8889-7f50-381bc2f41d0e-c2f41cae {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_43db8842-e03a-f8d0-62db-2dc9f3606393-f3606377 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_43db8842-e03a-f8d0-62db-2dc9f36063ba-f3606377 {
    grid-area: 9 / 1 / 10 / 3;
  }

  #w-node-eebe5357-1eed-61a7-daac-888cd98850ec-cda1d8a3 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_617c5311-fb6b-b706-03b1-b05878108f85-cda1d8a3, #w-node-_617c5311-fb6b-b706-03b1-b05878108f86-cda1d8a3 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_617c5311-fb6b-b706-03b1-b05878108f88-cda1d8a3, #w-node-_617c5311-fb6b-b706-03b1-b05878108f89-cda1d8a3 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_617c5311-fb6b-b706-03b1-b05878108f8d-cda1d8a3 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-f6162131-2b5c-8972-443c-229591f5a053-cda1d8a3 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-f6162131-2b5c-8972-443c-229591f5a055-cda1d8a3 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-f6162131-2b5c-8972-443c-229591f5a056-cda1d8a3 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-c1e4b23c-b76b-a853-65dc-1c49673f0745-cda1d8a3 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c1e4b23c-b76b-a853-65dc-1c49673f0747-cda1d8a3 {
    grid-column: 1 / 2;
  }

  #w-node-_2cca6365-f437-86e7-bc5d-15497bc39c25-cda1d8a3 {
    grid-row: 3 / 4;
    grid-column-end: 2;
  }
}


@font-face {
  font-family: 'Piersans';
  src: url('../fonts/PierSans-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Piersans';
  src: url('../fonts/PierSans-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Piersans';
  src: url('../fonts/PierSans-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Piersans';
  src: url('../fonts/PierSans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Novecentosanswide';
  src: url('../fonts/Novecentosanswide-DemiBold-1.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Novecentosanswide';
  src: url('../fonts/Novecentosanswide-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Novecentosanswide';
  src: url('../fonts/Novecentosanswide-Normal.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Novecentosanswide';
  src: url('../fonts/Novecentosanswide-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/SourceSansPro-It.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/SourceSansPro-BlackIt.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: auto;
}