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

body {
  color: #1a1b1f;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 44px;
  font-weight: 400;
  line-height: 62px;
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 46px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

p {
  margin-bottom: 10px;
}

a {
  color: #1a1b1f;
  text-decoration: underline;
  transition: opacity .2s;
  display: block;
}

a:hover {
  color: #32343a;
}

a:active {
  color: #43464d;
}

ul {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 40px;
  list-style-type: disc;
}

li {
  margin-bottom: 10px;
}

img {
  height: 50px;
  display: block;
}

label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  font-size: 20px;
  line-height: 34px;
}

figure {
  margin-top: 25px;
  padding-bottom: 20px;
}

figcaption {
  opacity: .6;
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  line-height: 26px;
}

.heading-jumbo-small {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

.styleguide-block {
  text-align: left;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
  display: block;
}

.heading-jumbo-tiny {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.rich-text {
  width: 70%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

.rich-text p {
  opacity: .6;
  margin-top: 15px;
  margin-bottom: 25px;
}

.backtotopcontainer {
  width: auto;
  height: auto;
  max-width: none;
  margin: 5% auto auto;
  padding-bottom: 0;
}

.styleguide-content-wrap {
  text-align: center;
}

.paragraph-small {
  font-size: 14px;
  line-height: 26px;
}

.styleguide-header-wrap {
  height: 460px;
  color: #fff;
  text-align: center;
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.styleguide-button-wrap {
  margin-top: 10px;
  margin-bottom: 10px;
}

.heading-jumbo {
  width: 40%;
  text-align: left;
  text-transform: none;
  background-color: rgba(0, 0, 0, 0);
  margin: 10px auto;
  padding-left: 4%;
  padding-right: 4%;
  font-family: Titillium Web, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 80px;
  position: relative;
}

.paragraph-tiny {
  font-size: 12px;
  line-height: 20px;
}

.paragraph-tiny.cc-paragraph-tiny-light {
  opacity: .7;
}

.label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.label.cc-styleguide-label {
  margin-bottom: 25px;
}

.label.cc-speaking-label {
  margin-top: 20px;
  margin-bottom: 10px;
}

.label.cc-about-light {
  opacity: .6;
}

.paragraph-light {
  opacity: .6;
  text-align: center;
  padding-top: 0;
  font-weight: 300;
}

.paragraph-light.cc-position-name {
  margin-bottom: 5px;
}

.stgriddivkidssection {
  width: 98%;
  height: auto;
  float: none;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  margin: auto 0 auto 1%;
  padding-right: 0;
  transition: margin;
  display: block;
  position: static;
  transform: translate(0);
}

.stgriddivkidssection.cc-contact {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.stgriddivkidssection.detailsecion {
  margin-top: 0%;
  margin-bottom: 5%;
}

.button {
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #fff;
  border: 2px solid #dac7ff;
  border-radius: 10px;
  padding: 12px 25px;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
  box-shadow: 0 10px 20px -10px #dac7ff;
}

.button:hover {
  color: #fff;
  background-color: #32343a;
}

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

.button.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-white-button {
  color: #202020;
  background-color: #000;
  margin-top: 3%;
  padding: 6% 9%;
  font-size: 14px;
  line-height: 26px;
  transition-property: none;
}

.button.cc-white-button:hover {
  background-color: rgba(255, 255, 255, .8);
}

.button.cc-white-button:active {
  background-color: rgba(255, 255, 255, .9);
}

.paragraph-bigger {
  opacity: 1;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-bigger.cc-bigger-light {
  opacity: 1;
  color: #000;
  font-family: Titillium Web, sans-serif;
  font-weight: 700;
}

.divider {
  height: 1px;
  background-color: #eee;
}

.logo-link {
  z-index: 1;
  margin-right: auto;
}

.logo-link:hover {
  opacity: .8;
}

.logo-link:active {
  opacity: .7;
}

.logo-link.w--current {
  width: auto;
  height: auto;
  flex: none;
  margin-left: 0;
  margin-right: auto;
  position: relative;
}

.homelink {
  opacity: .6;
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-right: 20px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-family: Titillium Web, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  display: none;
}

.homelink:hover {
  opacity: .9;
}

.homelink:active {
  opacity: .8;
}

.homelink.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-family: Titillium Web, sans-serif;
  font-weight: 600;
  transition: background-color .4s, opacity, color;
}

.homelink.w--current:hover {
  opacity: .8;
  color: #32343a;
}

.homelink.w--current:active {
  opacity: .7;
  color: #32343a;
}

.navigation-items {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-right: 0;
  padding-right: 0;
  display: flex;
}

.navigation {
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  margin-bottom: 100px;
  padding: 30px 50px;
  display: block;
}

.logo-image {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-right: 0;
  display: block;
}

.navigation-wrap {
  align-items: center;
  margin-right: -20px;
  display: flex;
}

.aboutme {
  width: 100%;
  float: none;
  clear: both;
  margin-top: 5%;
  margin-bottom: 2.5%;
  padding-bottom: 0;
  padding-left: 0%;
  padding-right: 0%;
  position: relative;
}

.name-text {
  width: 34%;
  text-align: left;
  border: 0 solid #000;
  border-top: 3px solid #dac7ff;
  margin-bottom: 0%;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 0% 0;
  font-family: Titillium Web, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}

.position-name-text {
  text-transform: none;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.work-description {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.work-experience-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: ". . . ."
  / 1fr 1fr 1fr 1fr;
  margin-bottom: 140px;
}

.works-grid {
  grid-column-gap: 16px;
  grid-row-gap: 15px;
  border: 1px #000;
  grid-template: "." 1fr
                 "." 1fr
                 "." 1fr
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: 500px;
  justify-items: start;
  margin-bottom: 0;
  margin-left: 15px;
  margin-right: 15px;
}

.carrer-headline-wrap {
  width: 70%;
  margin-bottom: 50px;
}

.work-image {
  height: 460px;
  text-align: center;
  background-color: #f4f4f4;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 40px;
  text-decoration: none;
  display: flex;
}

.work-image:hover {
  opacity: .8;
}

.work-image:active {
  opacity: .7;
}

.work-image.cc-work-1 {
  background-image: url('../images/portfolio-1---wide.svg');
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 0;
  padding-bottom: 0;
}

.work-image.cc-work-2 {
  background-image: url('../images/portfolio-2---wide.svg');
  background-size: cover;
}

.work-image.cc-work-3 {
  background-image: url('../images/portfolio-3---wide_1.svg');
  background-size: cover;
}

.project-name-link {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  text-decoration: none;
}

.project-name-link:hover {
  opacity: .8;
}

.project-name-link:active {
  opacity: .7;
}

.text-field {
  color: #dbc7fd;
  text-align: center;
  border: 0 solid #e4e4e4;
  border-bottom: 3px solid #dac7ff;
  border-radius: 0;
  margin-bottom: 18px;
  padding: 21px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  transition: border-color .4s;
}

.text-field:hover {
  border-color: #e3e6eb;
}

.text-field:active, .text-field:focus {
  border-color: #43464d;
}

.text-field::-ms-input-placeholder {
  color: rgba(50, 52, 58, .4);
}

.text-field::placeholder {
  color: rgba(50, 52, 58, .4);
}

.text-field.cc-textarea {
  height: 200px;
  padding-top: 12px;
}

.status-message {
  color: #fff;
  text-align: center;
  background-color: #202020;
  padding: 9px 30px;
  font-size: 14px;
  line-height: 26px;
}

.status-message.cc-success-message {
  background-color: #12b878;
}

.status-message.cc-error-message {
  background-color: #ffc7c8;
  border-radius: 10px;
  margin-top: 10%;
}

.contact {
  padding-top: 80px;
  padding-bottom: 90px;
}

.contact-headline {
  width: 70%;
  margin-bottom: 40px;
}

.contact-form-grid {
  grid-column-gap: 30px;
  grid-row-gap: 10px;
}

.contact-form-wrap {
  width: 70%;
}

.footer-wrap {
  justify-content: space-between;
  align-items: center;
  margin-top: 3%;
  margin-bottom: auto;
  padding: 0 50px;
  display: flex;
}

.webflow-link {
  opacity: .5;
  text-transform: uppercase;
  align-items: center;
  text-decoration: none;
  transition: opacity .4s;
  display: flex;
}

.webflow-link:hover {
  opacity: 1;
}

.webflow-link:active {
  opacity: .8;
}

.webflow-logo-tiny {
  margin-top: -2px;
  margin-right: 8px;
}

.footer-links {
  justify-content: center;
  align-items: center;
  margin-right: -20px;
  font-family: Titillium Web, sans-serif;
  font-weight: 200;
  display: flex;
}

.footer-item {
  opacity: .6;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: 20px;
  margin-right: 20px;
  font-family: Titillium Web, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.footer-item:hover {
  opacity: .9;
}

.footer-item:active {
  opacity: .8;
}

.about-intro-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 2fr;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 140px;
}

.hi-there-heading {
  margin-top: 10px;
  margin-bottom: 20px;
}

.service-name-text {
  opacity: .6;
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 46px;
}

.skillset-wrap {
  padding-right: 60px;
}

.reference-link {
  opacity: .6;
  font-size: 14px;
  line-height: 26px;
  text-decoration: none;
}

.reference-link:hover {
  opacity: 1;
}

.reference-link:active {
  opacity: .9;
}

.featured-item-wrap {
  margin-bottom: 25px;
}

.services-items-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-areas: ". .";
  padding-top: 10px;
}

.skills-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 1fr;
  margin-bottom: 140px;
}

.personal-features-grid {
  grid-column-gap: 80px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-areas: ". ."
                       ". .";
  margin-bottom: 110px;
}

.speaking-text {
  margin-right: 8px;
  display: inline-block;
}

.speaking-text.cc-past-speaking {
  opacity: .6;
}

.speaking-detail {
  opacity: .6;
  display: inline-block;
}

.upcoming-wrap {
  margin-bottom: 40px;
}

.social-media-heading {
  margin-bottom: 60px;
}

.social-media-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas: ". . . ."
                       ". . . .";
  margin-bottom: 30px;
}

.project-overview-grid {
  grid-column-gap: 50px;
  grid-row-gap: 100px;
  grid-template: ". . . ."
                 ". . . ."
                 / 1fr 1fr 1fr 1fr;
  margin-top: 120px;
  margin-bottom: 135px;
}

.detail-header-image {
  width: 100%;
  margin-top: 0;
}

.project-description-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 2.5fr;
  margin-top: 120px;
  margin-bottom: 120px;
}

.detail-image {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}

.email-section {
  width: 70%;
  text-align: center;
  margin: 6% auto;
}

.email-link {
  text-transform: none;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 64px;
  font-weight: 400;
  line-height: 88px;
  text-decoration: none;
}

.email-link:hover {
  opacity: .8;
}

.email-link:active {
  opacity: .7;
}

.utility-page-wrap {
  width: auto;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

._404-wrap {
  width: auto;
  height: auto;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

._404-content-wrap {
  width: 50%;
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 3%;
}

.protected-wrap {
  text-align: center;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.protected-form {
  flex-direction: column;
  display: flex;
}

.protected-heading {
  text-align: center;
  margin-bottom: 30px;
  font-family: Titillium Web, sans-serif;
  font-weight: 700;
}

.image {
  float: left;
  margin-right: 100px;
  padding-right: 0;
}

.button-2 {
  width: 15%;
  float: none;
  clear: both;
  color: #000;
  text-align: center;
  background-color: rgba(255, 255, 255, .48);
  border: 2px solid #dac7ff;
  border-radius: 10px;
  margin: 40px auto auto;
  padding: 10px;
  font-family: Titillium Web, sans-serif;
  font-size: 24px;
  font-weight: 600;
  text-decoration: none;
  display: block;
  position: static;
  box-shadow: 0 10px 20px -10px #dac7ff;
}

.paragraph {
  width: 15%;
  text-align: left;
  flex: 0 auto;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: auto;
  padding-right: 0%;
  font-family: Titillium Web, sans-serif;
  font-weight: 400;
  position: static;
}

.video {
  float: left;
  cursor: pointer;
  border-radius: 0;
  margin-top: 10px;
  margin-bottom: -220px;
  padding-bottom: 0;
  transition: opacity .2s;
  position: relative;
  top: auto;
  transform: scale(.985)translate(0, -235px);
}

.div-block {
  border: 1px solid #000;
  border-radius: 0;
  margin-left: -35px;
  margin-right: -35px;
}

.image-2 {
  margin-left: 0;
  margin-right: 0;
}

.body {
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5));
  border: 1px rgba(0, 0, 0, 0);
}

.workgridsection {
  float: none;
  background-color: rgba(0, 0, 0, 0);
  margin: auto 0;
  padding-right: 0;
  transition: margin;
  position: relative;
  transform: translate(0);
}

.workgridsection.cc-contact {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.image-3, .image-4, .image-5, .image-6, .image-7, .image-8 {
  position: -webkit-sticky;
  position: sticky;
}

.grid {
  grid-column-gap: 10px;
  grid-row-gap: 20px;
}

.image-9 {
  float: none;
  margin-top: 0;
  margin-left: 10px;
  padding-top: 0;
  padding-bottom: 0;
  position: static;
}

.section-2 {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  top: -226px;
}

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

.image-10 {
  width: auto;
  height: auto;
}

.image-11 {
  padding-right: 0;
}

.columns {
  margin-top: -62px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  top: -220px;
}

.columns-2 {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  top: -210px;
}

.image-12 {
  position: relative;
}

.column, .column-2, .column-3 {
  padding-left: 0;
  padding-right: 0;
}

.grid-3 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template: "."
                 "."
                 "."
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: stretch;
  display: none;
  overflow: visible;
}

.grid-4 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-content: center;
  justify-content: center;
  align-items: start;
  justify-items: center;
  margin-top: 16px;
  position: relative;
}

.grid-5 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  margin-top: 15px;
}

.section-3 {
  float: none;
  clear: both;
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 20px;
  display: none;
  position: relative;
}

.image-13 {
  width: auto;
  height: auto;
  min-width: 0;
  align-self: stretch;
}

.div-block-2 {
  width: 98.5%;
  height: 400px;
  float: none;
  clear: both;
  opacity: 1;
  background-image: url('../images/Transport_01318_01300.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 15px;
  margin: 1% auto 0;
  position: static;
}

.desktop_3projcolumn {
  width: 98.5%;
  height: 400px;
  margin: 1% auto 0;
  display: block;
}

.desktop_2projcolumn02 {
  width: 98.5%;
  height: 400px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  margin: 1% auto 0;
}

.image-16, .image-17, .image-18, .image-19, .image-20 {
  height: 400px;
}

.column-4 {
  height: 100%;
  background-image: url('../images/muse_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  padding-left: 0;
  padding-right: 0;
}

.column-5 {
  height: 400px;
  background-image: url('../images/colorSpectrum.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-left: 0;
  padding-right: 0;
}

.column-6 {
  height: 400px;
  background-image: url('../images/mos.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.tablet_hyatt {
  height: 400px;
  background-image: url('../images/logoHome.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-left: 0;
}

.projnav_sweettreats {
  height: 400px;
  background-image: url('../images/sweetTreats_00000.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  padding-left: 0;
  padding-right: 0;
}

.heading {
  text-align: center;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 400;
}

.video-2 {
  width: auto;
  display: none;
  top: 20px;
}

.projectheadder {
  width: 96%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.projectheadderparagraph {
  width: 75%;
  height: auto;
  margin: auto auto auto 5%;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.aboutprojectcolumns {
  width: 90%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 10%;
  margin-left: auto;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 35px;
  font-weight: 700;
  text-decoration: none;
}

.image-21 {
  width: 100%;
  height: auto;
}

.column-9 {
  height: auto;
  margin-top: 40px;
}

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

.column-11 {
  height: auto;
  margin-top: 0;
}

.column-12 {
  height: 700px;
  background-image: url('../images/logoHome1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0%;
}

.column-13 {
  height: 700px;
  margin-top: 0%;
}

.columns-6 {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
  margin-right: 0;
}

.italic-text {
  font-size: 25px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
  text-decoration: none;
}

.link-block {
  width: 100%;
  height: 100%;
}

.heading-3 {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  border: 0 #000;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: auto;
  padding-top: 0;
  font-family: Titillium Web, sans-serif;
  font-size: 80px;
  font-weight: 700;
  text-decoration: none;
}

.link-block-2 {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
}

.text-block {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 60px;
  font-weight: 700;
  text-decoration: none;
}

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

.text-block-2 {
  width: 100%;
  height: 100%;
  float: none;
  clear: both;
  text-align: center;
  text-decoration: none;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.link-block-4 {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/GSGifForWeb.gif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 15px;
  text-decoration: none;
  display: block;
}

.hovertitle {
  color: #fff;
  text-align: center;
  border: 1px #000;
  border-radius: 15px;
  margin-top: 0%;
  margin-bottom: 0%;
  padding-top: 170px;
  padding-bottom: 0%;
  font-family: Titillium Web, sans-serif;
  font-size: 60px;
  font-weight: 700;
}

.image-22 {
  width: 100%;
  height: 100%;
  clear: both;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.link-block-5 {
  width: 98%;
  height: 100%;
  opacity: 1;
  background-image: url('../images/projectGridRowOne.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 200% 100%;
  background-attachment: scroll;
  border: 0 #000;
  text-decoration: none;
  display: block;
}

.heading-5 {
  color: #fff;
  text-align: center;
  margin-top: 23.5%;
  margin-bottom: 23.5%;
  font-family: Titillium Web, sans-serif;
  font-size: 60px;
  font-weight: 700;
}

.desktop_goldensnacksnavlink {
  width: 98.5%;
  height: 400px;
  float: none;
  clear: both;
  opacity: 1;
  background-image: url('../images/GSendPlate_01891.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 15px;
  margin: 1% auto;
  position: static;
}

.pronav_logohome {
  height: 400px;
  background-image: url('../images/logoHome1373.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 15px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 15px;
  padding-left: 0;
  padding-right: 0;
}

.div-block-2-copy {
  width: 98.5%;
  height: 400px;
  float: none;
  clear: both;
  opacity: 1;
  background-image: url('../images/Transport_01318.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  margin: 1% auto 0;
  display: none;
  position: static;
}

.tablet_2am-hyatt {
  width: 98.5%;
  height: 400px;
  margin: 1% auto 0;
  display: none;
}

.tablet_2am {
  height: 400px;
  background-image: url('../images/sweetTreats_00000.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-left: 0;
}

.link-block-6 {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/museThumbNail.gif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 15px 0 0 15px;
  text-decoration: none;
}

.heading-6 {
  color: #fff;
  text-align: center;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 170px;
  padding-bottom: 170px;
  font-family: Titillium Web, sans-serif;
  font-size: 60px;
  font-weight: 700;
  text-decoration: none;
}

.link-block-7 {
  width: 100%;
  height: 100%;
}

.link-block-8 {
  width: 100%;
  height: 100%;
  text-align: center;
  background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/ColorSpectrumFix.gif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  text-decoration: none;
}

.heading-7 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 170px;
  padding-bottom: 170px;
  font-family: Titillium Web, sans-serif;
  font-size: 60px;
  font-weight: 700;
  text-decoration: none;
}

.link-block-9 {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/mos.gif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  text-decoration: none;
}

.heading-8 {
  color: #fff;
  text-align: center;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 170px;
  padding-bottom: 168px;
  font-family: Titillium Web, sans-serif;
  font-size: 60px;
  font-weight: 700;
  text-decoration: none;
}

.link-block-69 {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/logoHome.gif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  text-decoration: none;
}

.heading-9 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 170px;
  padding-bottom: 170px;
  font-family: Titillium Web, sans-serif;
  font-size: 60px;
  font-weight: 700;
}

.link-block-666 {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/sweetTreats.gif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  text-decoration: none;
}

.heading-10 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 170px;
  padding-bottom: 170px;
  font-family: Titillium Web, sans-serif;
  font-size: 60px;
  font-weight: 700;
  text-decoration: none;
}

.link-block-12 {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/transPort.gif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 15px;
  text-decoration: none;
}

.heading-11 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 170px;
  padding-bottom: 170px;
  font-family: Titillium Web, sans-serif;
  font-size: 60px;
  font-weight: 700;
  text-decoration: none;
}

.link-block-17 {
  display: none;
}

.paragraph-copy {
  width: 6%;
  text-align: center;
  flex: 0 auto;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Titillium Web, sans-serif;
  font-weight: 400;
  display: none;
  position: static;
}

.heading-9-copy {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 170px;
  padding-bottom: 170px;
  font-family: Titillium Web, sans-serif;
  font-size: 60px;
  font-weight: 700;
}

.heading-10-copy {
  color: #fff;
  text-align: center;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 170px;
  padding-bottom: 170px;
  font-family: Titillium Web, sans-serif;
  font-size: 60px;
  font-weight: 700;
  text-decoration: none;
}

.heading-20 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 170px;
  padding-bottom: 170px;
  font-family: Titillium Web, sans-serif;
  font-size: 60px;
  font-weight: 700;
}

.projectconcept {
  width: 90%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin: 20% auto 2% 5%;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.transportprocessdesktop {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
}

.column-77 {
  height: 700px;
  background-image: url('../images/process1.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.logohomemobileimgcolumn {
  height: 700px;
  position: static;
}

.projectconceptcopuy {
  width: 90%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin: 20% auto 2% 5%;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.column-79 {
  height: 700px;
  background-image: url('../images/storyboard.jpg');
  background-position: 50%;
  background-size: cover;
}

.columns-8 {
  width: 98%;
  margin-top: 2%;
  margin-left: 1%;
}

.museproblemstatment, .column-81 {
  height: 700px;
}

.columns-9 {
  width: 98%;
  margin-top: 7%;
  margin-left: 1%;
  margin-right: auto;
  display: block;
}

.column-82 {
  height: 700px;
  background-image: url('../images/musicChoice.jpg');
  background-position: 50%;
  background-size: cover;
}

.columns-10 {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
}

.column-83 {
  height: 700px;
  background-image: url('../images/logoHome3_0915.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 15px;
}

.column-84 {
  height: 700px;
  background-image: url('../images/logoHome2_0497.png');
  background-position: 50%;
  background-size: cover;
}

.column-85 {
  height: 700px;
  background-image: url('../images/home1_1400.jpg');
  background-position: 50%;
  background-size: cover;
  border-top-right-radius: 15px;
}

.column-835 {
  height: 700px;
  background-image: url('../images/logoHome3_0915.png');
  background-position: 50%;
  background-size: cover;
}

.column-836 {
  height: 700px;
  background-image: url('../images/process3.JPG');
  background-position: 50%;
  background-size: cover;
  border-bottom-left-radius: 15px;
}

.column-837 {
  height: 700px;
  background-image: url('../images/process02.jpg');
  background-position: 50%;
  background-size: cover;
}

.column-838 {
  height: 700px;
  background-image: url('../images/process1.JPG');
  background-position: 50%;
  background-size: cover;
  border-bottom-right-radius: 15px;
}

.columns-11 {
  width: 98%;
  margin-bottom: 2%;
  margin-left: auto;
  margin-right: auto;
}

.navigationprojectdetailspage {
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  margin-bottom: 100px;
  padding: 30px 50px;
  display: block;
}

.portfoliolink {
  opacity: .6;
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-right: 20px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-family: Titillium Web, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}

.portfoliolink:hover {
  opacity: .9;
}

.portfoliolink:active {
  opacity: .8;
}

.portfoliolink.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-family: Titillium Web, sans-serif;
  font-weight: 600;
  transition: background-color .4s, opacity, color;
}

.portfoliolink.w--current:hover {
  opacity: .8;
  color: #32343a;
}

.portfoliolink.w--current:active {
  opacity: .7;
  color: #32343a;
}

.contactlink {
  opacity: .6;
  color: #000;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  flex: none;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Titillium Web, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  display: block;
}

.contactlink:hover {
  opacity: .9;
}

.contactlink:active {
  opacity: .8;
}

.contactlink.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-family: Titillium Web, sans-serif;
  font-weight: 600;
  transition: background-color .4s, opacity, color;
}

.contactlink.w--current:hover {
  opacity: .8;
  color: #32343a;
}

.contactlink.w--current:active {
  opacity: .7;
  color: #32343a;
}

.portfoliobutton {
  opacity: .6;
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-right: 20px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-family: Titillium Web, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  display: block;
}

.portfoliobutton:hover {
  opacity: .9;
}

.portfoliobutton:active {
  opacity: .8;
}

.portfoliobutton.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-family: Titillium Web, sans-serif;
  font-weight: 600;
  transition: background-color .4s, opacity, color;
  display: none;
}

.portfoliobutton.w--current:hover {
  opacity: .8;
  color: #32343a;
}

.portfoliobutton.w--current:active {
  opacity: .7;
  color: #32343a;
}

.heading-21 {
  width: auto;
  box-shadow: none;
  border: 2px solid #dac7ff;
  border-radius: 10px;
  margin: 0 auto;
  font-family: Titillium Web, sans-serif;
  font-weight: 200;
  text-decoration: none;
}

.link {
  border: 0 #dac7ff;
  font-size: 24px;
  font-weight: 600;
  text-decoration: none;
}

.link-block-667 {
  width: 70%;
  height: 70%;
  margin: 10% 32% 6% 11%;
}

.projectheadtext1-tablet {
  width: 76%;
  height: 300px;
  margin-left: 12%;
  margin-right: auto;
  display: none;
}

.text-block-3 {
  color: #fff;
  font-family: Titillium Web, sans-serif;
  font-size: 25px;
  font-weight: 700;
}

.colorspectrumcolumn {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
  margin-right: 0;
}

.colorcolumn1 {
  height: 700px;
  margin-top: 0%;
}

.colorcolumn2 {
  height: 700px;
  background-image: url('../images/ColorSpectrumFix.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0%;
}

.colorcolumn3 {
  height: 700px;
  background-image: url('../images/process.gif');
  background-position: 50%;
  background-size: cover;
  border-radius: 15px;
}

.colorcolumn4 {
  height: 700px;
  background-image: url('../images/CSStoryBoard.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 15px;
}

.colorcolumn5 {
  height: 700px;
  background-image: url('../images/colorMusicChoice.jpg');
  background-position: 50%;
  background-size: cover;
}

.colorcolumn6 {
  height: 700px;
  background-image: url('../images/orange.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.colorcolumn7 {
  height: 700px;
  background-image: url('../images/yellow.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.colorcolumn8 {
  height: 700px;
  background-image: url('../images/green.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.colorcolumn9 {
  height: 700px;
  background-image: url('../images/blue.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.colorcolumn10 {
  height: 700px;
  background-image: url('../images/indigo.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.colorcolumn11 {
  height: 700px;
  background-image: url('../images/violet.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.link-block-668 {
  width: 36%;
  height: 74%;
  margin: 6% 32%;
}

.transportcolumn1 {
  height: 700px;
  background-image: url('../images/veer.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0%;
}

.transportproccessimg {
  height: 700px;
  background-image: url('../images/transportUIProcess.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
}

.transportstoryboardimg {
  height: 700px;
  background-image: url('../images/transportStoryBoard.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 15px;
}

.transportcolumn4 {
  height: 700px;
  background-image: url('../images/transportimg1_00367.jpg');
  background-position: 50%;
  background-size: cover;
  border-top-left-radius: 15px;
}

.transportcolumn5 {
  height: 700px;
  background-image: url('../images/transportimg4_00696.jpg');
  background-position: 50%;
  background-size: cover;
}

.transportcolumn6 {
  height: 700px;
  background-image: url('../images/transportImg2_00877.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-right-radius: 15px;
}

.transportcolumn7 {
  height: 700px;
  background-image: url('../images/transportimg5_00948.jpg');
  background-position: 0%;
  background-size: cover;
  border-bottom-left-radius: 15px;
}

.transportcolumn8 {
  height: 700px;
  background-image: url('../images/transportimg6_01555.jpg');
  background-position: 50%;
  background-size: cover;
}

.transportcolumn9 {
  height: 700px;
  background-image: url('../images/transportimg3_01846.jpg');
  background-position: 50%;
  background-size: cover;
  border-bottom-right-radius: 15px;
}

.goldensnacksvideo {
  width: auto;
  border-radius: 0;
  display: block;
  top: 20px;
}

.gscolumnsection1 {
  width: 80%;
  height: auto;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
}

.gscolumn1 {
  height: auto;
  margin-top: 5%;
  margin-bottom: auto;
}

.gscolumn2 {
  height: auto;
  margin-top: 5%;
  margin-bottom: 5%;
}

.gsparagraph {
  width: 100%;
  height: 200px;
  margin: 20px auto 0 22px;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.gsoverview {
  width: 9%;
  color: #000;
  text-align: center;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 15%;
  margin-right: 15%;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.image-24 {
  width: 30%;
  height: auto;
  text-align: left;
  margin-top: -221px;
  margin-bottom: -20%;
  margin-left: 35%;
}

.div-block-5 {
  width: 98%;
  margin-left: 1%;
  margin-right: auto;
}

.gsvideoinfo {
  width: 60%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 28%;
  margin-left: 15%;
  margin-right: 15%;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
  display: block;
}

.gsoverviewbody {
  width: 70%;
  height: 300px;
  margin: 20px auto 0;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.gsdisable {
  width: 98%;
  height: auto;
  margin-top: -3%;
  margin-left: 1%;
  display: block;
}

.gsdisable2 {
  width: 98%;
  margin-top: 2%;
  margin-left: 1%;
  display: block;
}

.gsdisable3 {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
  display: block;
}

.gsdisable4 {
  width: 98%;
  margin-left: 1%;
  display: none;
}

.gsunvalidatedprob {
  width: 20%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 15%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.gsprobstatment {
  width: 70%;
  height: 100px;
  margin: 20px auto 0;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.div-block-6 {
  width: 98%;
  height: 200px;
  margin-top: -15%;
  margin-left: 1%;
  margin-right: auto;
}

.gstargetaudiance {
  width: 14%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 15%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.gspersonastitle {
  width: 25%;
  color: #000;
  text-align: center;
  border-bottom: 3px solid #dac9ff;
  margin: auto auto 5%;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 700;
  text-decoration: none;
}

.columns-12 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.image-25 {
  width: 25%;
  height: auto;
  border: 3px solid #dac9ff;
  border-radius: 200px;
  margin-top: 4%;
  margin-left: 27%;
  margin-right: auto;
}

.gspersonaname1 {
  width: 45%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 4%;
  margin-left: 25%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 700;
  text-decoration: none;
}

.gspersonadetails {
  width: 45%;
  height: auto;
  margin: 20px auto 0 25%;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.gspersonaheadlines {
  width: 45%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin: 4% auto 0 25%;
  font-family: Titillium Web, sans-serif;
  font-size: 25px;
  font-weight: 700;
  text-decoration: none;
}

.columns-13 {
  width: 98%;
  margin-left: 1%;
  margin-right: auto;
}

.gsdiscoveries {
  width: 98%;
  height: auto;
  margin-top: auto;
  margin-left: 1%;
  margin-right: auto;
}

.gsquestions {
  width: 10%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 4%;
  margin-left: 28%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.gsquestionanswers {
  width: 70%;
  height: 100px;
  margin: 20px auto 0 27%;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.gsdiscoverieslist {
  width: 70%;
  height: auto;
  margin: auto auto 0;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.column-839 {
  height: auto;
  text-align: left;
  padding-left: 0%;
  padding-right: 0;
}

.column-840 {
  height: auto;
  padding-left: 0%;
}

.columns-14 {
  width: 98%;
  margin-left: 1%;
}

.gsinterviewquestions {
  width: 35%;
  color: #000;
  text-align: center;
  border-bottom: 3px solid #dac9ff;
  margin: 5% auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 700;
  text-decoration: none;
}

.columns-15 {
  width: 70%;
  margin: auto auto auto 12.5%;
}

.div-block-7 {
  height: 600px;
  margin-top: -37%;
  margin-bottom: 0%;
}

.column-841 {
  height: auto;
}

.column-842 {
  height: auto;
  margin: auto;
}

.columns-16 {
  width: 98%;
  height: auto;
  margin: auto;
}

.column-843 {
  height: 400px;
  background-image: url('../images/Interviewing2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.column-844 {
  height: 400px;
  background-image: url('../images/Interviewing.jpg');
  background-position: 50%;
  background-size: cover;
}

.column-845 {
  height: 400px;
  background-image: url('../images/Interviewing3.jpg');
  background-position: 50%;
  background-size: cover;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.button-3 {
  width: 15%;
  text-align: center;
  background-color: #000;
  margin: 3% auto 0 42.5%;
}

.gssynthisizeddata {
  width: 35%;
  color: #000;
  text-align: center;
  border-bottom: 3px solid #dac9ff;
  margin: auto auto 5%;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 700;
  text-decoration: none;
}

.synthesizeduserdatasecion {
  width: 98%;
  height: 400px;
  background-image: url('../images/synthisizedData.JPG');
  background-position: 50% 0;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 15px;
  margin-left: 1%;
}

.clusteringdatags {
  width: 98%;
  height: 400px;
  background-image: url('../images/clusteredData.JPG');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  margin-left: 1%;
}

.gstheproblemagain {
  width: 21%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 4%;
  margin-left: 15%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.gsuserdata {
  height: auto;
  margin-top: 5%;
}

.empathymapsecion {
  width: 98%;
  margin: 5% auto;
}

.empathymap {
  width: 13%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 12%;
  margin-left: 15%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.image-26 {
  width: 15%;
  height: auto;
  border: 3px solid #dac9ff;
  border-radius: 200px;
  margin: 5% auto;
}

.columns-17 {
  width: 80%;
  margin: auto;
}

.gsempathymapname {
  width: 70%;
  height: 30px;
  text-align: center;
  margin: auto auto 0;
  font-family: Titillium Web, sans-serif;
  font-size: 30px;
  font-weight: 700;
}

.gsempathymapheadlines {
  width: 80%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin: 4% auto 0 10%;
  font-family: Titillium Web, sans-serif;
  font-size: 25px;
  font-weight: 600;
  text-decoration: none;
}

.gsempathymapdetails {
  width: 75%;
  height: auto;
  margin: 20px auto 0 10%;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.columns-18 {
  width: 80%;
  margin-left: 10%;
  margin-right: auto;
}

.section-6 {
  width: 98%;
  height: auto;
  margin-left: 1%;
}

.gsconceptsfeedbackcolumns {
  width: 80%;
  margin: auto auto 15%;
}

.gsconcept1pic {
  width: 98%;
  height: 700px;
  background-image: url('../images/GSConcept1-01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 960px;
  margin: auto;
  display: block;
}

.conceptsandfeedback {
  width: 33%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 12%;
  margin-left: 15%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.gsconcepts {
  width: 27%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 12%;
  margin-left: 15%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.gsconcept2 {
  width: 98%;
  height: 700px;
  background-image: url('../images/GSConcept2-01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 960px;
  margin: auto;
  display: block;
}

.gsconcept3 {
  width: 98%;
  height: 700px;
  background-image: url('../images/GSConcept1-03-01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 960px;
  margin: auto;
  display: block;
}

.gsuseabilityphoto {
  height: 400px;
  background-image: url('../images/usertest1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-7 {
  width: 98%;
  height: 800px;
  margin-top: -4%;
  margin-left: 1%;
}

.gsuserinsights {
  width: 19%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 12%;
  margin-left: 15%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.gsuserinsightsimages {
  height: 400px;
  background-image: url('../images/GSUserInsights.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  margin-top: 2%;
}

.button-4 {
  width: 15%;
  text-align: center;
  background-color: #000;
  margin: 2% auto 2% 42.5%;
}

.div-block-11 {
  width: 98%;
  height: 400px;
  background-image: url('../images/GSsketches.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 15px;
  margin-left: 1px;
}

.button-5 {
  width: 15%;
  text-align: center;
  background-color: #000;
  margin: 2% auto 0 42.5%;
}

.gshighfadelity {
  height: 700px;
  background-image: url('../images/GSHorizontalMockUps.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  margin: 26px auto auto;
}

.gsbranding {
  height: auto;
  margin: auto auto 15%;
}

.sunflakes {
  width: 75px;
  height: 75px;
  background-color: #fedc4a;
  border-radius: 80px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-3 {
  text-align: center;
  margin-top: 5%;
  font-family: Titillium Web, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.eveningsky {
  width: 75px;
  height: 75px;
  background-color: #a3b7fc;
  border-radius: 80px;
  margin-left: auto;
  margin-right: auto;
}

.newborn {
  width: 75px;
  height: 75px;
  background-color: #cbd6fd;
  border-radius: 80px;
  margin-left: auto;
  margin-right: auto;
}

.overcast {
  width: 75px;
  height: 75px;
  background-color: #eaeaea;
  border-radius: 80px;
  margin-left: auto;
  margin-right: auto;
}

.base-grey {
  width: 75px;
  height: 75px;
  background-color: #2d2d2d;
  border-radius: 80px;
  margin-left: auto;
  margin-right: auto;
}

.columns-20 {
  width: 70%;
  margin: auto;
}

.gspersonaname2 {
  width: 45%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 4%;
  margin-left: 25%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 700;
  text-decoration: none;
}

.gstheinterviews {
  width: 13%;
  color: #000;
  text-align: center;
  border-bottom: 3px solid #dac9ff;
  margin-top: auto;
  margin-left: 15%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.gsthediscoveries {
  width: 14%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 15%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.gsproductdirection {
  width: 16%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 12%;
  margin-left: 14.5%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.initial-sketches {
  width: 14%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 12%;
  margin-left: 15%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.gsconcepts-and-feedback {
  width: 21%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 12%;
  margin-left: 15%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.usability-testing {
  width: 33%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 12%;
  margin-left: 15%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.gsusabilitytesting {
  width: 20%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 15%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.gssynthesisclustering {
  width: 34%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 12%;
  margin-left: 15%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.gscolorpalette {
  width: 60%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin: 4% auto 0 10%;
  font-family: Titillium Web, sans-serif;
  font-size: 25px;
  font-weight: 600;
  text-decoration: none;
}

.columns-21 {
  width: 80%;
  margin-left: 10%;
}

.div-block-12 {
  width: 50%;
  height: 450px;
  background-image: url('../images/usedFonts.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1069px;
  margin-left: 25%;
}

.columns-fonts {
  width: 70%;
  margin: 5% auto auto;
}

.fonts {
  width: 100%;
  height: 450px;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/usedFonts.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
}

.gsclusteringuserinsightssecion {
  width: 98%;
  height: auto;
  margin: 15% auto;
}

.columnicons {
  width: 70%;
  margin: 5% auto auto;
}

.section8 {
  margin-top: 0%;
}

.div-block-13 {
  background-image: url('../images/GoldenSnacksLogo-01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.div-block-14 {
  background-image: url('../images/goldenSnacksAnimatedThumbnail.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.image-27, .image-28 {
  width: 500px;
  height: auto;
  margin: auto;
}

.div-block-7-copy {
  height: 600px;
  margin-top: -37%;
  margin-bottom: 0%;
}

.gslogoicons {
  width: 50%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin: auto auto auto 10%;
  font-family: Titillium Web, sans-serif;
  font-size: 25px;
  font-weight: 600;
  text-decoration: none;
}

.prodcutdirection, .gsinitialsketchessecion {
  width: 98%;
  height: auto;
  margin: 15% auto;
}

.column-849 {
  margin-top: auto;
  margin-bottom: auto;
}

.musicdivblock {
  width: 98%;
  height: 400px;
  margin: 10% auto 6% 1%;
}

.musecolumn2 {
  width: 98%;
  height: auto;
  margin-top: -3%;
  margin-left: 1%;
}

.musecolumns1 {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
  margin-right: 0;
}

.musecolumn1 {
  height: 700px;
  background-image: url('../images/veer.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0%;
}

.musecolumn3 {
  height: 700px;
  background-image: url('../images/2ed078bf-e4ea-4fc3-afe0-79f7608deb8b_1.7c1c58e531cce6d199d85c862a529648.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.musecolumn4 {
  height: 700px;
  background-image: url('../images/bart.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 15px;
}

.musecolumn5talent, .musecolumn5 {
  height: 700px;
}

.musecolumn {
  height: 700px;
  text-align: left;
}

.musiccolumnfindings {
  width: 98%;
  margin: 2% auto auto;
}

.musicnarratives {
  width: 20%;
  height: auto;
  color: #000;
  text-align: center;
  border-bottom: 3px solid #dac9ff;
  margin: 2% auto 8%;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.section-9 {
  width: 98%;
  height: 450px;
  margin-left: 1%;
}

._360videolaunchbutton {
  width: 20%;
  clear: none;
  text-align: center;
  background-color: #000;
  border-radius: 10px;
  margin: 2% 40%;
  position: static;
}

.oscarwildnarrative {
  width: 50%;
  height: auto;
  margin: 2% auto;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.oscarwildnarrativesecion {
  width: 98%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.solalunanarrative {
  width: 50%;
  height: auto;
  margin: 2% auto;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.musicnarrativeblock {
  width: 98%;
  height: auto;
  margin: auto auto 6%;
}

.backtotopmuse {
  border: 1px #000;
  text-decoration: underline;
}

.backtotopmuse2 {
  width: auto;
  border: 1px #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Titillium Web, sans-serif;
  font-weight: 200;
  text-decoration: none;
}

.backtotopmuse3 {
  width: auto;
  height: auto;
  max-width: none;
  margin: -2% auto 2%;
  padding-bottom: 0;
}

.apsvsnarrativeblog, .solalunanarrative2 {
  width: 98%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.gsdivblock4, .gsdiv-block-6-copy {
  width: 98%;
  height: 200px;
  margin-top: -15%;
  margin-left: 1%;
  margin-right: auto;
}

.gsdivblock7 {
  height: auto;
  margin-top: 5%;
  margin-bottom: 5%;
}

.gssecion7 {
  width: 98%;
  height: 800px;
  margin-top: -4%;
  margin-left: 1%;
}

.gshighfadelitytitle {
  width: 19%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin: 15% auto 5%;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
  display: none;
}

.gsfinalscreenmockvideo {
  width: 98%;
  height: auto;
  max-width: none;
  margin: 2% auto;
  padding-bottom: 0;
  display: block;
}

.gsquestionsdiv {
  width: 98%;
  height: auto;
  margin: auto;
}

.gsdiscoverieslist2 {
  width: 70%;
  height: auto;
  margin: 4% auto 0;
  font-family: Titillium Web, sans-serif;
  font-size: 25px;
  font-weight: 400;
}

.gspersonasdiv {
  width: 98%;
  margin: 5% auto;
  padding-top: 5%;
}

.musebuttonwarning {
  width: 70%;
  height: auto;
  text-align: center;
  margin: 20px auto;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.gsemail-section {
  width: 10%;
  text-align: center;
  margin: 6% auto;
}

.museemail-section {
  width: 70%;
  text-align: center;
  margin: 6% auto;
}

.transportemailesction {
  width: auto;
  text-align: center;
  margin: 6% auto;
}

.csemailsecion {
  width: 70%;
  text-align: center;
  margin: 6% auto;
}

.logohomebacktotop {
  width: 15%;
  text-align: center;
  margin: auto;
  box-shadow: 0 10px 20px -10px #dac7ff;
}

._50iconscolumn1 {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
}

.st1 {
  height: 700px;
  background-image: url('../images/logoHome3_0915.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.st2 {
  height: 700px;
  background-image: url('../images/logoHome2_0497.png');
  background-position: 50%;
  background-size: cover;
}

.st3 {
  width: 98%;
  margin-left: 1%;
}

.image-29, .image-30 {
  width: 25%;
  height: auto;
  float: left;
}

.kidstreats {
  width: 10%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin: 2% auto 2% 45%;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.adulttreats {
  width: 11%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin: 2% auto 2% 44.5%;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.img31, .img32 {
  width: 25%;
  float: left;
  display: none;
}

.stadulttreatsgifgridmobile {
  width: 98%;
  height: auto;
  float: none;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  margin: 0% 0 auto 1%;
  padding-right: 0;
  transition: margin;
  position: static;
  transform: translate(0);
}

.stadulttreatsgifgridmobile.cc-contact {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.stadulttreatsgifgridmobile.detailsecion {
  margin-top: 0%;
  margin-bottom: 5%;
}

.div-block-16 {
  width: 98%;
  height: 400px;
  background-image: url('../images/sweetTreats.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -6%;
  margin-left: 1%;
}

.stconceptcolumndesktop {
  width: 98%;
  height: auto;
  margin: auto;
}

.section-10 {
  margin-top: 15%;
  margin-bottom: 5%;
}

.img29 {
  width: 25%;
  float: left;
}

.img33 {
  width: 25%;
  float: left;
  display: none;
}

.stcolimg1 {
  height: 700px;
  background-image: url('../images/sweetTreats.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  margin-top: 0%;
}

.stcolumn2 {
  width: 98%;
  height: auto;
  margin-top: -3%;
  margin-left: 1%;
}

.stcolumn2img {
  height: 700px;
  background-image: url('../images/fixedColorPalette.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 15px;
}

.img31-copy {
  width: 25%;
  float: left;
  display: none;
}

.section-11 {
  margin-top: 15%;
  margin-bottom: 5%;
}

.video-3 {
  width: 98%;
  margin-bottom: 3%;
  margin-left: 1%;
}

.hotelvisualvideoplayer {
  margin-bottom: 3%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.transportvideoplayer {
  width: 96%;
  margin-bottom: 3%;
  margin-left: auto;
  margin-right: auto;
}

.csvimeoplayer, .mosvimeoplayer {
  width: 98%;
  margin-bottom: 3%;
  margin-left: 1%;
}

.moscolumns1 {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
  margin-right: 0;
}

.moscolumns2 {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
}

.moscolumns3 {
  width: 98%;
  margin-top: 2%;
  margin-left: 1%;
}

.moscolumnpic1 {
  height: 700px;
  background-image: url('../images/smallLogicLandingloop.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0%;
}

.moscolumnpic2 {
  height: 700px;
  background-image: url('../images/processGif.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.moscolumnpic3 {
  height: 700px;
  background-image: url('../images/personalityTestSham.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.moscolumnpic4 {
  height: 700px;
  background-image: url('../images/brian.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.link-block-669 {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.link-block-669-copy {
  width: 100%;
  height: 100%;
}

.mostargetmarket {
  width: 98%;
  height: auto;
  margin-top: -16%;
  margin-left: 1%;
  margin-right: auto;
}

.mostm {
  width: 13%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 15%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.image-31 {
  width: auto;
  height: 400px;
  margin-left: 15%;
}

.mossketches {
  width: 21%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 4%;
  margin-left: 15%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.mosbranding {
  width: 8%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 2%;
  margin-left: 46%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.moscolumnpic5 {
  height: 700px;
  background-image: url('../images/Capture4.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.moscolumnpic6 {
  height: 700px;
  background-image: url('../images/Capture4.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.moscolumnpic7 {
  height: 700px;
  background-image: url('../images/Capture5.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.moscolumns4 {
  width: 98%;
  margin-top: 2%;
  margin-left: 1%;
}

.moscolumnpic8 {
  height: 700px;
  background-image: url('../images/lock.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.moscolors {
  width: 98%;
  height: auto;
  margin-top: 15%;
  margin-left: 1%;
  margin-right: auto;
}

.moscolorvarients {
  height: 700px;
  background-image: url('../images/colorOptions1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 120%;
}

.moslogocolors {
  height: 700px;
  background-image: url('../images/logoColors.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 120%;
}

.moscolumns8 {
  width: 98%;
  margin-top: 5%;
  margin-left: auto;
  margin-right: auto;
}

.moscolumns9 {
  width: 98%;
  margin-top: 2%;
  margin-left: 1%;
}

.mostype1 {
  height: 700px;
  background-image: url('../images/typeUse1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 120%;
}

.mostype2 {
  height: 700px;
  background-image: url('../images/typeUse2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 120%;
}

.moslogowithtype {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
}

.moslogotypelockup {
  height: 700px;
  background-image: url('../images/logoTypeLockUps.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 140%;
}

.moscolumnpic9 {
  height: 700px;
  background-image: url('../images/mosLogoClearSpacings.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 110%;
}

.moscolumnpic10 {
  height: 700px;
  background-image: url('../images/mosMinSize.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 130%;
}

.moscolumns11 {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
}

.moscolumnpic11 {
  height: 700px;
  background-image: url('../images/mosMinSize.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 130%;
}

.moscolumnpic12 {
  height: 700px;
  background-image: url('../images/mosForbiddonUses.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 130%;
}

.mostoplink {
  width: 10%;
  text-align: center;
  border: 1px #000;
  margin-top: 241px;
  margin-left: 45%;
  text-decoration: underline;
}

.mosminsize {
  width: 35%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 10%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.moslogoclear {
  width: 44%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 10%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.mostypeuse {
  width: 8%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 15%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.mosfinallogotitle {
  width: 22%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 10%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.moslogoideatetype {
  width: 29%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 10%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.mosinitialsketches {
  width: 33%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 10%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.mospersona {
  width: 18%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 10%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.mosproblem {
  width: 20%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 10%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.mosprocess {
  width: 17%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 10%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.mosconcept {
  width: 18%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 10%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.moslogotypelock {
  width: 40%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 10%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.mosanimated {
  width: 14%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 15%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.column-850 {
  height: 500px;
  background-image: url('../images/mosLoadSlink.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.columns-22 {
  height: 400px;
}

.column-851 {
  height: 500px;
  background-image: url('../images/mosLoad.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.column-852 {
  height: 500px;
  background-image: url('../images/mosLoadSpring.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.museoverview {
  width: 20%;
  color: #000;
  text-align: center;
  border-bottom: 3px solid #dac9ff;
  margin: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 700;
  text-decoration: none;
}

.musedifferenttitle {
  width: 42%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 10%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.museinspo {
  width: 24%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 10%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.museproblemtitle {
  width: 52%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 10%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.musetalent {
  width: 43%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 10%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.musesolatitle, .museapsustitle, .museoscartitle {
  width: 50%;
  color: #000;
  text-align: center;
  border-bottom: 3px solid #dac9ff;
  margin: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.museinterviewtitle {
  width: 19%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 10%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.musefindings {
  width: 15%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 10%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.gsicontitle {
  width: 25%;
  height: auto;
  text-align: left;
  margin-top: -107px;
  margin-bottom: -20%;
  margin-left: 37.5%;
}

.gsconcept1 {
  width: 80%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin: 4% auto 0 10%;
  font-family: Titillium Web, sans-serif;
  font-size: 25px;
  font-weight: 600;
  text-decoration: none;
}

.gsconcpets {
  width: 98%;
  height: auto;
  margin: auto;
}

.gsaboutprojecttop {
  width: 98%;
  height: auto;
  max-width: none;
  margin: -2% auto 2%;
  padding-bottom: 0;
}

.navhomemobile {
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  margin-bottom: 100px;
  padding: 30px 50px;
  display: block;
}

.navprojectpagemobile {
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  margin-bottom: 100px;
  padding: 30px 50px;
  display: block;
}

.navitemsmobile {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-right: 0;
  padding-right: 0;
  display: flex;
}

.gstypefont {
  width: 38%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin: auto auto 0 10%;
  font-family: Titillium Web, sans-serif;
  font-size: 25px;
  font-weight: 600;
  text-decoration: none;
}

.gsbusinessgoals, .gsproductgoals {
  width: 90%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: auto;
  margin-left: 5%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 700;
  text-decoration: none;
}

.gsproductdirectiondetails {
  width: 50%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin: auto auto auto 42px;
  font-family: Titillium Web, sans-serif;
  font-size: 35px;
  font-weight: 600;
  text-decoration: none;
}

.gspdplatforms {
  width: 13%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin: 4% auto 0 10%;
  font-family: Titillium Web, sans-serif;
  font-size: 25px;
  font-weight: 600;
  text-decoration: none;
}

.projdetailsportfoliobutton {
  opacity: .6;
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-right: 20px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-family: Titillium Web, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  display: block;
}

.projdetailsportfoliobutton:hover {
  opacity: .9;
}

.projdetailsportfoliobutton:active {
  opacity: .8;
}

.projdetailsportfoliobutton.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-family: Titillium Web, sans-serif;
  font-weight: 600;
  transition: background-color .4s, opacity, color;
  display: none;
}

.projdetailsportfoliobutton.w--current:hover {
  opacity: .8;
  color: #32343a;
}

.projdetailsportfoliobutton.w--current:active {
  opacity: .7;
  color: #32343a;
}

.portfolioanchor {
  opacity: .6;
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-right: 20px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-family: Titillium Web, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  display: block;
}

.portfolioanchor:hover {
  opacity: .9;
}

.portfolioanchor:active {
  opacity: .8;
}

.portfolioanchor.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-family: Titillium Web, sans-serif;
  font-weight: 600;
  transition: background-color .4s, opacity, color;
}

.portfolioanchor.w--current:hover {
  opacity: .8;
  color: #32343a;
}

.portfolioanchor.w--current:active {
  opacity: .7;
  color: #32343a;
}

.stprocessoverlapyfix {
  height: 700px;
}

.stheaders {
  width: 76%;
  height: 300px;
  margin-left: 12%;
  margin-right: auto;
  display: none;
}

.stcontainer {
  width: 98%;
  height: auto;
  max-width: none;
  margin: -2% auto 2%;
  padding-bottom: 0;
}

.stpragraphabout {
  width: 80%;
  height: 300px;
  margin: 20px auto 0;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.staboutspaciger {
  width: 76%;
  height: 300px;
  margin-left: 12%;
  margin-right: auto;
  display: none;
}

.stcolmn1obj1 {
  height: 700px;
  margin-top: 0%;
}

.stemailsecion {
  width: 15%;
  text-align: center;
  margin: 6% auto;
}

.gsprojecthead {
  width: 76%;
  height: 300px;
  margin-left: 12%;
  margin-right: auto;
  display: none;
}

.gsinfosecion {
  width: 98%;
  height: auto;
  float: none;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  margin: 0% 0 auto 1%;
  padding-right: 0;
  transition: margin;
  position: static;
  transform: translate(0);
}

.gsinfosecion.cc-contact {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.gsinfosecion.detailsecion {
  margin: 10% auto 2%;
}

.gsdivblock {
  width: 98%;
  margin-top: 2%;
  margin-left: 1%;
  margin-right: auto;
}

.museicon {
  width: 50%;
  height: auto;
  border-radius: 15px;
  margin: 5% auto;
}

.musesummarytitle {
  margin-top: auto;
}

.musedifferent {
  height: 700px;
  margin-top: 0%;
}

.museinspocolumn {
  height: 700px;
}

.csaboutcontainer {
  width: 98%;
  height: auto;
  max-width: none;
  margin: -2% auto 2%;
  padding-bottom: 0;
}

.csprojecthead, .csprojecthead2 {
  width: 76%;
  height: 300px;
  margin-left: 12%;
  margin-right: auto;
  display: none;
}

.csaboutcontainer2 {
  width: 98%;
  height: auto;
  max-width: none;
  margin: -2% auto 2%;
  padding-bottom: 0;
}

.musebacktop {
  border: 1px #000;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: underline;
}

.gshighfadelitysection {
  width: 98%;
  margin: 30% auto 2%;
}

.mossecion {
  width: 98%;
  height: auto;
  float: none;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  margin: 0% 0 auto 1%;
  padding-right: 0;
  transition: margin;
  position: static;
  transform: translate(0);
}

.mossecion.cc-contact {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.mossecion.detailsecion {
  margin-top: 0%;
  margin-bottom: 5%;
}

.mosprojectheaders {
  width: 76%;
  height: 300px;
  margin-left: 12%;
  margin-right: auto;
  display: none;
}

.moseheader {
  width: 98%;
  height: auto;
  max-width: none;
  margin: -2% auto 2%;
  padding-bottom: 0;
}

.mossubject {
  margin-top: 0;
}

.mosprojectheader {
  width: 76%;
  height: 300px;
  margin-left: 12%;
  margin-right: auto;
  display: none;
}

.lhsecion {
  width: 98%;
  height: auto;
  float: none;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  margin: 0% 0 auto 1%;
  padding-right: 0;
  transition: margin;
  position: static;
  transform: translate(0);
}

.lhsecion.cc-contact {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.lhsecion.detailsecion {
  margin-top: 0%;
  margin-bottom: 5%;
}

.lhprojecthead, .lhprojecthead2, .gsprojecthead2 {
  width: 76%;
  height: 300px;
  margin-left: 12%;
  margin-right: auto;
  display: none;
}

.div-block-17 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.aboutprojectcolumnsmobile {
  width: 60%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 10%;
  margin-left: 10%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 35px;
  font-weight: 600;
  text-decoration: none;
}

.aboutdescription {
  width: 80%;
  height: 300px;
  margin: 20px auto 0;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.transportabout {
  width: 98%;
  height: auto;
  max-width: none;
  margin: -2% auto 2%;
  padding-bottom: 0;
}

.gsheaderfix {
  width: 76%;
  height: 300px;
  margin-left: 9%;
  margin-right: auto;
  display: flex;
}

.fuck {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
  margin-right: 0;
}

.fuckyou {
  width: 36%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin-top: 20%;
  margin-left: 10%;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.csaboutcontainer3 {
  width: 98%;
  height: auto;
  max-width: none;
  margin: -2% auto 2%;
  padding-bottom: 0;
}

.image-32 {
  width: 18%;
  height: auto;
  text-align: left;
  mix-blend-mode: normal;
  border: 1px #000;
  border-radius: 300px;
  margin: 2% auto 2% 41%;
  padding: 0;
  box-shadow: 0 20px 35px -10px rgba(212, 191, 252, .75);
}

.museinspirationcolumn {
  width: 98%;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.musetalentcolumndesktop {
  width: 94%;
  height: auto;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
}

.musehowdifferentsection {
  width: 98%;
  height: auto;
  float: none;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  margin: 0% 0 auto 1%;
  padding-right: 0;
  transition: margin;
  position: static;
  transform: translate(0);
}

.musehowdifferentsection.cc-contact {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.musehowdifferentsection.detailsecion {
  margin-top: 0%;
  margin-bottom: 5%;
}

.museproblemcolumn {
  width: 98%;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
}

.musecolumn5talent-copy {
  height: 700px;
}

.musefindingsparagraph {
  width: 90%;
  height: 300px;
  margin: 20px auto 0 10%;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.apsusnarrativeparagraph {
  width: 50%;
  height: auto;
  margin: 2% auto;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.adulttreatstitledesktop {
  width: 13%;
  color: #000;
  text-align: center;
  border-bottom: 3px solid #dac9ff;
  margin: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.kidstreatstitledesktop {
  width: 20%;
  color: #000;
  text-align: center;
  border-bottom: 3px solid #dac9ff;
  margin: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.stkidstreatsgifgridmobile {
  width: 98%;
  height: auto;
  float: none;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  margin: 0% 0 auto 1%;
  padding-right: 0;
  transition: margin;
  position: static;
  transform: translate(0);
}

.stkidstreatsgifgridmobile.cc-contact {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.stkidstreatsgifgridmobile.detailsecion {
  margin-top: 0%;
  margin-bottom: 5%;
}

.csaboutprojectmobile {
  width: 98%;
  height: auto;
  max-width: none;
  margin: -2% auto 2%;
  padding-bottom: 0;
}

.colorspechead {
  width: 76%;
  height: 300px;
  margin-left: 12%;
  margin-right: auto;
  display: none;
}

.sweettreatsmobilecolumns {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.projectconceptcolumn {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.projectprocess {
  width: 90%;
  height: 300px;
  margin: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.museoverviewdescript {
  width: 50%;
  height: 300px;
  margin: 20px auto 0;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.logohomeconceptimg {
  height: 700px;
  background-image: url('../images/logoHome1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  margin-top: 0%;
}

.logohomeprocessimg {
  height: 700px;
  background-image: url('../images/process1.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
}

.logohomestoryboardimg {
  height: 700px;
  background-image: url('../images/storyboard.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 15px;
}

.transportconceptimg {
  height: 700px;
  background-image: url('../images/transportImg2_00877.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  margin-top: 0%;
}

.projectprocesscolumnmobile {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
  display: none;
}

.logohomestoryboard {
  height: 700px;
}

.logohomeprocessmobiledescrip {
  height: 700px;
  background-image: url('../images/process1.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.musehowdifferentimg {
  height: 700px;
  background-image: url('../images/veerCompetition.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  margin-top: 0%;
}

.musehowdifferent {
  height: 700px;
  margin-top: 0%;
}

.inspirationdesktoppic {
  height: 700px;
  background-image: url('../images/poeticAIInsporation.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
}

.talentnames {
  width: 100%;
  height: auto;
  text-align: center;
  margin: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.tallentheadshots {
  width: 80%;
  height: auto;
  border-radius: 200px;
  margin: 65% auto 20%;
}

.museheadshot2, .museheadshot1, .museheadshot3 {
  height: 700px;
}

.museproblemcolumnmobile, .museinspirationcolumnmobile {
  width: 98%;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.projectinspirationmobile {
  width: 90%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin: 20% auto 2% 5%;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.link-2, .link-3, .link-4 {
  margin: auto;
}

.musetalentcolumnmobile {
  width: 94%;
  height: auto;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.transportprocessmobile {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
  display: none;
}

.transportprocessmobilegif {
  height: 700px;
}

.logohomemusicdesktop {
  width: 98%;
  margin-top: 7%;
  margin-left: 1%;
  margin-right: auto;
  display: block;
}

.apsvsmusicchoice {
  height: 700px;
  background-image: url('../images/musicChoice.jpg');
  background-position: 50%;
  background-size: cover;
}

.apsvssoundcloudlinktablet {
  width: 70%;
  height: 70%;
  margin: 10% 32% 6% 11%;
}

.apsvssoundcloudlinkdesktop {
  width: 70%;
  height: 70%;
  cursor: pointer;
  margin: 10% 10% 10% 14%;
}

.logohomemusicmobile {
  width: 98%;
  margin-top: 7%;
  margin-left: 1%;
  margin-right: auto;
  display: none;
}

.musicchoicedescriptmobile {
  width: 90%;
  height: 300px;
  margin: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.musicchoicemobile {
  width: 90%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin: 20% auto 2% 5%;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.column-82-copy {
  height: 700px;
  background-image: url('../images/musicChoice.jpg');
  background-position: 50%;
  background-size: cover;
}

.colorspectrumbacktotop {
  width: 70%;
  text-align: center;
  margin: 0% auto 6%;
}

.colorspectrumconceptgif {
  height: 700px;
  background-image: url('../images/ColorSpectrumFix.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0%;
}

.colorspectrumproccessmobile {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
  display: none;
}

.colorspectrummobilegif, .colorspectrumstoryboard {
  height: 700px;
}

.colorspectrumconceptcontainer {
  height: 700px;
  margin-top: 0%;
}

.goldensnackssummarytitle {
  width: 96%;
  margin: 5% auto;
}

.goldensnacksvideoplayer {
  width: 98%;
  margin-bottom: 3%;
  margin-left: auto;
  margin-right: auto;
}

.goldensnacksfinalscreens {
  width: 45%;
  color: #000;
  text-align: center;
  border-bottom: 3px solid #dac9ff;
  margin: auto auto 5%;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 700;
  text-decoration: none;
}

.goldensnacksoverviewdescript {
  width: 38%;
  height: auto;
  margin: 20px auto 5%;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.section-13 {
  width: 98%;
  margin: 5% auto;
  display: block;
}

.bold-text, .bold-text-2, .bold-text-3, .bold-text-4, .bold-text-5, .bold-text-6 {
  font-size: 25px;
  font-weight: 600;
}

.bold-text-7 {
  text-align: center;
}

.gsprodcutdetials {
  width: 75%;
  height: auto;
  margin: 20px auto 0 42px;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.productdirectioncolumn {
  width: 80%;
  margin: 5% auto auto;
}

.gsusabilitytestingsection {
  width: 98%;
  height: auto;
  margin: 15% auto auto;
}

.gssynthisizeddata-copy {
  width: 35%;
  color: #000;
  text-align: center;
  border-bottom: 3px solid #dac9ff;
  margin: 5% auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 700;
  text-decoration: none;
}

.gsiconlogocolumn {
  height: auto;
}

.column-856 {
  height: auto;
  margin: auto;
}

.goldensnacksicon {
  width: 25%;
  height: auto;
  margin: 5% auto;
}

.gsdescriptmobile {
  width: 75%;
  height: auto;
  margin: auto auto auto 5%;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.mosconceptgif {
  height: 700px;
  background-image: url('../images/smallLogicLandingloop.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  margin-top: 0%;
}

.mosprocessgif {
  height: 700px;
  background-image: url('../images/processGif.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
}

.mospersonapic {
  height: 700px;
  background-image: url('../images/brian.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  position: static;
}

.mosproblemgif {
  height: 700px;
  background-image: url('../images/personalityTestSham.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0%;
}

.mostargetmarkettitle {
  width: 20%;
  color: #000;
  text-align: center;
  border-bottom: 3px solid #dac9ff;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.mostargetmarketbodycopy {
  width: 30%;
  height: auto;
  margin: 20px auto 0;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.mosinnitialsketches {
  height: 700px;
  background-image: url('../images/Capture4.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  margin-top: 0%;
}

.moslogoconcepts {
  height: 700px;
  background-image: url('../images/Capture5.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.mostargetmarketslide {
  margin-top: 15%;
  margin-bottom: 15%;
}

.moslogosecion {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
}

.moslogopic {
  height: 700px;
  background-image: url('../images/lock.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
  margin-top: 0%;
}

.mostypeuse1 {
  height: 700px;
  background-image: url('../images/typeUse1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 120%;
}

.mostypeuse2 {
  height: 700px;
  background-image: url('../images/typeUse2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 120%;
}

.moslogotypelockupsecion {
  width: 98%;
  height: auto;
  margin-top: 5%;
  margin-left: 1%;
}

.moslogolockup {
  height: 700px;
  background-image: url('../images/logoTypeLockUps.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
}

.mosclearspace {
  height: 700px;
  background-image: url('../images/mosLogoClearSpacings.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0%;
}

.moslogotypelockupsecion-copy {
  width: 98%;
  height: auto;
  margin-top: 5%;
  margin-left: 1%;
}

.moslogosizeguide {
  height: 700px;
  background-image: url('../images/mosMinSize.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
}

.moslogoforbbidenuse {
  height: 700px;
  background-image: url('../images/mosForbiddonUses.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 120%;
  margin-top: 0%;
}

.mosanimated1 {
  height: 700px;
  background-image: url('../images/mosLoadSlink.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.mosanimated2 {
  height: 700px;
  background-image: url('../images/mosLoad.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.column-857 {
  height: 700px;
  background-image: url('../images/mosLoadSpring.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.transportprocessdesktop-copy {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
}

.mosprocessmobile, .mosprocesstab {
  height: 700px;
}

.mospersonamobile {
  height: 700px;
  margin-top: 0%;
}

.mosprocessdekstop {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
}

.sweettreatsprocesstextfix {
  width: 75%;
  height: auto;
  margin: auto auto auto 5%;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.stcolumn1-mobile {
  width: 100%;
  height: auto;
  margin-top: 4%;
  margin-left: 0%;
  margin-right: 0;
  display: none;
}

.stmobilecocnept {
  height: 700px;
  background-image: url('../images/sweetTreats.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0%;
}

.stmobiletopgif {
  height: 700px;
  margin-top: 0%;
}

.museimprocessmobile {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
  display: none;
}

.mosproblemmobile {
  height: 700px;
}

.mosclearspacemobile {
  height: 700px;
  margin-top: 0%;
}

.projectconcept-copy {
  width: 90%;
  color: #000;
  border-bottom: 3px solid #dac9ff;
  margin: 20% auto 2% 5%;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 600;
  text-decoration: none;
}

.mospersonamobilecolumn {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
}

.mosproblemgif-copy {
  height: 700px;
  background-image: url('../images/personalityTestSham.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0%;
}

.mosepersonamobilepic {
  height: 700px;
  background-image: url('../images/personalityTestSham.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  margin-top: 0%;
}

.mosesketchtitle {
  height: 700px;
  margin-top: 0%;
}

.mospersonamobileffixed {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
  display: none;
}

.museiumconcept {
  height: 700px;
  margin-top: 0%;
}

.mosproblemmobilepic {
  height: 700px;
}

.mosproblemmobilefix {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
  display: none;
}

.moseproblemdescrip {
  width: 90%;
  height: 300px;
  margin: auto;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.personamobile {
  height: 700px;
}

.moselogoideationmobile {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.moselogoprocessesmobile {
  height: 700px;
  background-image: url('../images/Capture4.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: 0%;
}

.muselogomobilelockup, .musedekstoptypelogolockup {
  height: 700px;
  position: static;
}

.moslogotypelockupsecionmobile {
  width: 98%;
  height: auto;
  margin-top: 5%;
  margin-left: 1%;
  display: none;
}

.columnscrystalscstablet {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: auto;
}

.staytion_homelink {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/staytionCoveGifTest.gif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 15px;
  text-decoration: none;
  display: block;
}

.hotel_linkblock {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/paint.gif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 15px 0 0 15px;
  text-decoration: none;
}

.projnav_venmo {
  height: 400px;
  background-image: url('../images/Hero01_DeMain_0000.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.hotellinkblock {
  width: 100%;
  height: 100%;
  text-align: center;
  background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/2am_WebGif.gif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  text-decoration: none;
}

.projnav_2am {
  height: 400px;
  background-image: url('../images/MV_FUI_thumbNail.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-left: 0;
  padding-right: 0;
}

.desktop_staytionnavlink {
  width: 98.5%;
  height: 400px;
  float: none;
  clear: both;
  opacity: 1;
  background-image: url('../images/staytionProjCoverImg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 15px;
  margin: 1% auto;
  position: static;
}

.venmolinkblock {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/venmoZoom.gif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  text-decoration: none;
}

.projnav_hyatt {
  height: 100%;
  background-image: url('../images/paintThumbnail0.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  padding-left: 0;
  padding-right: 0;
}

.desktop_2projcolumn {
  width: 98.5%;
  height: 400px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  margin: 1% auto 0;
}

.muselinkblock {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/museThumbNail.gif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  text-decoration: none;
}

.museofselflinkblock {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/mos.gif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  text-decoration: none;
}

.column-858 {
  height: 400px;
  padding-left: 0;
  padding-right: 0;
}

.projnav_moscolumn {
  height: 400px;
  background-image: url('../images/mos.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  padding-left: 0;
  padding-right: 0;
}

.projnav_musecolumn {
  height: 400px;
  background-image: url('../images/muse_2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  padding-left: 0;
  padding-right: 0;
}

.tablet_venmo {
  width: 98.5%;
  height: 400px;
  float: none;
  clear: both;
  opacity: 1;
  background-image: url('../images/thumbNailStaytion_00023.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 15px;
  margin: 1% auto;
  display: none;
  position: static;
}

.venmo_homelink {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/splitGifBlured.gif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 15px;
  text-decoration: none;
  display: block;
}

.tablet_goldensnacks {
  width: 98.5%;
  height: 400px;
  float: none;
  clear: both;
  opacity: 1;
  background-image: url('../images/Transport_01318.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  margin: 1% auto 0;
  display: none;
  position: static;
}

.aboutme_nametxt {
  width: 40%;
  text-align: center;
  text-transform: none;
  background-color: rgba(0, 0, 0, 0);
  margin: 10px auto;
  padding-left: 4%;
  padding-right: 4%;
  font-family: Titillium Web, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 80px;
  position: relative;
}

.button-6 {
  background-color: var(--black);
  justify-content: center;
  margin-left: 43%;
  margin-right: 43%;
  display: flex;
}

._404title {
  width: 60%;
  color: #000;
  text-align: center;
  text-transform: none;
  background-color: rgba(0, 0, 0, 0);
  margin: auto;
  padding-left: 0%;
  padding-right: 0%;
  font-family: Titillium Web, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 80px;
  position: relative;
}

.underconstrutionblock {
  text-align: center;
}

.image-34 {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  position: static;
  top: -18%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.error404_backhome {
  width: 30%;
  text-align: center;
  margin: auto;
  box-shadow: 0 10px 20px -10px #dac7ff;
}

.error401_backhome {
  width: 12%;
  text-align: center;
  margin: 5% auto auto;
  box-shadow: 0 10px 20px -10px #dac7ff;
}

.text-block-4 {
  color: var(--black);
  font-size: 14px;
  font-weight: 700;
}

.image-35 {
  margin: auto;
  display: block;
}

.questionmarkimg {
  width: 20%;
  margin-left: auto;
  margin-right: auto;
  position: static;
  top: -18%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.mos_logoanimated {
  width: 98%;
  height: auto;
  margin: 15% auto 2% 1%;
}

.hyett_overviewpanel {
  margin-top: 0%;
  margin-bottom: 5%;
}

.hyattsoma3prompts {
  width: 98%;
  height: auto;
  float: none;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  margin: 5% 0 auto 1%;
  padding-right: 0;
  transition: margin;
  position: static;
  transform: translate(0);
}

.hyattsoma3prompts.cc-contact {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.hyattsoma3prompts.detailsecion {
  margin: 10% auto 2%;
}

.hyattsoma3objectivescolumn {
  width: 80%;
  height: auto;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
}

.etherealfog01 {
  height: 700px;
  background-image: url('../images/etherialFogHero.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  margin-top: 0%;
}

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

.grid-7 {
  height: 0%;
  grid-row-gap: 16px;
  background-image: url('../images/muse_2.jpg');
  background-position: 0 0;
  background-size: auto;
  grid-template-rows: auto auto auto;
  grid-template-columns: minmax(170px, 1fr) 1fr 1fr;
  grid-auto-flow: row;
}

.painterlymoodboard {
  width: 98%;
  border-radius: 15px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "Area Area-2"
                       "Area-3 Area-4";
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
}

.image-36, .image-37, .image-38, .image-39 {
  width: 100%;
  height: auto;
  border-radius: 15px;
}

.columns-24 {
  display: none;
}

.hotelmoodboard {
  width: 98%;
  margin: 5% auto auto;
  display: block;
}

.fogdeliverableclip01 {
  width: auto;
  display: none;
  top: 20px;
}

.colrofulpainterly01 {
  height: 700px;
  background-image: url('../images/process1.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.colorfulpainhero {
  height: 700px;
  background-image: url('../images/colorfulPainterlyHero.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  margin-top: 0%;
}

.hotelfogherosection {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
}

.fogmoodboard {
  width: 98%;
  border-radius: 15px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "Area Area-2"
                       "Area-3 Area-4";
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
}

.cityllights01 {
  height: 700px;
  background-image: url('../images/cityLightsHero.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 15px;
  margin-top: 0%;
}

.hotelcitylightsherosection {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
}

.citylightshero {
  height: 700px;
  background-image: url('../images/cityLightsHero.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  margin-top: 0%;
}

.citylightstabletcolumn {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.fogmoodcolumn {
  display: none;
}

.hotelvideogifhero {
  width: 50%;
  height: auto;
  border-radius: 15px;
  margin: 5% auto;
}

.venmoproductgrid {
  width: 98%;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 5%;
  margin-left: auto;
  margin-right: auto;
}

.image-40, .image-41, .image-42, .image-43, .image-44, .image-45 {
  height: auto;
  border-radius: 15px;
}

.columns-25 {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.towrowvenmogrid {
  display: none;
}

.staytion_icon {
  width: 25%;
  height: auto;
  margin: 5% auto;
}

._3dlink {
  opacity: .6;
  color: #000;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  flex: none;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Titillium Web, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  display: block;
}

._3dlink:hover {
  opacity: .9;
}

._3dlink:active {
  opacity: .8;
}

._3dlink.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-family: Titillium Web, sans-serif;
  font-weight: 600;
  transition: background-color .4s, opacity, color;
}

._3dlink.w--current:hover {
  opacity: .8;
  color: #32343a;
}

._3dlink.w--current:active {
  opacity: .7;
  color: #32343a;
}

.navrithtcontent {
  margin-left: auto;
  margin-right: 0;
  display: flex;
}

.container {
  background-image: url('../images/oldRnder05.jpg');
  background-position: 50%;
  background-size: 1080px;
}

._3d_img {
  width: 360px;
  height: 640px;
  opacity: 1;
  object-fit: fill;
  background-image: url('../images/oldRnder04.jpg');
  background-position: 50%;
  background-size: contain;
  border-radius: 15px;
  flex-direction: row;
  align-items: stretch;
  margin-left: 2.5%;
  display: block;
  position: relative;
  box-shadow: 0 12px 20px -14px #000;
}

.image-46 {
  width: 360px;
  height: auto;
  border-radius: 15px;
  margin: 2.5%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 20px -10px rgba(0, 0, 0, .2);
}

.background-video {
  width: 360px;
  height: 640px;
  border-radius: 15px;
  margin: auto 1%;
  display: inline-block;
  box-shadow: 0 15px 20px -10px rgba(0, 0, 0, .2);
}

._3dcontainer-top {
  max-height: 100%;
  max-width: 98%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0%;
  padding-right: 0;
  display: block;
  position: relative;
}

._3dcontainer-middle {
  max-height: 100%;
  max-width: 98%;
  margin-top: -5%;
}

.first3ditemlisting {
  width: 360px;
  height: 640px;
  border-radius: 15px;
  margin: auto 1% auto 10%;
  display: inline-block;
  box-shadow: 0 15px 20px -10px rgba(0, 0, 0, .2);
}

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

._3dcontainer-top-copy {
  max-height: 100%;
  max-width: 98%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0%;
  padding-right: 0;
  display: block;
  position: relative;
}

._3dcontainer-inner {
  max-height: 100%;
  max-width: 98%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: -10%;
  margin-bottom: 5%;
  padding-left: 0%;
  padding-right: 0;
  display: inline;
  position: relative;
}

.image-46lifted {
  width: 360px;
  height: 640px;
  border-radius: 15px;
  margin: -28% 1% auto;
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 20px -10px rgba(0, 0, 0, .2);
}

.leftsideimage3dpg {
  width: 360px;
  height: 640px;
  border-radius: 15px;
  margin: -28% 1% auto 10%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 20px -10px rgba(0, 0, 0, .2);
}

.text-block-5 {
  margin-top: 10px;
  margin-left: 10px;
}

.div-block-18 {
  width: 640px;
  height: 360px;
  background-image: url('../images/staytion_enviornment01.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 15px;
}

.subhovertitle {
  width: 90%;
  color: rgba(255, 255, 255, .65);
  text-align: center;
  border: 1px #000;
  border-radius: 15px;
  margin: 0% auto;
  padding-top: 0%;
  padding-bottom: 5%;
  font-family: Titillium Web, sans-serif;
  font-size: 25px;
  font-weight: 600;
}

.div-block-19 {
  height: 600px;
  border-radius: 14px;
}

.image-47 {
  width: 98%;
  height: 400px;
}

.grid-9 {
  height: 300px;
  grid-template: "Area"
                 "."
                 "."
                 / 1fr;
}

.container-2 {
  background-image: url('../images/staytion_enviornment01.jpg');
  background-position: 50%;
  background-size: cover;
}

._3denv01 {
  height: 250px;
  background-image: url('../images/staytion_enviornment01.jpg');
  background-position: 50% 62%;
  background-size: cover;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

._3denv02 {
  height: 250px;
  background-image: url('../images/staytion_enviornment02.jpg');
  background-position: 50% 66%;
  background-size: cover;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

._3denv03 {
  height: 250px;
  background-image: url('../images/staytion_enviornment03.jpg');
  background-position: 50% 65%;
  background-size: cover;
  border-radius: 0 0 15px 15px;
}

.staytion_3denvsecion {
  width: 98%;
  height: auto;
  margin: 5% auto 10%;
  display: block;
  position: relative;
}

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

.staytionicongrid {
  max-width: 98%;
  margin-bottom: 5%;
}

.grid-10 {
  grid-template: "Area"
                 "."
                 "."
                 / 1fr 1fr 1fr 1fr;
}

.image-48 {
  width: 100%;
  height: auto;
  margin-top: 0%;
  margin-left: 0%;
  margin-right: 0%;
  display: inline-block;
  position: static;
}

.div-block-20 {
  width: 5%;
  height: 5px;
}

.div-block-21 {
  width: 1866px;
  height: 43px;
}

.text-block-6 {
  width: 100%;
  height: auto;
  font-family: Titillium Web, sans-serif;
  font-weight: 700;
}

.grid-11 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "Area";
}

.staytionicongridclass {
  width: 10%;
  height: auto;
  margin-left: 5%;
  margin-right: 5%;
  display: inline-block;
  position: relative;
}

.staytionphonescreengrid01 {
  max-width: 98%;
}

.background-video-2 {
  width: 300px;
  height: 600px;
  text-align: center;
  object-fit: fill;
  margin-bottom: 5%;
  margin-left: 9%;
  margin-right: 9%;
  display: inline-block;
}

.staytionuiavetypes-alt {
  width: 28%;
  color: #000;
  text-align: left;
  border-bottom: 3px solid #dac9ff;
  margin: auto auto auto 45%;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 700;
  text-decoration: none;
}

.staytionuiavetypes-alt.staytionuiavetypes-leftalt {
  width: 27%;
}

.staytion_uiavedescrip {
  width: 27%;
  height: auto;
  margin: 20px auto 5% 5%;
  font-family: Titillium Web, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.staytionuiimagegrid {
  width: 300px;
  height: 600px;
  margin-bottom: 5%;
  margin-left: 9%;
  margin-right: 9%;
  display: inline-block;
  position: static;
}

.staytionpromovideo {
  width: 50%;
  border-radius: 0;
  margin-top: -10%;
  margin-left: 5%;
  margin-right: auto;
  display: block;
  top: 20px;
}

.section-13-altalign {
  width: 98%;
  margin: 5% auto;
  display: block;
}

.staytionpromovideo-alignalt {
  width: 50%;
  border-radius: 15px;
  margin-top: -10%;
  margin-left: 45%;
  margin-right: auto;
  display: block;
  top: 20px;
}

.staytionuiavetypes-leftalt {
  width: 25%;
  color: #000;
  text-align: left;
  border-bottom: 3px solid #dac9ff;
  margin: auto auto auto 5%;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 700;
  text-decoration: none;
}

.text-block-7 {
  width: 23%;
  margin-left: 5%;
  font-family: Titillium Web, sans-serif;
  font-weight: 400;
}

.link-5 {
  display: inline-block;
}

.softwareindicatortext {
  width: 50%;
  color: #4a86e8;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0);
  margin: -4% auto 5%;
  font-family: Titillium Web, sans-serif;
  font-weight: 600;
}

.styationcentertitle {
  width: 45%;
  perspective-origin: 50% 0;
  transform-origin: 50% 100%;
  color: #000;
  text-align: center;
  border-bottom: 3px solid #dac9ff;
  margin: auto auto 5%;
  font-family: Titillium Web, sans-serif;
  font-size: 45px;
  font-weight: 700;
  text-decoration: none;
  transform: perspective(19px);
}

.subdescripleftalt {
  width: 27%;
  margin-left: 45%;
  font-family: Titillium Web, sans-serif;
  font-weight: 400;
}

.backtotop2-0 {
  width: 98%;
  height: auto;
  float: none;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  margin: auto 0 auto 1%;
  padding-right: 0;
  transition: margin;
  display: block;
  position: static;
  transform: translate(0);
}

.backtotop2-0.cc-contact {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.backtotop2-0.detailsecion {
  margin-top: 0%;
  margin-bottom: 5%;
}

.staytionbrandbutton {
  width: 15%;
  float: none;
  clear: both;
  color: #000;
  text-align: center;
  background-color: rgba(255, 255, 255, .48);
  border: 2px solid #4a86e8;
  border-radius: 10px;
  margin: 40px auto auto;
  padding: 10px;
  font-family: Titillium Web, sans-serif;
  font-size: 24px;
  font-weight: 600;
  text-decoration: none;
  display: block;
  position: static;
  box-shadow: 0 10px 20px -10px #4a86e8;
}

.slide {
  border-radius: 15px;
}

.slider {
  width: 1280px;
  height: 720px;
  border-radius: 15px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.background-video-3 {
  width: 1280px;
  height: 720px;
  border-radius: 15px;
  position: static;
}

.icon {
  border-radius: 0;
}

.mask {
  border-radius: 15px;
}

.slide-nav {
  color: #385cf0;
}

.image-46-horizontal {
  width: 640px;
  height: auto;
  border-radius: 15px;
  margin: auto auto auto 2.5%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 20px -10px rgba(0, 0, 0, .2);
}

.photographystartimg {
  width: 360px;
  height: auto;
  border-radius: 15px;
  margin: auto 2.5% auto 5%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 20px -10px rgba(0, 0, 0, .2);
}

.pitchdeckgfximgs {
  width: 30%;
  height: auto;
  margin-left: 10%;
  margin-right: 10%;
  display: inline-block;
}

.staytionxcloudbanner {
  margin-bottom: 4%;
  display: block;
}

.staytionxcloudicons {
  width: 45%;
  height: auto;
  margin: 5% auto;
}

.facebookads {
  width: 25%;
  min-height: 200px;
  min-width: 200px;
  border-radius: 15px;
  margin-left: 4%;
  margin-right: 4%;
  display: inline-block;
}

.background-video-4 {
  width: 50%;
  border-radius: 15px;
  margin: 5% auto;
}

.image-49 {
  display: none;
}

.background-video-5 {
  width: 100%;
  height: 700px;
  border-radius: 15px;
  display: block;
}

._2am_conceptsection {
  height: 700px;
  border-radius: 15px;
  margin-top: 0%;
}

._2am_ourprocess {
  height: 700px;
  border-radius: 15px;
}

._2amvideoplayer {
  width: 96%;
  margin-bottom: 3%;
  margin-left: auto;
  margin-right: auto;
}

._2am_theconcept {
  height: 700px;
  margin-top: 0%;
}

._2am_process {
  height: 700px;
  margin-top: 2%;
}

.transportprocessdesktop-copy {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: 1%;
}

._2amprocess {
  height: 700px;
  position: static;
}

._2amprocess_mobile {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

._2amconcept {
  width: 98%;
  height: auto;
  margin-top: 2%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

@media screen and (max-width: 991px) {
  .styleguide-block {
    text-align: center;
  }

  .backtotopcontainer {
    margin-top: 10%;
    margin-bottom: 10%;
  }

  .heading-jumbo {
    width: 52%;
    text-align: left;
    margin-top: 2%;
    font-size: 56px;
    line-height: 70px;
  }

  .stgriddivkidssection {
    width: 100%;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .stgriddivkidssection.cc-contact {
    padding-left: 0;
    padding-right: 0;
  }

  .stgriddivkidssection.detailsecion {
    margin-top: -12%;
    display: block;
  }

  .button {
    justify-content: center;
  }

  .button.cc-white-button {
    margin-top: 8%;
    margin-bottom: 8%;
    padding: 11% 19%;
  }

  .logo-link {
    flex: none;
  }

  .logo-link.w--current {
    flex: none;
    margin-left: 0%;
    margin-right: auto;
  }

  .menu-icon {
    display: block;
  }

  .homelink {
    text-align: center;
    padding: 15px 30px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .homelink:hover {
    background-color: #f7f8f9;
  }

  .homelink:active {
    background-color: #eef0f3;
  }

  .navigation-items {
    background-color: rgba(0, 0, 0, 0);
    margin-right: -20px;
    padding-left: 0;
    padding-right: 0;
  }

  .navigation {
    padding: 25px 30px;
  }

  .menu-button {
    padding: 0;
  }

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

  .navigation-wrap {
    margin-right: 0;
  }

  .name-text {
    width: 90%;
    margin-top: 5%;
    margin-left: 5%;
    padding-left: 1%;
    padding-right: 1%;
    font-size: 24px;
    line-height: 30px;
  }

  .work-experience-grid {
    grid-template: ". ."
                   ". ."
                   / 1fr 1fr;
  }

  .works-grid {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .carrer-headline-wrap {
    width: auto;
  }

  .work-image {
    margin-bottom: 30px;
  }

  .contact {
    width: auto;
    padding: 30px 50px 40px;
  }

  .contact-headline, .contact-form-wrap {
    width: 100%;
  }

  .about-intro-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
  }

  .about-head-text-wrap {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .service-name-text {
    font-size: 24px;
    line-height: 42px;
  }

  .skillset-wrap {
    padding-right: 0;
  }

  .services-items-grid {
    grid-row-gap: 0px;
    grid-template: "."
                   "."
                   / 1fr;
    padding-top: 0;
  }

  .skills-grid {
    width: 80%;
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .personal-features-grid {
    width: 80%;
    text-align: center;
    grid-template: "."
                   "."
                   "."
                   "."
                   / 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .social-media-heading {
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .social-media-grid {
    grid-template: ". ."
                   ". ."
                   ". ."
                   ". ."
                   / 1fr 1fr;
  }

  .project-overview-grid {
    width: 70%;
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   "."
                   / 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .project-description-grid {
    width: 80%;
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .email-section {
    margin-top: 6%;
    margin-bottom: 8%;
  }

  .email-link {
    font-size: 36px;
    line-height: 54px;
  }

  .utility-page-wrap {
    width: 100%;
    height: 100%;
    padding: 2%;
  }

  ._404-wrap {
    height: 100%;
    flex-direction: row;
  }

  .button-2 {
    width: 30%;
    margin-top: 10%;
    margin-bottom: auto;
    margin-left: auto;
  }

  .paragraph {
    width: 20%;
  }

  .video {
    margin-top: 18%;
    margin-bottom: -225px;
  }

  .workgridsection.cc-contact {
    padding-left: 0;
    padding-right: 0;
  }

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

  .section-3 {
    margin-left: 5px;
    margin-right: 5px;
    display: none;
  }

  .div-block-2 {
    height: 300px;
    background-position: 50%;
    background-size: cover;
  }

  .desktop_3projcolumn {
    height: 300px;
    display: none;
  }

  .desktop_2projcolumn02 {
    height: 300px;
    display: block;
  }

  .image-17 {
    width: auto;
    clear: none;
    display: block;
    position: static;
    transform: translate(0);
  }

  .column-4 {
    height: 300px;
    background-position: 0%;
    background-size: 280%;
  }

  .column-5 {
    height: 300px;
    background-size: 280%;
  }

  .column-6 {
    height: 300px;
    background-size: auto 400px;
  }

  .tablet_hyatt {
    height: 300px;
    background-image: url('../images/paintThumbnail0.jpg');
    background-size: cover;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding-right: 0;
  }

  .projnav_sweettreats {
    height: 300px;
    background-image: url('../images/sweetTreats_00000.jpg');
    background-size: cover;
  }

  .video-2 {
    margin-bottom: 2%;
  }

  .projectheadder {
    width: 98%;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 1%;
    display: block;
  }

  .projectheadderparagraph {
    width: 80%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: 15%;
    margin-right: auto;
    font-size: 20px;
    line-height: 35px;
  }

  .aboutprojectcolumns {
    width: 55%;
    margin-top: auto;
    margin-left: 15%;
    display: block;
  }

  .column-10 {
    height: auto;
    text-align: left;
  }

  .column-12 {
    height: 400px;
    margin-top: 2%;
  }

  .column-13 {
    height: auto;
    margin-top: 5%;
    margin-bottom: auto;
    padding-top: 15%;
    display: block;
  }

  .columns-6 {
    height: 300px;
    margin-top: 113%;
    display: block;
  }

  .link-block-4 {
    background-size: 200%;
    display: none;
    overflow: visible;
  }

  .hovertitle {
    margin: auto;
    padding-top: 100px;
    padding-bottom: 0;
  }

  .link-block-5 {
    background-size: 820%;
    display: none;
  }

  .heading-5 {
    margin-top: 54%;
    margin-bottom: 54%;
  }

  .desktop_goldensnacksnavlink {
    height: 300px;
    background-position: 50%;
    background-size: 100%;
    display: none;
  }

  .pronav_logohome {
    height: 300px;
    background-image: url('../images/logoHome1373.jpg');
    background-size: cover;
  }

  .div-block-2-copy {
    height: 300px;
    background-image: url('../images/mos.jpg');
    background-position: 50%;
    background-size: cover;
    display: block;
  }

  .tablet_2am-hyatt {
    height: 300px;
    border-radius: 15px;
    display: block;
  }

  .tablet_2am {
    height: 300px;
    background-image: url('../images/2am_WebGif.gif');
    background-size: cover;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-right: 0;
  }

  .heading-9 {
    padding-top: 120px;
    padding-bottom: 120px;
    font-size: 50px;
  }

  .link-block-666 {
    background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/sweetTreats.gif');
    background-size: auto, cover;
  }

  .heading-10, .heading-11 {
    padding-top: 120px;
    padding-bottom: 120px;
    font-size: 50px;
  }

  .link-block-13 {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(67, 53, 93, .5), rgba(67, 53, 93, .5)), url('../images/projectGridRowOne.gif');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    text-decoration: none;
  }

  .heading-12 {
    font-family: Titillium Web, sans-serif;
  }

  .heading-13 {
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 120px;
    padding-bottom: 120px;
    font-family: Titillium Web, sans-serif;
    font-size: 50px;
    font-weight: 700;
    text-decoration: none;
  }

  .link-block-14 {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/GSGifForWeb.gif');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    border-radius: 15px;
    text-decoration: none;
  }

  .heading-14 {
    color: #fff;
    text-align: center;
    border-radius: 15px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 120px;
    padding-bottom: 120px;
    font-family: Titillium Web, sans-serif;
    font-size: 50px;
    font-weight: 700;
    text-decoration: none;
  }

  .link-block-15 {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/paint.gif');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    text-decoration: none;
    display: block;
  }

  .heading-15 {
    color: #fff;
    text-align: center;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 120px;
    padding-bottom: 120px;
    font-family: Titillium Web, sans-serif;
    font-size: 50px;
    font-weight: 700;
  }

  .link-block-16 {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/2am_WebGif.gif');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 0;
    text-decoration: none;
  }

  .heading-16 {
    color: #fff;
    text-align: center;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 120px;
    padding-bottom: 120px;
    font-family: Titillium Web, sans-serif;
    font-size: 50px;
    font-weight: 700;
  }

  .link-block-17 {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(67, 53, 93, .5), rgba(67, 53, 93, .5)), url('../images/museThumbNail.gif');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    text-decoration: none;
    display: none;
  }

  .heading-18 {
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 120px;
    padding-bottom: 120px;
    font-family: Titillium Web, sans-serif;
    font-size: 50px;
    font-weight: 700;
    text-decoration: none;
  }

  .paragraph-copy {
    width: 20%;
    display: none;
  }

  .heading-9-copy, .heading-10-copy {
    padding-top: 120px;
    padding-bottom: 120px;
    font-size: 50px;
  }

  .heading-19 {
    margin-bottom: 0;
  }

  .heading-20 {
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 120px;
    padding-bottom: 120px;
    font-family: Titillium Web, sans-serif;
    font-size: 50px;
    font-weight: 700;
  }

  .projectconcept {
    width: 90%;
    margin-top: auto;
    margin-left: 5%;
  }

  .transportprocessdesktop {
    display: none;
    overflow: visible;
  }

  .column-77 {
    height: 400px;
    margin-top: 4%;
    margin-bottom: 2%;
  }

  .logohomemobileimgcolumn {
    height: 400px;
    background-image: url('../images/process1.gif');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .projectconceptcopuy {
    width: 90%;
    margin: auto;
  }

  .column-79 {
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .columns-8 {
    margin-top: 3%;
    margin-bottom: 2%;
    display: block;
  }

  .museproblemstatment {
    height: auto;
    margin-top: 8%;
    margin-bottom: auto;
    padding-top: 15px;
  }

  .column-81 {
    height: 400px;
    background-image: url('../images/musicChoice.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .column-82 {
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .columns-10 {
    margin-bottom: 0%;
  }

  .column-83 {
    margin-top: 4%;
  }

  .columns-11 {
    margin-bottom: 2%;
    display: block;
  }

  .navigationprojectdetailspage {
    padding: 25px 30px;
  }

  .portfoliolink {
    text-align: center;
    padding: 15px 30px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .portfoliolink:hover {
    background-color: #f7f8f9;
  }

  .portfoliolink:active {
    background-color: #eef0f3;
  }

  .contactlink {
    text-align: center;
    margin-right: auto;
    padding: 15px 20px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .contactlink:hover {
    background-color: #f7f8f9;
  }

  .contactlink:active {
    background-color: #eef0f3;
  }

  .portfoliobutton {
    text-align: center;
    padding: 15px 30px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .portfoliobutton:hover {
    background-color: #f7f8f9;
  }

  .portfoliobutton:active {
    background-color: #eef0f3;
  }

  .heading-21 {
    box-shadow: none;
    margin-top: auto;
  }

  .link {
    box-shadow: none;
  }

  .link-block-667 {
    width: 60%;
    height: 60%;
    float: none;
    clear: both;
    margin: 19% 20%;
    display: block;
    position: static;
  }

  .projectheadtext1-tablet {
    width: 98%;
    height: 10%;
    margin-left: 1%;
    display: none;
  }

  .colorspectrumcolumn {
    margin-top: 115%;
  }

  .colorcolumn1 {
    height: 500px;
    margin-top: 2%;
    margin-bottom: auto;
  }

  .colorcolumn2 {
    height: 400px;
    margin-top: 2%;
  }

  .colorcolumn3 {
    height: 400px;
    margin-bottom: 2%;
  }

  .colorcolumn4, .colorcolumn5 {
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .colorcolumn6 {
    height: 400px;
    margin-top: auto;
  }

  .colorcolumn7, .colorcolumn8, .colorcolumn9, .colorcolumn10, .colorcolumn11 {
    height: 400px;
  }

  .transportcolumn1 {
    height: 400px;
    margin-top: 2%;
  }

  .transportproccessimg {
    height: 400px;
    background-image: none;
    margin-bottom: 2%;
  }

  .transportstoryboardimg {
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .transportcolumn4 {
    margin-top: 4%;
  }

  .goldensnacksvideo {
    width: 98%;
    margin: auto;
  }

  .gscolumnsection1 {
    width: 98%;
    margin-top: 5%;
    margin-bottom: 5%;
  }

  .gscolumn1, .gscolumn2 {
    height: auto;
    margin-top: 5%;
    margin-bottom: 5%;
  }

  .gsparagraph {
    width: 70%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 20px;
    line-height: 35px;
  }

  .gsoverview {
    width: 25%;
    margin-top: 4%;
    margin-left: 15%;
  }

  .image-24 {
    width: 98%;
    height: 400px;
    margin-top: -87%;
    margin-bottom: 0;
    margin-left: 1%;
  }

  .div-block-5 {
    height: 800px;
    margin-top: 9%;
    padding-top: 0;
  }

  .gsvideoinfo {
    width: 70%;
    margin-top: 21%;
    margin-left: 15%;
    display: block;
  }

  .gsoverviewbody {
    width: 70%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-top: 0;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 20px;
    line-height: 35px;
  }

  .gsdisable2 {
    margin-top: 3%;
    margin-bottom: 2%;
    display: none;
  }

  .gsdisable3 {
    margin-bottom: 0%;
  }

  .gsdisable4 {
    margin-bottom: 2%;
  }

  .gsunvalidatedprob {
    width: 70%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .gsprobstatment {
    width: 70%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 20px;
    line-height: 35px;
  }

  .div-block-6 {
    margin-top: 18%;
    display: block;
  }

  .gstargetaudiance {
    width: 70%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .gspersonastitle {
    width: 25%;
    margin: auto auto 5%;
  }

  .columns-12 {
    width: 85%;
    margin-left: 7.5%;
  }

  .image-25 {
    width: 30%;
    margin-left: 12%;
  }

  .gspersonaname1 {
    width: 70%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .gspersonadetails {
    width: 70%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 20px;
    line-height: 35px;
  }

  .gspersonaheadlines {
    width: 70%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .gsdiscoveries {
    margin-top: 12%;
  }

  .gsquestions {
    width: 70%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .gsquestionanswers {
    width: 70%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 20px;
    line-height: 35px;
  }

  .gsdiscoverieslist {
    width: 100%;
    height: 800px;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 20px;
    line-height: 35px;
  }

  .gsinterviewquestions {
    width: 80%;
    margin: auto auto 5%;
  }

  .div-block-7 {
    height: 900px;
    margin-top: -101%;
    margin-bottom: -46%;
    display: block;
  }

  .column-841 {
    height: 900px;
  }

  .column-842 {
    height: auto;
  }

  .column-843 {
    border-top-right-radius: 15px;
    border-bottom-left-radius: 0;
  }

  .column-845 {
    border-top-right-radius: 0;
    border-bottom-left-radius: 15px;
  }

  .button-3 {
    width: 30%;
    margin-top: 7%;
    margin-left: 34%;
  }

  .gssynthisizeddata {
    width: 80%;
    margin-top: 12%;
    margin-left: auto;
  }

  .gstheproblemagain {
    width: 61%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .gsuserdata {
    margin-top: auto;
  }

  .empathymap {
    width: 36%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .image-26 {
    width: 20%;
    margin-top: 5%;
    margin-left: 40%;
  }

  .columns-17 {
    width: 82%;
  }

  .gsempathymapname {
    width: 70%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 20px;
    line-height: 35px;
  }

  .gsempathymapheadlines {
    width: 100%;
    margin-top: 12%;
    margin-left: auto;
  }

  .gsempathymapdetails {
    width: 100%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 35px;
  }

  .gsconceptsfeedbackcolumns {
    width: 90%;
  }

  .gsconcept1pic {
    background-size: cover;
    margin-top: 2%;
  }

  .conceptsandfeedback, .gsconcepts {
    width: 70%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .gsconcept2, .gsconcept3 {
    background-size: cover;
  }

  .section-7 {
    margin-top: 31%;
  }

  .gsuserinsights {
    width: 70%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .gsuserinsightsimages {
    background-size: auto;
  }

  .button-4 {
    width: 30%;
    margin-top: 5%;
    margin-bottom: auto;
    margin-left: 35%;
  }

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

  .button-5 {
    width: 30%;
    margin-top: 7%;
    margin-left: 35%;
  }

  .columns-20 {
    width: 90%;
    height: auto;
    margin-top: 5%;
    margin-bottom: 5%;
  }

  .gspersonaname2 {
    width: 70%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .gstheinterviews {
    width: 38%;
    margin-top: 109%;
    margin-left: 15%;
  }

  .gsthediscoveries {
    width: 40%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .gsproductdirection {
    width: 44%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .initial-sketches {
    width: 39%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .gsconcepts-and-feedback {
    width: 62%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .usability-testing {
    width: 70%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .gsusabilitytesting {
    width: 43%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .gssynthesisclustering {
    width: 70%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .gscolorpalette {
    width: 71%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .columns-fonts {
    width: 90%;
    margin-top: 5%;
    margin-bottom: 5%;
  }

  .fonts {
    height: 250px;
    background-size: contain;
  }

  .columnicons {
    width: 90%;
  }

  .section8 {
    margin-top: -4%;
  }

  .image-27 {
    width: 90%;
    margin-left: 10%;
  }

  .image-28 {
    width: 110%;
  }

  .div-block-7-copy {
    height: 900px;
    margin-top: -52%;
    margin-bottom: -46%;
    display: block;
  }

  .gslogoicons {
    width: 90%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .musicdivblock {
    height: 600px;
    margin-top: 104%;
    padding-top: 0;
  }

  .musecolumns1 {
    margin-top: 90%;
  }

  .musecolumn1 {
    height: 400px;
    margin-top: 2%;
  }

  .musecolumn3 {
    height: 400px;
    margin-top: 4%;
    margin-bottom: 2%;
  }

  .musecolumn4 {
    height: 400px;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .musecolumn5talent {
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .musecolumn5 {
    height: 400px;
    margin-top: 4%;
    margin-bottom: 2%;
  }

  .musecolumn {
    height: auto;
    margin-top: 2%;
  }

  .musiccolumnfindings {
    height: auto;
    margin-top: 3%;
    margin-bottom: 2%;
    display: block;
  }

  .musicnarratives {
    width: 50%;
    margin-top: 4%;
    margin-left: auto;
  }

  ._360videolaunchbutton {
    width: 25%;
    margin-left: 37%;
  }

  .oscarwildnarrative {
    width: 70%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 20px;
    line-height: 35px;
  }

  .oscarwildnarrativesecion {
    margin-top: 15%;
    margin-bottom: 15%;
  }

  .solalunanarrative {
    width: 70%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 20px;
    line-height: 35px;
  }

  .musicnarrativeblock {
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0;
  }

  .backtotopmuse2 {
    text-align: center;
    margin: -10% auto 10%;
  }

  .backtotopmuse3 {
    margin-top: auto;
    margin-bottom: auto;
  }

  .apsvsnarrativeblog, .solalunanarrative2 {
    margin-top: 15%;
    margin-bottom: 15%;
  }

  .gsdivblock4, .gsdiv-block-6-copy {
    margin-top: 18%;
    display: block;
  }

  .gsdivblock7 {
    height: auto;
    margin: 15% auto auto;
    display: block;
  }

  .gssecion7 {
    margin-top: 31%;
  }

  .gshighfadelitytitle {
    width: 70%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .gsfinalscreenmockvideo {
    margin-top: 36%;
  }

  .gsquestionsdiv {
    height: auto;
    margin-top: 15%;
    margin-bottom: auto;
    display: block;
  }

  .gsdiscoverieslist2 {
    width: 100%;
    height: 800px;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 20px;
    line-height: 35px;
  }

  .gspersonasdiv {
    margin-top: 15%;
    margin-bottom: 15%;
    padding-top: 0%;
  }

  .musebuttonwarning {
    width: 70%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 20px;
    line-height: 35px;
  }

  .gsemail-section {
    margin-top: 6%;
    margin-bottom: 8%;
  }

  .museemail-section {
    margin-top: 231%;
    margin-bottom: 8%;
  }

  .transportemailesction, .csemailsecion {
    margin-top: 6%;
    margin-bottom: 8%;
  }

  .logohomebacktotop {
    width: 30%;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    box-shadow: 0 10px 20px -10px #dac7ff;
  }

  ._50iconscolumn1 {
    margin-bottom: 0%;
  }

  .st1 {
    margin-top: 4%;
  }

  .st3 {
    margin-bottom: 2%;
  }

  .image-29 {
    width: 33%;
  }

  .image-30 {
    width: 33%;
    display: block;
  }

  .kidstreats {
    width: 28%;
    margin-top: 59%;
    margin-left: 36%;
  }

  .adulttreats {
    width: 32%;
    margin-top: 59%;
    margin-left: 34%;
  }

  .img31 {
    width: 33%;
    display: block;
  }

  .img32 {
    width: 33%;
    display: none;
  }

  .stadulttreatsgifgridmobile {
    margin-left: 1.5%;
  }

  .stadulttreatsgifgridmobile.cc-contact {
    padding-left: 0;
    padding-right: 0;
  }

  .stconceptcolumndesktop {
    display: none;
  }

  .section-10 {
    margin-top: 15%;
    margin-bottom: 5%;
  }

  .img29 {
    width: 33%;
    display: none;
  }

  .img33 {
    width: 33%;
    display: block;
  }

  .stcolimg1 {
    height: 400px;
    margin-top: auto;
  }

  .stcolumn2img {
    height: 400px;
    margin-top: 4%;
    margin-bottom: 2%;
  }

  .img31-copy {
    width: 33%;
    display: none;
  }

  .section-11 {
    margin-top: 15%;
    margin-bottom: 5%;
  }

  .hotelvisualvideoplayer, .transportvideoplayer {
    margin-top: 5%;
    margin-bottom: auto;
  }

  .moscolumns1 {
    height: 500px;
  }

  .moscolumns3 {
    margin-top: 3%;
    margin-bottom: 2%;
    display: block;
  }

  .moscolumnpic1 {
    height: 400px;
    background-size: 100%;
    margin-top: 0%;
  }

  .moscolumnpic2 {
    height: 400px;
    background-size: 100%;
    margin-top: 6%;
    margin-bottom: 2%;
  }

  .moscolumnpic3 {
    height: 500px;
    background-size: 100%;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .moscolumnpic4 {
    height: 400px;
    background-size: 55%;
    margin-top: 4%;
    margin-bottom: 2%;
  }

  .mostargetmarket {
    margin-top: 12%;
  }

  .mostm {
    width: 36%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .mossketches {
    width: 61%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .mosbranding {
    width: 24%;
    margin-top: 12%;
    margin-left: 38%;
  }

  .moscolumnpic5 {
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .moscolumnpic6 {
    height: 400px;
    background-size: 98%;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .moscolumnpic7 {
    height: 400px;
    background-size: 98%;
    margin-top: 4%;
    margin-bottom: 2%;
  }

  .moscolumns4 {
    margin-top: 3%;
    margin-bottom: 2%;
    display: block;
  }

  .moscolumnpic8 {
    height: 400px;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .moscolors {
    margin-top: 12%;
  }

  .moscolorvarients {
    height: 400px;
    margin-top: 10%;
  }

  .moslogocolors {
    height: 400px;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .moscolumns8 {
    margin-top: 3%;
    margin-bottom: auto;
    display: block;
  }

  .moscolumns9 {
    margin-top: 3%;
    margin-bottom: 2%;
    display: block;
  }

  .mostype1 {
    height: 400px;
    margin-top: 2%;
  }

  .mostype2 {
    height: 400px;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .moslogotypelockup {
    height: 400px;
    background-size: 98%;
    margin-top: 4%;
    margin-bottom: 2%;
  }

  .moscolumnpic9 {
    height: 400px;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .moscolumnpic10, .moscolumnpic11 {
    height: 400px;
    background-size: 98%;
    margin-top: 4%;
    margin-bottom: 2%;
  }

  .moscolumnpic12 {
    height: 400px;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .mostoplink {
    width: 30%;
    text-align: center;
    margin-top: auto;
    margin-left: 35%;
  }

  .mosminsize {
    width: 44%;
    margin-top: 4%;
    margin-left: 15%;
  }

  .moslogoclear {
    width: 54%;
    margin-top: 4%;
    margin-left: 15%;
  }

  .mostypeuse {
    width: 24%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .mosfinallogotitle {
    width: 27%;
    margin-top: 4%;
    margin-left: 15%;
  }

  .moslogoideatetype {
    width: 36%;
    margin-top: 4%;
    margin-left: 15%;
  }

  .mosinitialsketches {
    width: 40%;
    margin-top: 4%;
    margin-left: 15%;
  }

  .mospersona {
    width: 22%;
    margin-top: 4%;
    margin-left: 15%;
  }

  .mosproblem {
    width: 25%;
    margin-top: 4%;
    margin-left: 15%;
  }

  .mosprocess {
    width: 21%;
    margin-top: 4%;
    margin-left: 15%;
  }

  .mosconcept {
    width: 23%;
    margin-top: 6%;
    margin-left: 15%;
  }

  .moslogotypelock {
    width: 50%;
    margin-top: 4%;
    margin-left: 15%;
  }

  .mosanimated {
    width: 40%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .column-850, .column-851, .column-852 {
    height: 400px;
  }

  .museoverview {
    width: 90%;
    margin-top: 4%;
    margin-left: auto;
  }

  .musedifferenttitle {
    width: 52%;
    margin-top: 6%;
    margin-left: 15%;
  }

  .museinspo {
    width: 29%;
    margin-top: 4%;
    margin-left: 15%;
  }

  .museproblemtitle {
    width: 64%;
    margin-top: 4%;
    margin-left: 15%;
  }

  .musetalent {
    width: 47%;
    margin-top: 4%;
    margin-left: 15%;
  }

  .musesolatitle, .museapsustitle, .museoscartitle {
    width: 30%;
    margin-top: 4%;
    margin-left: auto;
  }

  .museinterviewtitle, .musefindings {
    width: 63%;
    margin-top: 4%;
    margin-left: 15%;
  }

  .gsicontitle {
    width: 50%;
    height: auto;
    margin-top: 13%;
    margin-bottom: 0;
    margin-left: 25%;
  }

  .gsconcept1 {
    width: 70%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .gsconcpets {
    margin-top: 5%;
  }

  .gsaboutprojecttop {
    margin-top: 2%;
    margin-left: auto;
    display: block;
  }

  .navhomemobile {
    width: 100%;
    background-color: var(--white);
    margin: auto auto 5%;
    padding: 30px 50px;
  }

  .navprojectpagemobile {
    padding: 25px 30px;
  }

  .navitemsmobile {
    background-color: rgba(0, 0, 0, 0);
    margin: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .gstypefont {
    width: 71%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .gsbusinessgoals, .gsproductgoals {
    width: 90%;
    text-align: center;
    margin-top: 6%;
    margin-left: 5%;
  }

  .gsproductdirectiondetails {
    width: 100%;
    margin-top: 12%;
    margin-left: auto;
  }

  .gspdplatforms {
    width: 70%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .projdetailsportfoliobutton {
    text-align: center;
    padding: 15px 30px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .projdetailsportfoliobutton:hover {
    background-color: #f7f8f9;
  }

  .projdetailsportfoliobutton:active {
    background-color: #eef0f3;
  }

  .portfolioanchor {
    text-align: center;
    padding: 15px 30px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .portfolioanchor:hover {
    background-color: #f7f8f9;
  }

  .portfolioanchor:active {
    background-color: #eef0f3;
  }

  .stprocessoverlapyfix {
    height: auto;
    margin-top: 5%;
    margin-bottom: 5%;
  }

  .stheaders {
    width: 98%;
    height: 10%;
    margin-left: 1%;
    display: flex;
  }

  .stcontainer {
    margin-top: -108%;
  }

  .stpragraphabout {
    width: 70%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 20px;
    line-height: 35px;
  }

  .staboutspaciger {
    width: 98%;
    height: 10%;
    margin-left: 1%;
    display: flex;
  }

  .stcolmn1obj1 {
    height: 400px;
    margin-top: 1%;
    margin-bottom: auto;
    display: block;
  }

  .stemailsecion {
    margin-top: 6%;
    margin-bottom: 8%;
  }

  .gsprojecthead {
    width: 98%;
    height: 10%;
    margin-left: 1%;
    display: block;
  }

  .gsinfosecion {
    margin-left: 1.5%;
    display: block;
  }

  .gsinfosecion.cc-contact {
    padding-left: 0;
    padding-right: 0;
  }

  .gsinfosecion.detailsecion {
    margin-top: auto;
  }

  .gsdivblock {
    height: 800px;
    margin-top: 9%;
    padding-top: 0;
  }

  .museicon {
    width: 70%;
    margin-top: auto;
    margin-bottom: auto;
  }

  .musesummarytitle {
    margin-top: 5%;
  }

  .columns-23, .museabouts {
    margin-top: 110%;
  }

  .musedifferent {
    height: 500px;
    margin-top: 21%;
    margin-bottom: auto;
    display: block;
  }

  .museinspocolumn {
    height: auto;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .csaboutcontainer {
    margin-top: -25%;
  }

  .csprojecthead, .csprojecthead2 {
    width: 98%;
    height: 10%;
    margin-left: 1%;
    display: flex;
  }

  .csaboutcontainer2 {
    margin-top: -25%;
    display: block;
  }

  .musebacktop {
    margin: auto;
  }

  .gshighfadelitysection {
    margin-top: -4%;
    margin-bottom: 5%;
  }

  .mossecion {
    margin-left: 1.5%;
    display: block;
  }

  .mossecion.cc-contact {
    padding-left: 0;
    padding-right: 0;
  }

  .mossecion.detailsecion {
    margin-top: 111%;
  }

  .mosprojectheaders {
    width: auto;
    height: 900px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    margin-top: 667px;
    margin-left: 1%;
    display: flex;
  }

  .moseheader {
    height: 600px;
    margin-top: 0%;
  }

  .mossubject {
    text-align: left;
    margin-top: -607px;
  }

  .mosprojectheader {
    width: 98%;
    height: 10%;
    margin-left: 1%;
    display: flex;
  }

  .lhsecion {
    margin-left: 1.5%;
    display: block;
  }

  .lhsecion.cc-contact {
    padding-left: 0;
    padding-right: 0;
  }

  .lhsecion.detailsecion {
    margin-top: 107%;
  }

  .logohomeheader {
    margin-top: -189px;
    margin-bottom: 57px;
  }

  .lhprojecthead, .lhprojecthead2 {
    width: 98%;
    height: 10%;
    margin-left: 1%;
    display: none;
  }

  .gsprojecthead2 {
    width: 98%;
    height: 10%;
    margin-left: 1%;
    display: flex;
  }

  .aboutprojectcolumnsmobile {
    width: 55%;
    margin-top: 41%;
    margin-left: 15%;
  }

  .aboutdescription {
    width: 70%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 20px;
    line-height: 35px;
  }

  .logohomeabouttop {
    margin-top: -874px;
    display: none;
  }

  .transportabout {
    margin-top: -108%;
  }

  .gsheaderfix {
    width: 98%;
    margin-top: 0%;
    margin-left: 1%;
    display: none;
  }

  .fuck {
    height: 300px;
    margin-top: 113%;
    display: block;
  }

  .fuckyou {
    width: 70%;
    margin-top: 6%;
    margin-left: 15%;
  }

  .csaboutcontainer3 {
    margin-top: auto;
    margin-bottom: auto;
    display: block;
  }

  .image-32 {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
  }

  .column-853 {
    height: 400px;
    background-image: url('../images/poeticAIInsporation.JPG');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .museinspirationcolumn, .musetalentcolumndesktop {
    display: none;
  }

  .musehowdifferentsection {
    margin-left: 1.5%;
    display: block;
  }

  .musehowdifferentsection.cc-contact {
    padding-left: 0;
    padding-right: 0;
  }

  .musehowdifferentsection.detailsecion {
    margin-top: -12%;
    display: block;
  }

  .museproblemcolumn {
    margin-top: 3%;
    margin-bottom: 2%;
    display: block;
  }

  .musecolumn5talent-copy {
    height: auto;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .musefindingsparagraph {
    width: 70%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 20px;
    line-height: 35px;
  }

  .apsusnarrativeparagraph {
    width: 70%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-top: 0;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 20px;
    line-height: 35px;
  }

  .adulttreatstitledesktop {
    width: 32%;
    margin-top: auto;
    margin-left: 34%;
  }

  .kidstreatstitledesktop {
    width: 28%;
    margin-top: auto;
    margin-left: 36%;
  }

  .stkidstreatsgifgridmobile {
    margin-left: 1.5%;
    display: block;
  }

  .stkidstreatsgifgridmobile.cc-contact {
    padding-left: 0;
    padding-right: 0;
  }

  .stkidstreatsgifgridmobile.detailsecion {
    margin-top: -12%;
    display: block;
  }

  .csaboutprojectmobile {
    margin-top: 2%;
    margin-left: auto;
    display: block;
  }

  .colorspechead {
    width: 98%;
    height: 10%;
    margin-left: 1%;
    display: block;
  }

  .sweettreatsmobilecolumns {
    display: none;
  }

  .column-854 {
    height: auto;
  }

  .projectconceptcolumn {
    height: auto;
    margin-top: 2%;
    margin-bottom: auto;
    display: block;
  }

  .projectprocess {
    width: 90%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 35px;
  }

  .museoverviewdescript {
    width: 90%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 35px;
  }

  .logohomeconceptimg {
    height: 400px;
    background-image: url('../images/logoHome1.jpg');
    margin-top: 5%;
  }

  .logohomeprocessimg {
    height: 400px;
    background-image: none;
    margin-top: 8%;
    margin-bottom: 2%;
  }

  .logohomestoryboardimg {
    height: 400px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .transportconceptimg {
    height: 400px;
    margin-top: 2%;
  }

  .projectprocesscolumnmobile {
    height: 500px;
    margin-top: 8%;
    margin-bottom: auto;
    padding-top: 15px;
    display: block;
    overflow: visible;
  }

  .logohomestoryboard {
    height: auto;
    margin-top: 8%;
    margin-bottom: auto;
    padding-top: 15px;
  }

  .logohomeprocessmobiledescrip {
    height: 400px;
    background-image: none;
    margin-top: 8%;
    margin-bottom: 2%;
  }

  .musehowdifferentimg {
    height: 400px;
    margin-top: 2%;
    margin-bottom: auto;
  }

  .musehowdifferent {
    height: 400px;
    margin-top: 8%;
    margin-bottom: auto;
    padding-top: 15%;
    display: block;
  }

  .inspirationdesktoppic {
    height: 400px;
    background-image: none;
  }

  .talentnames {
    width: 90%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-top: -15%;
    margin-left: auto;
    margin-right: auto;
    font-size: 40px;
    line-height: 35px;
  }

  .tallentheadshots {
    width: 40%;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .museheadshot2 {
    height: 400px;
    margin-top: 10%;
    margin-bottom: 2%;
  }

  .museheadshot1 {
    height: 200px;
    margin-top: 10%;
    margin-bottom: 2%;
  }

  .museheadshot3 {
    height: 400px;
    margin-top: 10%;
    margin-bottom: 2%;
  }

  .museproblemcolumnmobile {
    margin-top: 3%;
    margin-bottom: 2%;
    display: block;
  }

  .museinspirationcolumnmobile {
    display: block;
  }

  .projectinspirationmobile {
    width: 90%;
    margin-top: 8%;
    margin-left: 5%;
  }

  .musetalentcolumnmobile {
    display: block;
  }

  .column-855 {
    height: 400px;
    margin-top: 10%;
    margin-bottom: 2%;
  }

  .transportprocessmobile {
    display: none;
    overflow: visible;
  }

  .transportprocessmobilegif {
    height: 400px;
    background-image: url('../images/transportUIProcess.gif');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .logohomemusicdesktop {
    display: none;
  }

  .apsvsmusicchoice {
    height: 400px;
    background-image: none;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .apsvssoundcloudlinktablet {
    width: 60%;
    height: 60%;
    float: none;
    clear: both;
    margin: 19% 20%;
    display: block;
    position: static;
  }

  .apsvssoundcloudlinkdesktop {
    width: 100%;
    height: 100%;
    float: none;
    clear: both;
    cursor: pointer;
    margin: auto;
    display: block;
    position: static;
  }

  .logohomemusicmobile {
    display: block;
  }

  .musicchoicedescriptmobile {
    width: 70%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: 15%;
    margin-right: auto;
    font-size: 20px;
    line-height: 35px;
  }

  .musicchoicemobile {
    width: 90%;
    margin-top: auto;
    margin-left: 5%;
  }

  .column-82-copy {
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .colorspectrumbacktotop {
    margin-top: auto;
    margin-bottom: auto;
  }

  .colorspectrumconceptgif {
    height: 400px;
    background-image: url('../images/ColorSpectrumFix.gif');
    margin-top: 2%;
  }

  .colorspectrumproccessmobile {
    display: block;
    overflow: visible;
  }

  .colorspectrummobilegif {
    height: 400px;
    background-image: url('../images/process.gif');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .colorspectrumstoryboard {
    height: auto;
    margin-top: 8%;
    margin-bottom: auto;
    padding-top: 15px;
  }

  .colorspectrumconceptcontainer {
    height: 500px;
    margin-top: 8%;
    margin-bottom: auto;
    padding-top: 15%;
    display: block;
  }

  .goldensnackssummarytitle {
    margin-top: 10%;
    margin-bottom: 10%;
  }

  .goldensnacksvideoplayer {
    margin-top: 5%;
    margin-bottom: auto;
  }

  .goldensnacksfinalscreens {
    width: 90%;
    margin-top: 5%;
    margin-left: auto;
  }

  .goldensnacksoverviewdescript {
    width: 90%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 35px;
  }

  .bold-text-4, .bold-text-5, .bold-text-6 {
    font-size: 25px;
  }

  .gsprodcutdetials {
    width: 100%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 35px;
  }

  .gssynthisizeddata-copy {
    width: 51%;
    margin-top: 12%;
    margin-left: 15%;
  }

  .goldensnacksicon {
    width: 45%;
    margin-top: auto;
    margin-bottom: auto;
  }

  .gsdescriptmobile {
    width: 80%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 35px;
  }

  .mosconceptgif {
    height: 400px;
    background-image: url('../images/smallLogicLandingloop.gif');
    margin-top: 2%;
  }

  .mosprocessgif {
    height: auto;
    background-image: none;
    margin-top: 8%;
    margin-bottom: 2%;
    position: static;
  }

  .mospersonapic {
    height: 400px;
    background-image: none;
    margin-top: 8%;
    margin-bottom: 2%;
  }

  .mosproblemgif {
    height: 400px;
    background-image: url('../images/logoHome1.jpg');
    margin-top: 2%;
  }

  .mostargetmarkettitle {
    width: 90%;
    margin-top: 4%;
    margin-left: auto;
  }

  .mostargetmarketbodycopy {
    width: 90%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 35px;
  }

  .mosinnitialsketches {
    height: 400px;
    background-image: url('../images/Capture4.JPG');
    background-size: cover;
    margin-top: 2%;
  }

  .moslogoconcepts {
    height: 400px;
    background-image: none;
    margin-top: 8%;
    margin-bottom: 2%;
  }

  .mostargetmarketslide {
    margin-top: 15%;
    margin-bottom: 10%;
  }

  .moslogosecion {
    display: none;
    overflow: visible;
  }

  .moslogopic {
    height: 400px;
    background-image: url('../images/lock.JPG');
    margin-top: 2%;
  }

  .mostypeuse1 {
    height: 400px;
    background-size: 140%;
    margin-top: 10%;
  }

  .mostypeuse2 {
    height: 400px;
    background-size: 140%;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .moslogotypelockupsecion {
    display: block;
    overflow: visible;
  }

  .moslogolockup {
    height: auto;
    background-image: none;
    margin-top: 8%;
    margin-bottom: 2%;
  }

  .mosclearspace {
    height: 400px;
    background-image: url('../images/mosLogoClearSpacings.jpg');
    margin-top: 2%;
  }

  .moslogotypelockupsecion-copy {
    display: none;
    overflow: visible;
  }

  .moslogosizeguide {
    height: 400px;
    background-image: none;
    margin-top: 8%;
    margin-bottom: 2%;
  }

  .moslogoforbbidenuse {
    height: 400px;
    background-image: url('../images/mosForbiddonUses.jpg');
    background-size: contain;
    margin-top: 2%;
  }

  .mosanimated1 {
    height: 400px;
    background-size: contain;
    margin-top: 10%;
  }

  .mosanimated2 {
    height: 400px;
    background-size: contain;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .column-857 {
    height: 400px;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .transportprocessdesktop-copy {
    display: block;
    overflow: visible;
  }

  .mosprocessmobile {
    height: 400px;
    background-image: url('../images/processGif.gif');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .mosprocesstab {
    height: 400px;
    background-image: url('../images/personalityTestSham.JPG');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .mospersonamobile {
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 15%;
    display: block;
  }

  .mosprocessdekstop {
    display: none;
    overflow: visible;
  }

  .sweettreatsprocesstextfix {
    width: 80%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: 5%;
    margin-right: auto;
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
  }

  .stcolumn1-mobile {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .stmobilecocnept {
    height: auto;
    background-image: none;
    margin-top: 5%;
    margin-bottom: 5%;
    padding-top: 15px;
  }

  .stmobiletopgif {
    height: 400px;
    background-image: url('../images/sweetTreats.gif');
    background-position: 50%;
    background-size: cover;
    margin-top: 5%;
    margin-bottom: auto;
    display: block;
  }

  .museimprocessmobile {
    display: block;
    overflow: visible;
  }

  .mosproblemmobile {
    height: 400px;
    background-image: url('../images/personalityTestSham.JPG');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .mosclearspacemobile {
    height: auto;
    margin-top: 8%;
    margin-bottom: auto;
    padding-top: 15%;
    display: block;
  }

  .projectconcept-copy {
    width: 90%;
    margin-top: auto;
    margin-left: 5%;
  }

  .mospersonamobilecolumn {
    height: auto;
    margin-top: auto;
    display: none;
  }

  .mosproblemgif-copy {
    height: 400px;
    background-image: url('../images/logoHome1.jpg');
    margin-top: 2%;
  }

  .mosepersonamobilepic {
    height: 400px;
    background-image: url('../images/brian.jpg');
    background-size: 50%;
    margin-top: 2%;
  }

  .mosesketchtitle {
    height: auto;
    margin-top: 15%;
    margin-bottom: auto;
    padding-top: 0%;
    display: block;
  }

  .mospersonamobileffixed {
    display: block;
    overflow: visible;
  }

  .museiumconcept {
    height: auto;
    margin-top: auto;
    margin-bottom: 10%;
    padding-top: 15%;
    display: block;
  }

  .mosproblemmobilepic {
    height: 400px;
    background-image: url('../images/personalityTestSham.JPG');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 2%;
    margin-bottom: 2%;
    position: static;
  }

  .mosproblemmobilefix {
    display: block;
    overflow: visible;
  }

  .link-block-670 {
    width: 100%;
    height: 100%;
  }

  .moseproblemdescrip {
    width: 90%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 35px;
  }

  .personamobile {
    height: 400px;
    background-image: url('../images/brian.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 2%;
    margin-bottom: 2%;
    position: static;
  }

  .moselogoideationmobile {
    height: auto;
    margin-top: auto;
    display: block;
  }

  .moselogoprocessesmobile {
    height: 400px;
    background-image: url('../images/Capture5.JPG');
    background-size: contain;
    margin-top: 2%;
  }

  .muselogomobilelockup {
    height: 400px;
    background-image: url('../images/logoTypeLockUps.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .musedekstoptypelogolockup {
    height: 400px;
    background-image: url('../images/logoTypeLockUps.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 33%;
    margin-bottom: 2%;
  }

  .moslogotypelockupsecionmobile {
    height: 400px;
    background-image: url('../images/logoTypeLockUps.jpg');
    background-position: 0 0;
    background-size: cover;
    display: block;
    overflow: visible;
  }

  .columnscrystalscstablet {
    margin-bottom: 0%;
  }

  .staytion_homelink {
    background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/staytionCoveGifTest.gif');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
    display: block;
    overflow: visible;
  }

  .projnav_venmo {
    height: 300px;
    background-size: auto 400px;
  }

  .projnav_2am {
    height: 300px;
    background-size: 280%;
  }

  .desktop_staytionnavlink {
    height: 300px;
    background-position: 50%;
    background-size: 100%;
  }

  .projnav_hyatt {
    height: 300px;
    background-position: 0%;
    background-size: 280%;
  }

  .desktop_2projcolumn {
    height: 300px;
    display: block;
  }

  .museofselflinkblock {
    background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/mos.gif');
    background-size: auto, cover;
  }

  .projnav_moscolumn {
    height: 300px;
    background-image: url('../images/mos.jpg');
    background-size: cover;
  }

  .projnav_musecolumn {
    height: 300px;
  }

  .tablet_venmo {
    height: 300px;
    background-image: url('../images/Hero01_DeMain_0000.png');
    background-position: 50%;
    background-size: 100%;
    display: block;
  }

  .venmo_homelink {
    background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/venmoZoom.gif');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
    display: block;
    overflow: visible;
  }

  .tablet_goldensnacks {
    height: 300px;
    background-image: url('../images/GSendPlate_01891.jpg');
    background-position: 50%;
    background-size: cover;
    border-radius: 15px;
    display: block;
  }

  .aboutme_nametxt {
    width: 52%;
    text-align: center;
    margin-top: 2%;
    font-size: 56px;
    line-height: 70px;
  }

  ._404title {
    width: 80%;
    text-align: center;
    margin-top: 2%;
    font-size: 56px;
    line-height: 70px;
  }

  .image-34 {
    width: 70%;
  }

  .error404_backhome {
    width: 30%;
    margin-top: 5%;
    margin-bottom: auto;
    margin-left: auto;
    box-shadow: 0 10px 20px -10px #dac7ff;
  }

  .error401_backhome {
    width: 30%;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    box-shadow: 0 10px 20px -10px #dac7ff;
  }

  .questionmarkimg {
    width: 60%;
  }

  .mos_logoanimated {
    margin-top: 12%;
  }

  .hyett_overviewpanel {
    margin-top: 10%;
    margin-bottom: 10%;
  }

  .hyattsoma3prompts {
    margin-left: 1.5%;
    display: block;
  }

  .hyattsoma3prompts.cc-contact {
    padding-left: 0;
    padding-right: 0;
  }

  .hyattsoma3prompts.detailsecion {
    margin-top: auto;
  }

  .hyattsoma3objectivescolumn {
    width: 98%;
    margin-top: 5%;
    margin-bottom: 5%;
  }

  .etherealfog01 {
    height: 400px;
    background-image: url('../images/etherialFogHero.jpg');
    margin-top: 5%;
  }

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

  .fogdeliverableclip01 {
    width: 98%;
    margin: auto;
  }

  .colrofulpainterly01 {
    height: 400px;
    background-image: none;
    margin-top: 8%;
    margin-bottom: 2%;
  }

  .colorfulpainhero {
    height: 400px;
    background-image: url('../images/colorfulPainterlyHero.jpg');
    margin-top: 5%;
  }

  .hotelfogherosection {
    display: block;
    overflow: visible;
  }

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

  .cityllights01 {
    height: 400px;
    background-image: url('../images/fog06.jpg');
    margin-top: 5%;
  }

  .hotelcitylightsherosection {
    display: none;
    overflow: visible;
  }

  .citylightshero {
    height: 400px;
    background-image: url('../images/cityLightsHero.jpg');
    margin-top: 5%;
  }

  .citylightstabletcolumn {
    height: auto;
    margin-top: auto;
    display: block;
  }

  .hotelvideogifhero {
    width: 45%;
    margin-top: auto;
    margin-bottom: auto;
  }

  .venmoproductgrid, .columns-25 {
    display: none;
  }

  .towrowvenmogrid {
    width: 98%;
    margin-bottom: 2%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .staytion_icon {
    width: 45%;
    margin-top: auto;
    margin-bottom: auto;
  }

  ._3dlink {
    text-align: center;
    flex: none;
    margin-right: auto;
    padding: 15px 20px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  ._3dlink:hover {
    background-color: #f7f8f9;
  }

  ._3dlink:active {
    background-color: #eef0f3;
  }

  .navrithtcontent {
    margin-right: 0%;
  }

  .image-46 {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .background-video {
    margin-top: -40%;
    margin-left: auto;
    margin-right: auto;
  }

  .first3ditemlisting {
    margin-bottom: auto;
    margin-left: 1%;
    margin-right: auto;
  }

  .image-46lifted, .leftsideimage3dpg {
    margin-left: 2%;
  }

  .subhovertitle {
    width: 90%;
    margin: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 20px;
  }

  .staytionicongridclass {
    width: 15%;
  }

  .background-video-2 {
    width: 33%;
    height: 500px;
    margin-bottom: 5%;
    margin-left: 8%;
    margin-right: 8%;
  }

  .staytionuiavetypes-alt {
    width: 90%;
    margin-top: 4%;
    margin-bottom: 15px;
    margin-left: auto;
  }

  .staytionuiavetypes-alt.staytionuiavetypes-leftalt {
    width: 90%;
    margin-left: 5%;
  }

  .staytion_uiavedescrip {
    width: 90%;
    height: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-transform: none;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 35px;
  }

  .staytionuiimagegrid {
    width: 33%;
    height: auto;
    margin-left: 8%;
    margin-right: 8%;
  }

  .staytionpromovideo, .staytionpromovideo-alignalt {
    width: 98%;
    margin: auto;
  }

  .staytionuiavetypes-leftalt {
    width: 90%;
    margin-top: 4%;
    margin-bottom: 15px;
    margin-left: auto;
  }

  .text-block-7 {
    width: 50%;
    font-size: 20px;
  }

  .softwareindicatortext {
    width: 80%;
    margin-top: auto;
  }

  .styationcentertitle {
    width: 90%;
    margin-top: 5%;
    margin-left: auto;
  }

  .subdescripleftalt {
    width: 50%;
    margin-left: 5%;
    font-size: 20px;
  }

  .backtotop2-0 {
    width: 100%;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .backtotop2-0.cc-contact {
    padding-left: 0;
    padding-right: 0;
  }

  .backtotop2-0.detailsecion {
    margin-top: -12%;
    display: block;
  }

  .staytionbrandbutton {
    width: 30%;
    margin-top: 10%;
    margin-bottom: auto;
    margin-left: auto;
  }

  .slider {
    width: 90%;
    height: 400px;
  }

  .background-video-3 {
    width: 100%;
    height: 100%;
    text-align: left;
    position: static;
  }

  .image-46-horizontal {
    margin: 2.5% auto;
    display: block;
  }

  .photographystartimg {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .pitchdeckgfximgs {
    width: 40%;
    margin-left: 5%;
    margin-right: 5%;
  }

  .staytionxcloudicons {
    width: 90%;
    margin-top: auto;
    margin-bottom: auto;
  }

  .facebookads {
    width: 70%;
    margin-top: 5%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
  }

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

  .image-49 {
    display: none;
  }

  .background-video-5 {
    height: 100%;
  }

  ._2am_conceptsection {
    height: 400px;
    margin-top: 2%;
    margin-bottom: auto;
  }

  ._2am_ourprocess {
    height: 400px;
    background-image: none;
    margin-bottom: 2%;
  }

  ._2amvideoplayer {
    margin-top: 5%;
    margin-bottom: auto;
  }

  ._2am_theconcept {
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0%;
    display: block;
  }

  ._2am_process {
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 15%;
    display: none;
  }

  .transportprocessdesktop-copy {
    display: none;
    overflow: visible;
  }

  ._2amprocess {
    height: 400px;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  ._2amprocess_mobile {
    height: auto;
    margin-top: auto;
    display: block;
  }

  ._2amconcept {
    height: auto;
    margin-top: 2%;
    margin-bottom: auto;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .heading-jumbo-small {
    font-size: 30px;
    line-height: 52px;
  }

  .rich-text {
    width: 90%;
    max-width: 470px;
    text-align: left;
  }

  .backtotopcontainer {
    text-align: center;
    margin: auto;
  }

  .heading-jumbo {
    width: 65%;
    text-align: left;
    font-size: 50px;
    line-height: 64px;
  }

  .stgriddivkidssection {
    clear: none;
    margin-top: 5%;
    margin-left: auto;
    margin-right: auto;
  }

  .stgriddivkidssection.cc-contact {
    padding: 15px;
  }

  .stgriddivkidssection.detailsecion {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    display: none;
  }

  .button.cc-white-button {
    margin-top: 5%;
    padding: 15% 20%;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .paragraph-bigger.cc-bigger-light {
    font-size: 20px;
  }

  .logo-link {
    padding-left: 0;
  }

  .logo-link.w--current {
    margin-left: 0%;
    margin-right: auto;
  }

  .navigation-items {
    background-color: rgba(255, 255, 255, .8);
  }

  .navigation {
    width: 98.6%;
    background-color: #fff;
    margin-bottom: 219px;
    margin-left: .75%;
    margin-right: auto;
    padding: 20px 30px;
  }

  .logo-image {
    margin-top: auto;
    margin-bottom: auto;
  }

  .aboutme {
    width: 100%;
    margin-bottom: 2%;
    margin-left: auto;
    margin-right: auto;
  }

  .name-text {
    width: 90%;
    margin-left: 5%;
    margin-right: auto;
    padding-left: 4%;
    padding-right: 4%;
    line-height: 30px;
  }

  .work-experience-grid {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .work-position-wrap {
    margin-bottom: 40px;
  }

  .project-name-link {
    font-size: 16px;
    line-height: 28px;
  }

  .text-field {
    background-color: rgba(0, 0, 0, 0);
    border-right-style: none;
    border-right-width: 0;
    font-family: Titillium Web, sans-serif;
    font-size: 16px;
    font-weight: 400;
  }

  .text-field.cc-textarea {
    text-align: left;
  }

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

  .contact-form-grid {
    grid-column-gap: 30px;
    grid-template: "."
                   "."
                   "."
                   / 1fr;
  }

  .contact-form {
    flex-direction: column;
    display: flex;
  }

  .contact-form-wrap {
    text-align: left;
  }

  .footer-wrap {
    text-align: center;
    flex-direction: column;
    margin-top: auto;
    padding-top: 58px;
  }

  .footer-links {
    flex-direction: column;
  }

  .footer-item {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .about-head-text-wrap, .skills-grid, .personal-features-grid, .social-media-heading {
    width: 70%;
    max-width: 470px;
  }

  .social-media-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .project-overview-grid {
    width: 80%;
    max-width: 470px;
    margin-top: 90px;
    margin-bottom: 95px;
  }

  .project-description-grid {
    width: 70%;
    max-width: 470px;
    margin-top: 90px;
    margin-bottom: 85px;
  }

  .detail-image {
    margin-bottom: 15px;
  }

  .email-section {
    width: 80%;
    max-width: 470px;
    margin-top: -58%;
    margin-bottom: 17%;
  }

  .email-link {
    font-size: 36px;
    line-height: 54px;
  }

  .utility-page-wrap {
    padding: 3%;
  }

  ._404-wrap {
    padding: 30px;
  }

  ._404-content-wrap {
    width: 90%;
  }

  .button-2 {
    width: 45%;
    margin-top: 15%;
    margin-left: auto;
  }

  .paragraph {
    width: 27%;
    display: none;
  }

  .video {
    margin-top: 30%;
    margin-bottom: -222px;
  }

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

  .workgridsection.cc-contact {
    padding: 15px;
  }

  .grid-3 {
    grid-column-gap: 25px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .div-block-2 {
    width: 98.5%;
    height: 300px;
    background-position: 50%;
    background-size: auto 400px;
    margin-top: 0%;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .desktop_3projcolumn {
    margin-top: 0;
    margin-left: 1%;
  }

  .desktop_2projcolumn02 {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 0%;
  }

  .image-17 {
    width: 100%;
  }

  .image-18 {
    width: 100%;
    height: 400px;
    clear: both;
    margin-bottom: 20px;
    display: block;
    position: static;
  }

  .image-19 {
    margin-bottom: 20px;
  }

  .column-4 {
    background-size: auto 400px;
    margin-bottom: 20px;
  }

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

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

  .tablet_hyatt {
    border-radius: 15px;
    margin-top: 0%;
    margin-bottom: 0;
  }

  .projnav_sweettreats {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    margin-top: 1%;
    margin-bottom: 10%;
  }

  .video-2 {
    width: 98%;
    margin-left: 3.5%;
  }

  .projectheadder {
    width: 98%;
    margin-bottom: 5%;
    margin-left: auto;
  }

  .projectheadderparagraph {
    width: 90%;
    text-align: left;
    margin-top: 5%;
    margin-left: auto;
    margin-right: auto;
  }

  .aboutprojectcolumns {
    width: 90%;
    text-align: left;
    margin-top: 0%;
    margin-left: auto;
  }

  .column-13 {
    margin-top: auto;
  }

  .columns-6 {
    margin-top: 0%;
    margin-left: 1%;
    display: block;
  }

  .link-block-4 {
    display: none;
  }

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

  .desktop_goldensnacksnavlink {
    width: 98.5%;
    height: 300px;
    background-position: 50%;
    background-size: cover;
    margin-top: 0%;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .pronav_logohome {
    background-image: url('../images/logoHome1373.jpg');
    background-size: cover;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 1%;
    margin-bottom: 0;
  }

  .div-block-2-copy {
    width: 98.5%;
    height: 300px;
    background-position: 50%;
    background-size: auto 400px;
    margin-top: 0%;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
  }

  .tablet_2am-hyatt {
    border-radius: 0;
    margin-top: 1%;
    margin-bottom: 0%;
  }

  .tablet_2am {
    border-radius: 15px;
    margin-top: 1%;
    margin-bottom: 1%;
  }

  .link-block-69 {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
  }

  .link-block-666 {
    background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/sweetTreats.gif');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
  }

  .link-block-15 {
    background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/paint.gif');
    background-size: auto, cover;
    border-radius: 15px;
  }

  .heading-15, .link-block-16 {
    border-radius: 15px;
  }

  .heading-16 {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
  }

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

  .link-block-17 {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(67, 53, 93, .5), rgba(67, 53, 93, .5)), url('../images/museThumbNail.gif');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    text-decoration: none;
  }

  .heading-17 {
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 120px;
    padding-bottom: 120px;
    font-family: Titillium Web, sans-serif;
    font-size: 50px;
    font-weight: 700;
    text-decoration: none;
  }

  .paragraph-copy {
    width: 30%;
    display: block;
  }

  .heading-10-copy {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
  }

  .heading-20 {
    border-radius: 15px;
  }

  .image-23 {
    z-index: 1;
    height: 10%;
    margin: auto;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .projectconcept {
    width: 90%;
    margin-bottom: 10%;
    margin-left: auto;
    font-size: 45px;
  }

  .transportprocessdesktop {
    margin-top: -1%;
    display: none;
  }

  .projectconceptcopuy {
    width: 90%;
    margin-left: auto;
  }

  .column-79 {
    height: 400px;
  }

  .columns-8 {
    margin-top: 2%;
  }

  .museproblemstatment {
    margin-top: 0%;
    margin-bottom: 17px;
  }

  .column-81 {
    height: 400px;
  }

  .columns-9 {
    display: block;
  }

  .column-82, .column-83, .column-84, .column-85, .column-836, .column-837, .column-838 {
    height: 400px;
  }

  .navigationprojectdetailspage {
    width: 98.6%;
    background-color: #fff;
    margin-bottom: 219px;
    margin-left: .75%;
    margin-right: auto;
    padding: 20px 30px;
  }

  .contactlink {
    margin: auto 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .contactlink.w--current {
    margin-right: 0;
  }

  .heading-21 {
    box-shadow: none;
    margin-top: auto;
  }

  .link {
    width: 100%;
    height: 50px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
  }

  .projectheadtext1-tablet {
    margin-top: 7%;
  }

  .colorspectrumcolumn {
    margin-top: auto;
    margin-left: 1%;
  }

  .colorcolumn1 {
    margin-top: auto;
  }

  .colorcolumn4, .colorcolumn5, .colorcolumn6, .colorcolumn7, .colorcolumn8, .colorcolumn9, .colorcolumn10, .colorcolumn11 {
    height: 400px;
  }

  .transportcolumn1 {
    margin-top: auto;
  }

  .transportproccessimg {
    height: auto;
  }

  .transportstoryboardimg, .transportcolumn4, .transportcolumn5, .transportcolumn6, .transportcolumn7, .transportcolumn8, .transportcolumn9 {
    height: 400px;
  }

  .goldensnacksvideo {
    width: 96%;
    margin-left: auto;
  }

  .gscolumnsection1 {
    width: 90%;
    margin: auto;
  }

  .gscolumn1 {
    margin-top: auto;
    margin-bottom: auto;
  }

  .gscolumn2 {
    margin: 5% auto;
  }

  .gsparagraph {
    text-align: left;
  }

  .gsoverview {
    width: 35%;
    margin-left: 15%;
  }

  .image-24 {
    width: 98%;
    height: 350px;
    margin-left: 1%;
  }

  .gsvideoinfo {
    width: 80%;
    margin-top: 0%;
    margin-left: 10%;
    margin-right: 10%;
  }

  .gsoverviewbody {
    width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .gsdisable {
    margin-top: -1%;
  }

  .gsdisable2 {
    margin-top: 2%;
  }

  .gsunvalidatedprob {
    margin-left: 15%;
  }

  .gsprobstatment {
    text-align: left;
  }

  .div-block-6 {
    margin-top: 52%;
  }

  .gstargetaudiance {
    margin-left: 15%;
  }

  .gspersonastitle {
    width: 90%;
    text-align: left;
    margin-left: auto;
  }

  .columns-12 {
    width: 100%;
    margin-left: auto;
  }

  .image-25 {
    width: 35%;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: auto;
  }

  .gspersonaname1 {
    width: 90%;
    margin-left: 0%;
  }

  .gspersonadetails {
    width: 90%;
    text-align: left;
    margin-left: 0;
    font-size: 20px;
  }

  .gspersonaheadlines {
    width: 100%;
    margin-left: 0;
    font-size: 30px;
  }

  .gsdiscoveries {
    width: 100%;
  }

  .gsquestions {
    margin-left: 15%;
  }

  .gsquestionanswers {
    text-align: left;
  }

  .gsdiscoverieslist {
    width: 90%;
    height: auto;
    text-align: left;
    margin-top: 5%;
    margin-left: 0%;
  }

  .column-839, .column-840 {
    margin-top: 15%;
  }

  .gsinterviewquestions {
    width: 100%;
    text-align: left;
    margin-left: auto;
  }

  .columns-15 {
    margin-left: 0%;
  }

  .div-block-7 {
    margin-top: 0%;
    margin-bottom: 0%;
  }

  .column-841 {
    height: auto;
  }

  .column-842 {
    margin-top: auto;
  }

  .columns-16 {
    width: 100%;
  }

  .column-843 {
    border-top-right-radius: 15px;
    border-bottom-left-radius: 0;
  }

  .column-845 {
    border-top-right-radius: 0;
    border-bottom-left-radius: 15px;
  }

  .button-3 {
    width: 50%;
    margin-top: 15%;
    margin-bottom: auto;
    margin-left: 25%;
  }

  .gssynthisizeddata {
    width: 100%;
    text-align: left;
    margin-top: 15%;
    margin-bottom: 15%;
    margin-left: 0%;
  }

  .clusteringdatags {
    background-size: cover;
  }

  .gstheproblemagain {
    width: 70%;
    margin-left: 15%;
  }

  .gsuserdata {
    width: 90%;
    margin: auto;
  }

  .empathymapsecion {
    width: 90%;
  }

  .empathymap {
    width: 50%;
    margin-left: 15%;
  }

  .image-26 {
    width: 30%;
    margin-top: 10%;
    margin-left: 35%;
  }

  .columns-17 {
    width: 100%;
  }

  .gsempathymapname {
    text-align: center;
  }

  .gsempathymapheadlines {
    margin-left: 0%;
  }

  .gsempathymapdetails {
    width: 100%;
    text-align: left;
    margin-left: 0;
  }

  .section-6 {
    height: 2400px;
    margin-top: -38%;
  }

  .gsconceptsfeedbackcolumns {
    width: 100%;
    margin-top: 0%;
  }

  .gsconcept1pic {
    width: 100%;
    height: 400px;
    background-size: 180%;
    margin-top: 15%;
    margin-bottom: auto;
  }

  .conceptsandfeedback, .gsconcepts {
    margin-left: 15%;
  }

  .gsconcept2, .gsconcept3 {
    width: 100%;
    height: 400px;
    background-size: 180%;
  }

  .section-7 {
    display: block;
  }

  .gsuserinsights {
    margin-left: 15%;
  }

  .button-4 {
    width: 50%;
    margin-top: 15%;
    margin-left: 25%;
  }

  .button-5 {
    width: 50%;
    margin-left: 25%;
  }

  .gshighfadelity {
    height: 800px;
    background-image: url('../images/GSScreenMockUpMaster.jpg');
    background-size: cover;
  }

  .gsbranding {
    width: 90%;
  }

  .sunflakes {
    width: 200px;
    height: 200px;
    border-radius: 200px;
    margin-left: auto;
  }

  .paragraph-3 {
    width: 50%;
    text-align: center;
    margin: 5% auto 15%;
    font-size: 25px;
    font-weight: 400;
    line-height: 50px;
  }

  .eveningsky, .newborn, .overcast, .base-grey {
    width: 200px;
    height: 200px;
    border-radius: 200px;
    margin-left: auto;
  }

  .columns-20 {
    width: 100%;
    height: auto;
    margin-top: 15%;
    margin-bottom: 15%;
    margin-left: 0;
    display: block;
  }

  .gspersonaname2 {
    width: 100%;
    margin-left: 0;
  }

  .gstheinterviews {
    margin-top: 149%;
    margin-left: 15%;
  }

  .gsthediscoveries {
    margin-left: 15%;
  }

  .gsproductdirection {
    width: 60%;
    margin-left: 15%;
  }

  .initial-sketches {
    width: 60%;
    margin-top: 80%;
    margin-bottom: 9%;
    margin-left: 15%;
  }

  .gsconcepts-and-feedback {
    margin-top: -303%;
    margin-bottom: 12%;
    margin-left: 15%;
  }

  .usability-testing {
    margin-left: 15%;
  }

  .gsusabilitytesting {
    width: 70%;
    margin-top: -23%;
    margin-left: 15%;
  }

  .gssynthesisclustering {
    margin-left: 15%;
  }

  .gscolorpalette {
    width: 100%;
    margin: auto auto 10% 0%;
  }

  .columns-fonts {
    width: 100%;
    margin-top: auto;
  }

  .fonts {
    width: auto;
    height: 800px;
    background-image: url('../images/typeUsed.JPG');
    background-position: 50%;
    background-size: cover;
    margin-top: -32px;
    margin-left: 0;
  }

  .gsclusteringuserinsightssecion {
    width: 90%;
    height: auto;
    margin-top: auto;
    display: block;
  }

  .columnicons {
    width: 100%;
    margin-top: auto;
    margin-left: 0;
    margin-right: auto;
  }

  .section8 {
    margin-top: 146%;
    margin-bottom: -138%;
    display: block;
  }

  .image-27 {
    width: 70%;
    margin-top: 15%;
    margin-bottom: 15%;
    margin-left: auto;
  }

  .image-28 {
    padding-right: 0;
  }

  .gslogoicons {
    width: 100%;
    margin-left: 0%;
    font-size: 25px;
  }

  .div-block-15 {
    padding-top: 32px;
  }

  .column-846, .column-847 {
    padding-left: 0;
  }

  .prodcutdirection {
    width: 90%;
    height: auto;
    margin-top: -1%;
  }

  .column-848 {
    margin-top: 0%;
  }

  .gsinitialsketchessecion {
    width: 90%;
    height: auto;
    margin-top: auto;
  }

  .column-849 {
    padding-right: 25%;
  }

  .musicdivblock {
    height: 750px;
  }

  .musecolumn2 {
    margin-top: -1%;
    display: block;
  }

  .musecolumns1 {
    width: 100%;
    text-align: left;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .musecolumn4, .musecolumn5talent {
    height: 400px;
  }

  .musecolumn5 {
    height: 200px;
  }

  .musecolumn {
    margin-top: 0%;
  }

  .musiccolumnfindings {
    margin-top: 2%;
  }

  .musicnarratives {
    width: 90%;
    text-align: center;
    margin-top: auto;
    margin-bottom: 10%;
    margin-left: auto;
  }

  ._360videolaunchbutton {
    width: 40%;
    margin-left: 30%;
    margin-right: 30%;
  }

  .oscarwildnarrative {
    width: 90%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .solalunanarrative {
    width: 90%;
    text-align: left;
    margin: 2% auto;
  }

  .musicnarrativeblock {
    height: auto;
    margin-top: auto;
  }

  .backtotopmuse {
    width: 50%;
    height: 50px;
    margin-top: -14%;
    margin-bottom: -16%;
    margin-left: 26%;
  }

  .backtotopmuse2 {
    margin-top: auto;
    margin-bottom: auto;
  }

  .backtotopmuse3 {
    text-align: center;
    margin-top: 0%;
    margin-left: -1.5%;
    margin-right: auto;
  }

  .apsvsnarrativeblog {
    margin-top: 15%;
    margin-bottom: 15%;
  }

  .solalunanarrative2 {
    margin-top: auto;
    margin-bottom: auto;
  }

  .gsdivblock4, .gsdiv-block-6-copy {
    margin-top: 52%;
  }

  .gsdivblock7 {
    width: 90%;
    margin-top: 15%;
    margin-bottom: 15%;
  }

  .gssecion7 {
    width: 100%;
    height: auto;
    margin-top: 5%;
    margin-bottom: auto;
    display: block;
  }

  .gshighfadelitytitle {
    margin-left: 15%;
  }

  .gsfinalscreenmockvideo {
    text-align: center;
    margin-top: 80%;
    margin-left: -1.5%;
    margin-right: auto;
  }

  .gsquestionsdiv {
    width: 90%;
  }

  .gsdiscoverieslist2 {
    width: 90%;
    text-align: left;
    margin-left: 5%;
  }

  .gspersonasdiv {
    width: 90%;
    padding-top: 32px;
  }

  .musebuttonwarning {
    text-align: center;
  }

  .gsemail-section {
    width: 80%;
    max-width: 470px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .museemail-section {
    width: 80%;
    max-width: 470px;
    margin-top: auto;
    margin-bottom: 18%;
  }

  .transportemailesction {
    width: 80%;
    max-width: 470px;
    margin-top: -60%;
    margin-bottom: auto;
  }

  .csemailsecion {
    width: 80%;
    max-width: 470px;
    margin-top: -138%;
    margin-bottom: 17%;
    margin-left: 65px;
  }

  .logohomebacktotop {
    width: 45%;
    max-width: none;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
  }

  .st1, .st2 {
    height: 400px;
  }

  .image-29, .image-30 {
    width: 50%;
  }

  .kidstreats {
    width: 38%;
    margin-left: 31%;
  }

  .adulttreats {
    width: 42%;
    margin-left: 29%;
  }

  .img31 {
    display: none;
  }

  .stadulttreatsgifgridmobile {
    clear: none;
    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
  }

  .stadulttreatsgifgridmobile.cc-contact {
    padding: 15px;
  }

  .stadulttreatsgifgridmobile.detailsecion {
    margin-left: auto;
  }

  .stconceptcolumndesktop {
    margin-top: -45%;
    margin-left: 1%;
  }

  .section-10 {
    margin-top: 15%;
    margin-bottom: 5%;
  }

  .img33 {
    display: none;
  }

  .stcolimg1 {
    margin-top: 12%;
  }

  .stcolumn2 {
    margin-top: -1%;
  }

  .section-11 {
    margin-top: 15%;
    margin-bottom: 5%;
  }

  .hotelvisualvideoplayer {
    width: 96%;
    margin-top: auto;
  }

  .transportvideoplayer {
    margin-top: auto;
    margin-bottom: auto;
  }

  .moscolumns1 {
    margin-left: 1%;
  }

  .moscolumns2 {
    margin-top: -1%;
  }

  .moscolumns3 {
    margin-top: 2%;
  }

  .moscolumnpic1 {
    margin-top: 9%;
  }

  .moscolumnpic3 {
    height: 400px;
  }

  .moscolumnpic4 {
    background-size: 70%;
  }

  .mostm {
    width: 50%;
    margin-left: 15%;
  }

  .mossketches {
    width: 70%;
    margin-left: 15%;
  }

  .mosbranding {
    width: 32%;
    margin-left: 34%;
  }

  .moscolumnpic5, .moscolumnpic6 {
    height: 400px;
  }

  .moscolumns4 {
    margin-top: 2%;
  }

  .moscolumnpic8 {
    height: 400px;
    background-size: 60%;
  }

  .moscolors {
    width: 90%;
    margin-left: auto;
  }

  .moscolorvarients {
    background-size: 170%;
    margin-top: 0%;
    margin-bottom: 17px;
  }

  .moslogocolors {
    height: 400px;
    background-size: 170%;
  }

  .moscolumns8, .moscolumns9 {
    margin-top: 2%;
  }

  .mostype1 {
    margin-top: 0%;
    margin-bottom: 17px;
  }

  .mostype2 {
    height: 400px;
  }

  .moslogowithtype {
    margin-top: -1%;
  }

  .moslogotypelockup {
    background-size: 170%;
  }

  .moscolumnpic9 {
    height: 400px;
    background-size: 170%;
  }

  .moscolumns11 {
    margin-top: -1%;
  }

  .moscolumnpic11 {
    background-size: 200%;
  }

  .moscolumnpic12 {
    height: 400px;
    background-size: 160%;
  }

  .mostoplink {
    width: 50%;
    height: 50px;
    margin: -40% auto 72% 25%;
  }

  .mosminsize {
    width: 59%;
  }

  .moslogoclear {
    width: 73%;
  }

  .mostypeuse {
    width: 32%;
    margin-left: 15%;
  }

  .mosfinallogotitle {
    width: 37%;
  }

  .moslogoideatetype {
    width: 49%;
  }

  .mosinitialsketches {
    width: 55%;
  }

  .mospersona {
    width: 30%;
  }

  .mosproblem {
    width: 34%;
  }

  .mosprocess {
    width: 29%;
  }

  .mosconcept {
    width: 31%;
    margin-left: 15%;
  }

  .moslogotypelock {
    width: 68%;
  }

  .mosanimated {
    width: 53%;
    margin-left: 15%;
  }

  .museoverview {
    width: 100%;
    text-align: left;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 0;
  }

  .musedifferenttitle {
    width: 100%;
    margin-left: auto;
  }

  .museinspo, .museproblemtitle, .musetalent {
    width: 73%;
  }

  .musesolatitle, .museapsustitle {
    width: 90%;
    text-align: left;
    margin: auto;
  }

  .museoscartitle {
    width: 90%;
    text-align: left;
    margin-top: auto;
    margin-left: auto;
  }

  .museinterviewtitle {
    width: 39%;
  }

  .musefindings {
    width: 31%;
  }

  .gsicontitle {
    width: 60%;
    height: auto;
    margin-top: 8%;
    margin-bottom: 32px;
    margin-left: 20%;
  }

  .gsconcept1 {
    width: 100%;
    margin-left: 0%;
  }

  .gsconcpets {
    width: 90%;
    height: auto;
    margin-top: auto;
  }

  .gsaboutprojecttop {
    text-align: center;
    margin-top: -22%;
    margin-left: auto;
    margin-right: auto;
  }

  .navhomemobile {
    width: 100%;
    background-color: #fff;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 30px;
  }

  .navprojectpagemobile {
    width: 98.6%;
    background-color: #fff;
    margin-bottom: 219px;
    margin-left: .75%;
    margin-right: auto;
    padding: 20px 30px;
  }

  .navitemsmobile {
    background-color: rgba(255, 255, 255, .8);
  }

  .gstypefont {
    width: 100%;
    margin: auto 15% 10% 0%;
    font-size: 25px;
  }

  .gsbusinessgoals, .gsproductgoals {
    width: 100%;
    text-align: left;
    margin: auto;
  }

  .gsproductdirectiondetails {
    margin-left: 0%;
  }

  .gspdplatforms {
    margin-left: 15%;
  }

  .stheaders {
    margin-top: 7%;
  }

  .stcontainer {
    text-align: center;
    margin-top: -28%;
    margin-left: -1.5%;
    margin-right: auto;
  }

  .stpragraphabout {
    text-align: left;
    margin-top: -7px;
  }

  .staboutspaciger {
    margin-top: 7%;
  }

  .stcolmn1obj1 {
    margin-top: 47%;
  }

  .stemailsecion {
    width: 80%;
    max-width: 470px;
    margin-top: -134%;
    margin-bottom: 17%;
  }

  .gsprojecthead {
    margin-top: 7%;
  }

  .gsinfosecion {
    clear: none;
    margin-left: auto;
    margin-right: auto;
  }

  .gsinfosecion.cc-contact {
    padding: 15px;
  }

  .gsinfosecion.detailsecion {
    width: 100%;
    margin-top: 15%;
    margin-bottom: 0%;
    margin-left: auto;
  }

  .museicon {
    width: 90%;
    margin-left: auto;
  }

  .musesummarytitle {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .museabouts {
    margin-top: 0%;
  }

  .musedifferent {
    margin-top: 90%;
  }

  .csaboutcontainer {
    text-align: center;
    margin-top: -28%;
    margin-left: -1.5%;
    margin-right: auto;
  }

  .csprojecthead, .csprojecthead2 {
    margin-top: 7%;
  }

  .csaboutcontainer2 {
    text-align: center;
    margin-top: -28%;
    margin-left: -1.5%;
    margin-right: auto;
  }

  .musebacktop {
    width: 80%;
    height: auto;
    text-align: center;
    margin: auto;
  }

  .gshighfadelitysection {
    width: 90%;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
  }

  .mossecion {
    clear: none;
    margin-left: auto;
    margin-right: auto;
  }

  .mossecion.cc-contact {
    padding: 15px;
  }

  .mossecion.detailsecion {
    margin-top: -12%;
    margin-bottom: 0%;
    margin-left: auto;
  }

  .mosprojectheaders {
    height: 500px;
    margin-top: 7%;
  }

  .moseheader {
    height: 400px;
    text-align: center;
    margin: -28% auto 23% -1.5%;
  }

  .mossubject {
    margin-top: 48px;
  }

  .mosprojectheader {
    margin-top: 7%;
  }

  .lhsecion {
    clear: none;
    margin-left: auto;
    margin-right: auto;
  }

  .lhsecion.cc-contact {
    padding: 15px;
  }

  .lhsecion.detailsecion {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
  }

  .lhprojecthead, .lhprojecthead2, .gsprojecthead2 {
    margin-top: 7%;
  }

  .aboutprojectcolumnsmobile {
    text-align: left;
    margin-top: 0%;
  }

  .aboutdescription {
    text-align: left;
    margin-top: -7px;
  }

  .logohomeabouttop {
    margin-top: -629px;
  }

  .transportabout {
    text-align: center;
    margin-top: -28%;
    margin-left: -1.5%;
    margin-right: auto;
  }

  .fuck {
    margin-top: 0%;
    margin-left: 1%;
    display: block;
  }

  .fuckyou {
    margin-left: 15%;
  }

  .csaboutcontainer3 {
    text-align: center;
    margin-top: -28%;
    margin-left: -1.5%;
    margin-right: auto;
  }

  .image-32 {
    width: 50%;
    margin: 5% auto;
  }

  .musetalentcolumndesktop {
    margin-top: -1%;
  }

  .musehowdifferentsection {
    clear: none;
    margin-left: auto;
    margin-right: auto;
  }

  .musehowdifferentsection.cc-contact {
    padding: 15px;
  }

  .musehowdifferentsection.detailsecion {
    width: 90%;
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
  }

  .museproblemcolumn {
    margin-top: 2%;
  }

  .musecolumn5talent-copy {
    height: auto;
  }

  .musefindingsparagraph {
    text-align: left;
    margin-top: -7px;
  }

  .apsusnarrativeparagraph {
    width: 90%;
    text-align: left;
    margin: 2% auto;
  }

  .adulttreatstitledesktop {
    width: 42%;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 29%;
  }

  .kidstreatstitledesktop {
    width: 40%;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
  }

  .stkidstreatsgifgridmobile {
    clear: none;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .stkidstreatsgifgridmobile.cc-contact {
    padding: 15px;
  }

  .stkidstreatsgifgridmobile.detailsecion {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
  }

  .csaboutprojectmobile {
    text-align: center;
    margin-top: -22%;
    margin-left: auto;
    margin-right: auto;
  }

  .colorspechead {
    margin-top: auto;
  }

  .projectconceptcolumn {
    margin-top: auto;
    margin-left: 1%;
    display: block;
  }

  .projectprocess {
    width: 90%;
    text-align: left;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .museoverviewdescript {
    width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .logohomeconceptimg {
    margin-top: auto;
  }

  .logohomeprocessimg {
    height: 500px;
  }

  .logohomestoryboardimg {
    height: 400px;
  }

  .transportconceptimg {
    margin-top: auto;
  }

  .projectprocesscolumnmobile {
    margin-top: -1%;
  }

  .logohomestoryboard {
    margin-top: 0%;
    margin-bottom: 17px;
  }

  .logohomeprocessmobiledescrip {
    height: 500px;
  }

  .musehowdifferentimg, .musehowdifferent {
    margin-top: auto;
  }

  .talentnames {
    width: 90%;
    text-align: left;
    margin-top: -13%;
    margin-left: auto;
    margin-right: auto;
  }

  .museheadshot2 {
    height: auto;
    margin-top: 5%;
  }

  .museheadshot1, .museheadshot3 {
    height: auto;
  }

  .museproblemcolumnmobile {
    margin-top: 2%;
  }

  .projectinspirationmobile {
    width: 90%;
    margin-bottom: 10%;
    margin-left: auto;
  }

  .link-2, .link-3, .link-4 {
    text-align: center;
  }

  .musetalentcolumnmobile {
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .column-855 {
    height: auto;
  }

  .transportprocessmobile {
    margin-top: -1%;
    display: none;
  }

  .logohomemusicdesktop {
    display: none;
  }

  .apsvsmusicchoice {
    height: auto;
  }

  .logohomemusicmobile {
    display: block;
  }

  .musicchoicedescriptmobile {
    width: 90%;
    text-align: left;
    margin-top: -7px;
    margin-left: auto;
    margin-right: auto;
  }

  .musicchoicemobile {
    width: 90%;
    margin-bottom: 10%;
    margin-left: auto;
  }

  .column-82-copy {
    height: 400px;
  }

  .colorspectrumbacktotop {
    width: 80%;
    max-width: 470px;
    margin-top: -58%;
    margin-bottom: 17%;
  }

  .colorspectrumconceptgif {
    margin-top: auto;
  }

  .colorspectrumproccessmobile {
    margin-top: -1%;
    display: block;
  }

  .colorspectrumstoryboard {
    margin-top: 0%;
    margin-bottom: 17px;
  }

  .colorspectrumconceptcontainer {
    height: auto;
    margin-top: auto;
  }

  .goldensnackssummarytitle {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .goldensnacksvideoplayer {
    margin-top: auto;
  }

  .goldensnacksfinalscreens {
    width: 100%;
    text-align: left;
    margin-top: 15%;
    margin-bottom: 5%;
    margin-left: auto;
  }

  .goldensnacksoverviewdescript {
    width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .section-13 {
    width: 90%;
    margin-top: auto;
  }

  .bold-text {
    text-align: center;
    font-size: 30px;
  }

  .bold-text-2, .bold-text-3, .bold-text-4, .bold-text-5, .bold-text-6 {
    font-size: 30px;
  }

  .gsprodcutdetials {
    width: 90%;
    text-align: left;
    margin-left: 0;
  }

  .productdirectioncolumn {
    width: 100%;
  }

  .gsusabilitytestingsection {
    width: 90%;
    height: auto;
    margin-top: 15%;
    display: block;
  }

  .gssynthisizeddata-copy {
    width: 70%;
    margin-left: 15%;
  }

  .gsiconlogocolumn {
    height: auto;
  }

  .goldensnacksicon {
    width: 80%;
    margin-left: auto;
  }

  .gsdescriptmobile {
    width: 90%;
    text-align: left;
    margin-top: 5%;
    margin-left: 0;
    margin-right: auto;
  }

  .mosconceptgif {
    margin-top: auto;
  }

  .mosprocessgif, .mospersonapic {
    height: 500px;
  }

  .mosproblemgif {
    margin-top: auto;
  }

  .mostargetmarkettitle {
    width: 100%;
    text-align: left;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 0;
  }

  .mostargetmarketbodycopy {
    width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .mosinnitialsketches {
    margin-top: auto;
  }

  .moslogoconcepts {
    height: 500px;
  }

  .mostargetmarketslide {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .moslogosecion {
    margin-top: -1%;
    display: none;
  }

  .moslogopic {
    margin-top: auto;
  }

  .mostypeuse1 {
    background-size: 170%;
    margin-top: 0%;
    margin-bottom: 17px;
  }

  .mostypeuse2 {
    height: 400px;
    background-size: 170%;
  }

  .moslogotypelockupsecion {
    margin-top: -1%;
    display: none;
  }

  .moslogolockup {
    height: 500px;
  }

  .mosclearspace {
    background-size: cover;
    margin-top: auto;
  }

  .moslogotypelockupsecion-copy {
    margin-top: -1%;
    display: none;
  }

  .moslogosizeguide {
    height: 500px;
  }

  .moslogoforbbidenuse {
    background-size: cover;
    margin-top: auto;
  }

  .mosanimated1 {
    background-size: contain;
    margin-top: 0%;
    margin-bottom: 17px;
  }

  .mosanimated2 {
    height: 400px;
    background-size: contain;
  }

  .column-857 {
    height: 400px;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .transportprocessdesktop-copy {
    margin-top: -1%;
    display: none;
  }

  .mospersonamobile {
    margin-top: auto;
    display: block;
  }

  .mosprocessdekstop {
    margin-top: -1%;
    display: none;
  }

  .sweettreatsprocesstextfix {
    width: 90%;
    text-align: left;
    margin-top: 5%;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
  }

  .stcolumn1-mobile {
    margin-top: auto;
    margin-left: 1%;
  }

  .stmobilecocnept {
    height: auto;
    margin-top: 12%;
  }

  .stmobiletopgif {
    margin-top: 5%;
  }

  .museimprocessmobile {
    margin-top: -1%;
    display: block;
  }

  .mosclearspacemobile {
    margin-top: auto;
  }

  .projectconcept-copy {
    width: 90%;
    margin-bottom: 10%;
    margin-left: auto;
  }

  .mospersonamobilecolumn {
    margin-top: auto;
    margin-left: 1%;
    display: none;
  }

  .mosproblemgif-copy, .mosepersonamobilepic, .mosesketchtitle {
    margin-top: auto;
  }

  .mospersonamobileffixed {
    margin-top: -1%;
    display: block;
  }

  .museiumconcept {
    margin-top: auto;
  }

  .mosproblemmobilefix {
    margin-top: -1%;
    display: block;
  }

  .moseproblemdescrip {
    width: 90%;
    text-align: left;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .moselogoideationmobile {
    margin-top: 15%;
    margin-left: 1%;
    display: block;
  }

  .moselogoprocessesmobile {
    margin-top: auto;
  }

  .moslogotypelockupsecionmobile {
    margin-top: -1%;
    display: none;
  }

  .staytion_homelink {
    display: block;
  }

  .projnav_venmo {
    margin-bottom: 0;
  }

  .projnav_2am {
    margin-bottom: 20px;
  }

  .desktop_staytionnavlink {
    width: 98.5%;
    height: 300px;
    background-position: 50%;
    background-size: cover;
    margin-top: 0%;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .projnav_hyatt {
    background-size: auto 400px;
    margin-bottom: 20px;
  }

  .desktop_2projcolumn {
    margin-top: 1%;
  }

  .muselinkblock {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
  }

  .museofselflinkblock {
    border-radius: 15px;
  }

  .projnav_moscolumn {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    margin-top: 1%;
    margin-bottom: 0%;
  }

  .projnav_musecolumn {
    border-radius: 15px;
  }

  .tablet_venmo {
    width: 98.5%;
    height: 300px;
    background-position: 50%;
    background-size: cover;
    margin-top: 1%;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .venmo_homelink {
    margin-top: 1%;
    display: block;
  }

  .tablet_goldensnacks {
    width: 98.5%;
    height: 300px;
    background-position: 50%;
    background-size: cover;
    margin-top: 1%;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
  }

  .aboutme_nametxt {
    width: 65%;
    text-align: center;
    font-size: 50px;
    line-height: 64px;
  }

  ._404title {
    width: 100%;
    text-align: center;
    font-size: 50px;
    line-height: 64px;
  }

  .image-34 {
    width: 100%;
  }

  .error404_backhome {
    width: 60%;
    max-width: none;
    margin-top: 5%;
    margin-bottom: auto;
    margin-left: auto;
  }

  .error401_backhome {
    width: 31%;
    max-width: none;
    border-radius: 10px;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
  }

  .questionmarkimg {
    width: 100%;
  }

  .mos_logoanimated {
    width: 90%;
    margin-left: auto;
  }

  .hyett_overviewpanel {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .hyattsoma3prompts {
    clear: none;
    margin-left: auto;
    margin-right: auto;
  }

  .hyattsoma3prompts.cc-contact {
    padding: 15px;
  }

  .hyattsoma3prompts.detailsecion {
    width: 100%;
    margin-top: 15%;
    margin-bottom: 0%;
    margin-left: auto;
  }

  .hyattsoma3objectivescolumn {
    width: 90%;
    margin: auto;
  }

  .etherealfog01 {
    margin-top: auto;
  }

  .painterlymoodboard {
    grid-row-gap: 16px;
    grid-template: "Area Area-2"
                   "Area-3 Area-4"
                   ". ."
                   / minmax(200px, 1fr);
    grid-auto-columns: minmax(200px, .25fr);
    grid-auto-flow: row;
    display: none;
  }

  .image-38 {
    margin-top: 2%;
    display: block;
  }

  .columns-24 {
    display: block;
  }

  .column-859 {
    margin-top: 1%;
    display: block;
  }

  .hotelmoodboard {
    width: 90%;
    margin-top: auto;
  }

  .fogdeliverableclip01 {
    width: 96%;
    margin-left: auto;
  }

  .colrofulpainterly01 {
    height: 500px;
  }

  .colorfulpainhero {
    margin-top: auto;
  }

  .hotelfogherosection {
    margin-top: -1%;
    display: none;
  }

  .fogmoodboard {
    grid-row-gap: 16px;
    grid-template: "Area Area-2"
                   "Area-3 Area-4"
                   ". ."
                   / minmax(200px, 1fr);
    grid-auto-columns: minmax(200px, .25fr);
    grid-auto-flow: row;
    display: none;
  }

  .cityllights01 {
    margin-top: auto;
  }

  .hotelcitylightsherosection {
    margin-top: -1%;
    display: none;
  }

  .citylightshero {
    margin-top: auto;
  }

  .citylightstabletcolumn {
    margin-top: auto;
    margin-left: 1%;
    display: block;
  }

  .fogmoodcolumn {
    display: block;
  }

  .additionalfogimg {
    margin-top: 1%;
    display: none;
  }

  .hotelvideogifhero {
    width: 80%;
    margin-left: auto;
  }

  .staytion_icon {
    width: 90%;
    margin-left: auto;
  }

  ._3dlink {
    margin: auto 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-46 {
    width: 60%;
    height: auto;
    margin-left: auto;
  }

  .background-video {
    width: 270px;
    height: 480px;
  }

  ._3dcontainer-top {
    text-align: center;
    display: block;
  }

  .first3ditemlisting {
    width: 270px;
    height: 480px;
    margin-left: auto;
  }

  ._3dcontainer-top-copy, ._3dcontainer-inner {
    text-align: center;
    display: inline-block;
  }

  .image-46lifted, .leftsideimage3dpg {
    width: 270px;
    height: 480px;
    margin-left: 2.5%;
  }

  .subhovertitle {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-19 {
    height: auto;
  }

  .staytion_3denvsecion {
    width: 90%;
    margin-top: auto;
  }

  .staytionicongrid {
    max-width: 90%;
  }

  .staytionicongridclass {
    width: 22%;
  }

  .staytionphonescreengrid01 {
    max-width: 90%;
  }

  .background-video-2 {
    width: 34%;
    height: 350px;
    min-height: 0;
    margin-left: 8%;
    margin-right: 8%;
  }

  .staytionuiavetypes-alt {
    width: 100%;
    text-align: left;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: auto;
  }

  .staytion_uiavedescrip {
    width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .staytionuiimagegrid {
    width: 34%;
  }

  .staytionpromovideo {
    width: 100%;
    margin-left: auto;
  }

  .section-13-altalign {
    width: 90%;
    margin-top: auto;
  }

  .staytionpromovideo-alignalt {
    width: 100%;
    margin-bottom: 14%;
    margin-left: auto;
  }

  .staytionuiavetypes-leftalt {
    width: 100%;
    text-align: left;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: auto;
  }

  .text-block-7 {
    width: 100%;
    margin-left: 0%;
  }

  .softwareindicatortext {
    width: 100%;
  }

  .styationcentertitle {
    width: 100%;
    text-align: left;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: auto;
  }

  .subdescripleftalt {
    width: 100%;
    margin-left: 0%;
  }

  .backtotop2-0 {
    clear: none;
    margin-top: 5%;
    margin-left: auto;
    margin-right: auto;
  }

  .backtotop2-0.cc-contact {
    padding: 15px;
  }

  .backtotop2-0.detailsecion {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    display: none;
  }

  .staytionbrandbutton {
    width: 45%;
    margin-top: 15%;
    margin-left: auto;
  }

  .slider {
    width: 100%;
    height: 280px;
  }

  .image-46-horizontal {
    width: 90%;
    height: auto;
    margin-left: auto;
  }

  .photographystartimg {
    width: 60%;
    height: auto;
    margin-left: auto;
    display: block;
  }

  .pitchdeckgfximgs {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .staytionxcloudicons {
    width: 90%;
    margin-left: auto;
    display: none;
  }

  .facebookads {
    width: 100%;
  }

  .background-video-4 {
    height: 300px;
  }

  .image-49 {
    width: 90%;
    height: auto;
    margin: auto;
    display: block;
  }

  .background-video-5 {
    margin-top: 2%;
    margin-bottom: 2%;
  }

  ._2am_conceptsection {
    margin-top: auto;
  }

  ._2am_ourprocess {
    height: auto;
  }

  ._2amvideoplayer {
    margin-top: 2%;
    margin-bottom: 2%;
  }

  ._2am_theconcept, ._2am_process {
    margin-top: auto;
  }

  .transportprocessdesktop-copy {
    margin-top: -1%;
    display: none;
  }

  ._2amprocess_mobile {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 1%;
    display: block;
  }

  ._2amconcept {
    margin-top: 2%;
    margin-bottom: 5%;
    margin-left: 1%;
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .rich-text {
    width: 100%;
    max-width: none;
  }

  .backtotopcontainer {
    height: auto;
    margin: auto;
    display: block;
  }

  .heading-jumbo {
    width: 80%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 36px;
    line-height: 48px;
  }

  .stgriddivkidssection {
    width: 100%;
    height: auto;
    margin-top: 10%;
    margin-bottom: 10%;
    display: block;
  }

  .stgriddivkidssection.detailsecion {
    width: 100%;
    margin: auto;
    display: none;
    overflow: visible;
  }

  .button.cc-white-button {
    margin-top: 7%;
    margin-bottom: 7%;
    padding: 7%;
  }

  .paragraph-bigger.cc-bigger-light {
    margin-bottom: 0;
    padding: 15px 0;
    font-size: 22px;
  }

  .logo-link {
    margin-left: 5%;
  }

  .logo-link.w--current {
    margin: auto auto auto 5%;
  }

  .menu-icon {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
  }

  .navigation-items {
    background-color: rgba(255, 255, 255, .8);
    justify-content: space-between;
    margin: -10px -20px -30px;
  }

  .navigation {
    width: 94.6%;
    height: 80px;
    margin-bottom: -50px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button, .menu-button.w--open {
    flex: none;
  }

  .logo-image {
    height: auto;
    float: left;
    margin: auto;
    position: static;
  }

  .navigation-wrap {
    margin-right: 20px;
  }

  .aboutme {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
  }

  .name-text {
    width: 90%;
    text-align: left;
    margin-bottom: 5%;
    margin-right: 5%;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 19px;
    line-height: 27px;
  }

  .contact {
    padding-left: 15px;
    padding-right: 15px;
  }

  .contact-form, .contact-form-wrap {
    flex-direction: column;
  }

  .footer-wrap {
    flex-direction: column;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-links {
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-item {
    margin-left: auto;
    margin-right: auto;
  }

  .about-head-text-wrap, .skills-grid, .personal-features-grid, .social-media-heading, .project-overview-grid, .project-description-grid {
    width: 100%;
    max-width: none;
  }

  .email-section {
    width: 100%;
    max-width: none;
    flex-direction: column;
    align-items: center;
    margin-top: -60%;
    margin-bottom: 35%;
    display: flex;
  }

  .email-link {
    font-size: 30px;
    line-height: 46px;
  }

  .utility-page-wrap {
    width: 100%;
    height: auto;
    margin-top: 15%;
    padding: 0%;
  }

  ._404-wrap {
    height: auto;
    padding: 0;
  }

  ._404-content-wrap {
    width: 100%;
  }

  .button-2 {
    width: 52%;
    margin-top: 10%;
    margin-bottom: 10%;
    margin-left: auto;
  }

  .video {
    width: 96%;
    height: auto;
    float: none;
    background-color: #fff;
    margin-top: 60%;
    margin-bottom: -235px;
    margin-left: 2%;
    line-height: 60px;
    display: block;
    left: auto;
    overflow: visible;
  }

  .grid-3 {
    grid-column-gap: 0px;
    grid-row-gap: 15px;
    grid-template: "." 300px
                   "." 300px
                   "." 300px
                   "." 300px
                   "." 300px
                   "." 300px
                   / 1fr 1fr 1fr 1fr;
  }

  .section-3 {
    float: none;
  }

  .image-13, .image-14 {
    width: auto;
    align-self: stretch;
  }

  .div-block-2 {
    width: 96%;
    height: 200px;
    background-color: #dde6f5;
    background-image: url('../images/Transport_01318.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 2%;
  }

  .image-15 {
    height: 100px;
  }

  .desktop_3projcolumn {
    width: 96%;
    margin: 0 10px -20px 2%;
  }

  .desktop_2projcolumn02 {
    width: 96%;
    height: 200px;
    margin-top: 2%;
    margin-bottom: 0;
    margin-left: 2%;
  }

  .image-16 {
    width: 100%;
    height: 200px;
  }

  .image-17 {
    height: 200px;
    margin-bottom: 20px;
  }

  .image-18 {
    width: 100%;
    height: 200px;
    clear: both;
    margin-bottom: 0;
    position: static;
  }

  .image-19 {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
  }

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

  .column-4 {
    height: 200px;
    clear: both;
    background-color: #d9eaff;
    background-position: 50%;
    background-size: auto 200px;
    margin-bottom: 20px;
  }

  .column-5 {
    height: 200px;
    background-color: #d9eaff;
    background-size: auto 200px;
    margin-bottom: 20px;
  }

  .column-6 {
    height: 200px;
    background-size: auto 200px;
    margin-bottom: 20px;
  }

  .tablet_hyatt {
    height: 100%;
    margin-top: 0%;
  }

  .projnav_sweettreats {
    height: 100%;
    margin-top: 2%;
    margin-bottom: 10%;
  }

  .video-2 {
    margin-top: 30%;
    display: block;
  }

  .projectheadder {
    margin-top: auto;
    display: block;
  }

  .projectheadderparagraph {
    width: 90%;
    margin: auto;
  }

  .aboutprojectcolumns {
    width: 90%;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    display: block;
  }

  .column-10 {
    margin: auto;
  }

  .column-11 {
    text-align: left;
    margin-top: auto;
    margin-bottom: auto;
  }

  .column-12 {
    height: 200px;
    background-size: cover;
  }

  .column-13 {
    height: auto;
    text-align: left;
    margin-top: -20%;
  }

  .columns-6 {
    margin-top: 28%;
    margin-bottom: 35%;
    margin-right: auto;
  }

  .hovertitle {
    margin-left: auto;
    margin-right: auto;
    padding-top: 15%;
    padding-bottom: 0%;
    font-size: 35px;
  }

  .desktop_goldensnacksnavlink {
    width: 96%;
    height: 200px;
    background-color: #dde6f5;
    background-image: url('../images/muse.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 2%;
    margin-bottom: 0;
    margin-left: auto;
  }

  .pronav_logohome {
    height: 100%;
    margin-top: 0%;
  }

  .div-block-2-copy {
    width: 96%;
    height: 200px;
    background-color: #dde6f5;
    background-image: url('../images/mos.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 2%;
  }

  .tablet_2am-hyatt {
    width: 96%;
    height: 200px;
    margin-top: 2%;
    margin-bottom: 0;
    margin-left: 2%;
  }

  .tablet_2am {
    height: 100%;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .heading-9, .heading-10 {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .heading-11 {
    padding-top: 20%;
    padding-bottom: 20%;
    font-size: 35px;
  }

  .heading-14 {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 20%;
    padding-bottom: 20%;
    font-size: 35px;
  }

  .link-block-15 {
    background-image: linear-gradient(rgba(0, 0, 0, .45), rgba(0, 0, 0, .45)), url('../images/paint.gif');
    background-size: auto, cover;
  }

  .heading-15 {
    padding-top: 20%;
    padding-bottom: 20%;
    font-size: 35px;
  }

  .heading-16 {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 20%;
    padding-bottom: 20%;
    font-size: 35px;
  }

  .heading-18 {
    padding-top: 20%;
    padding-bottom: 20%;
    font-size: 35px;
  }

  .paragraph-copy {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-9-copy {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .heading-10-copy, .heading-20 {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 20%;
    padding-bottom: 20%;
    font-size: 35px;
  }

  .projectconcept {
    width: 90%;
    text-align: left;
    margin: auto;
    font-size: 35px;
  }

  .transportprocessdesktop {
    margin-top: -215%;
  }

  .column-77 {
    height: 200px;
  }

  .logohomemobileimgcolumn {
    height: 200px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .projectconceptcopuy {
    width: 55%;
    margin-left: 5%;
  }

  .column-79 {
    height: 200px;
  }

  .museproblemstatment {
    margin-top: auto;
    margin-bottom: auto;
  }

  .column-81 {
    height: 200px;
    background-position: 50%;
    background-size: auto;
  }

  .column-82, .column-83, .column-84, .column-85, .column-836, .column-837 {
    height: 200px;
  }

  .column-838 {
    height: 200px;
    margin-bottom: 4%;
  }

  .navigationprojectdetailspage {
    width: 90%;
    height: 80px;
    margin-bottom: -50px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .contactlink {
    margin-left: 0;
    margin-right: 0;
    padding: 10px;
    font-size: 12px;
  }

  .contactlink.w--current {
    font-size: 12px;
  }

  .heading-21 {
    width: 100%;
    box-shadow: none;
    margin-top: 0%;
  }

  .link {
    width: auto;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
  }

  .projectheadtext1-tablet {
    margin-top: 45%;
    margin-bottom: 144px;
  }

  .text-block-3 {
    padding: 10%;
  }

  .colorspectrumcolumn {
    margin-top: -53%;
    margin-bottom: 35%;
    margin-right: auto;
  }

  .colorcolumn1 {
    height: auto;
    text-align: left;
    margin-top: 5%;
  }

  .colorcolumn2 {
    height: 200px;
    background-size: cover;
    margin-bottom: 2%;
  }

  .colorcolumn3 {
    height: 200px;
    margin-top: 2%;
  }

  .colorcolumn4, .colorcolumn5, .colorcolumn6, .colorcolumn7, .colorcolumn8, .colorcolumn9, .colorcolumn10 {
    height: 200px;
  }

  .colorcolumn11 {
    height: 200px;
    margin-bottom: 4%;
  }

  .transportcolumn1 {
    height: 200px;
    background-size: cover;
  }

  .transportproccessimg {
    height: auto;
  }

  .transportstoryboardimg, .transportcolumn4, .transportcolumn5, .transportcolumn6, .transportcolumn7, .transportcolumn8 {
    height: 200px;
  }

  .transportcolumn9 {
    height: 200px;
    margin-bottom: 4%;
  }

  .goldensnacksvideo {
    width: 100%;
    margin-top: 15%;
  }

  .gscolumnsection1 {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
  }

  .gscolumn1 {
    height: auto;
    text-align: left;
    margin-top: auto;
  }

  .gscolumn2 {
    height: auto;
    background-image: none;
    margin-top: auto;
  }

  .gsparagraph {
    width: 90%;
    margin-left: auto;
    margin-right: 5%;
  }

  .gsoverview {
    width: 55%;
    text-align: left;
    margin-left: 5%;
  }

  .image-24 {
    width: 98%;
    height: 180px;
    margin-top: -68%;
    margin-left: 1%;
  }

  .div-block-5 {
    margin-top: 142%;
  }

  .gsvideoinfo {
    width: 70%;
    text-align: left;
    margin-bottom: -75px;
    margin-left: 5%;
  }

  .gsoverviewbody {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .gsdisable {
    margin-top: 0%;
  }

  .gsunvalidatedprob {
    width: 55%;
    margin-left: 5%;
  }

  .gsprobstatment {
    width: 90%;
    margin-left: auto;
    margin-right: 5%;
  }

  .gstargetaudiance {
    width: 55%;
    margin-left: 5%;
  }

  .gspersonastitle {
    width: 100%;
    text-align: left;
    margin-left: auto;
  }

  .image-25 {
    width: 50%;
    height: auto;
  }

  .gspersonaname1 {
    width: 55%;
    margin-left: 5%;
  }

  .gspersonadetails {
    width: 90%;
    margin-left: auto;
    margin-right: 5%;
  }

  .gspersonaheadlines {
    width: 55%;
    margin-left: 5%;
  }

  .gsdiscoveries {
    margin-left: auto;
  }

  .gsquestions {
    width: 55%;
    margin-left: 5%;
  }

  .gsquestionanswers, .gsdiscoverieslist {
    width: 90%;
    margin-left: auto;
    margin-right: 5%;
  }

  .gsinterviewquestions {
    width: 90%;
    margin-top: 15%;
    margin-bottom: 15%;
    margin-left: auto;
  }

  .columns-15 {
    width: 100%;
    margin-left: auto;
  }

  .column-842 {
    margin-top: auto;
  }

  .column-843, .column-844, .column-845 {
    height: 200px;
  }

  .gssynthisizeddata {
    width: 100%;
    text-align: left;
    margin-top: 15%;
    margin-bottom: 5%;
    margin-left: auto;
  }

  .synthesizeduserdatasecion, .clusteringdatags {
    height: 200px;
    background-size: cover;
  }

  .gstheproblemagain {
    width: 55%;
    margin-left: 5%;
  }

  .empathymapsecion {
    margin-bottom: auto;
  }

  .empathymap {
    width: 55%;
    margin-left: 5%;
  }

  .image-26 {
    width: 50%;
    height: auto;
    margin-left: auto;
  }

  .gsempathymapname {
    width: 90%;
    margin-left: auto;
    margin-right: 5%;
  }

  .gsempathymapheadlines {
    width: 100%;
    margin-top: 15%;
    margin-left: auto;
  }

  .gsempathymapdetails {
    width: 100%;
    margin-left: auto;
    margin-right: 5%;
  }

  .section-6 {
    margin-top: -248%;
  }

  .gsconceptsfeedbackcolumns {
    width: 100%;
    margin-left: auto;
  }

  .gsconcept1pic {
    height: 250px;
    background-size: 140%;
    margin-top: 15%;
  }

  .conceptsandfeedback, .gsconcepts {
    width: 55%;
    margin-left: 5%;
  }

  .gsconcept2, .gsconcept3 {
    height: 250px;
    background-size: 140%;
  }

  .gsuseabilityphoto {
    background-position: 25%;
    background-size: cover;
    border-radius: 15px;
  }

  .gsuserinsights {
    width: 55%;
    margin-top: -183%;
    margin-left: 5%;
  }

  .gsuserinsightsimages {
    height: 200px;
    background-size: 180%;
  }

  .button-4 {
    width: 90%;
    margin-left: 5%;
  }

  .div-block-11 {
    height: 200px;
    margin-left: auto;
  }

  .button-5 {
    width: 50%;
    margin-top: 14%;
    margin-left: 25%;
  }

  .gshighfadelity {
    height: 650px;
    background-size: 120%;
  }

  .gsbranding {
    width: 100%;
  }

  .sunflakes {
    width: 100px;
    height: 100px;
    text-align: left;
    margin-top: 15%;
  }

  .eveningsky, .newborn, .overcast, .base-grey {
    width: 100px;
    height: 100px;
  }

  .columns-20 {
    margin-left: auto;
  }

  .gspersonaname2, .gstheinterviews, .gsthediscoveries {
    width: 55%;
    margin-left: 5%;
  }

  .gsproductdirection {
    width: 40%;
    margin-left: 5%;
    display: block;
  }

  .initial-sketches {
    width: 55%;
    margin-top: 162%;
    margin-left: 5%;
  }

  .gsconcepts-and-feedback, .usability-testing, .gsusabilitytesting, .gssynthesisclustering {
    width: 55%;
    margin-left: 5%;
  }

  .gscolorpalette {
    width: 100%;
    margin-left: 0;
  }

  .fonts {
    height: 400px;
    background-position: 50%;
    background-size: contain;
    margin-top: 10%;
  }

  .gsclusteringuserinsightssecion {
    margin-bottom: auto;
  }

  .image-27, .image-28 {
    height: auto;
  }

  .gslogoicons {
    width: 100%;
    margin-top: auto;
    margin-left: auto;
    font-size: 25px;
  }

  .prodcutdirection, .column-848 {
    margin-top: auto;
  }

  .gsinitialsketchessecion {
    margin-top: 15%;
    margin-bottom: 15%;
  }

  .musecolumn2 {
    width: 90%;
    float: none;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 5%;
    display: none;
    position: static;
  }

  .musecolumns1 {
    width: 90%;
    margin: auto;
  }

  .musecolumn1 {
    height: 200px;
    background-size: cover;
    margin-top: 2%;
  }

  .musecolumn3 {
    height: 200px;
    margin-top: auto;
    display: block;
  }

  .musecolumn4, .musecolumn5talent {
    height: 200px;
  }

  .musecolumn5 {
    text-align: center;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    margin-top: 2%;
    display: block;
  }

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

  .musiccolumnfindings {
    width: 90%;
    margin: 15% auto auto;
    display: block;
  }

  .musicnarratives {
    width: 90%;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 40px;
  }

  ._360videolaunchbutton {
    width: 70%;
    margin-top: 20%;
    margin-bottom: 20%;
    margin-left: 15%;
  }

  .oscarwildnarrative {
    width: 90%;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .oscarwildnarrativesecion {
    width: 100%;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0;
  }

  .solalunanarrative {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .musicnarrativeblock {
    width: 90%;
    height: auto;
    float: none;
    margin-top: 15%;
    margin-bottom: auto;
    margin-left: auto;
    position: static;
  }

  .backtotopmuse {
    width: auto;
    height: auto;
    margin-top: 142px;
    margin-bottom: auto;
    margin-left: 0%;
  }

  .backtotopmuse2 {
    width: 90%;
    margin-top: auto;
  }

  .backtotopmuse3 {
    width: 100%;
    margin: 462px auto auto;
  }

  .apsvsnarrativeblog {
    width: 100%;
    height: 36%;
    margin: auto;
  }

  .solalunanarrative2 {
    width: 100%;
    margin: auto;
  }

  .gsdivblock4 {
    margin-top: 87%;
  }

  .gsdiv-block-6-copy {
    margin-top: 45%;
  }

  .gsdivblock7 {
    margin-top: auto;
  }

  .gssecion7 {
    width: 90%;
    margin-top: auto;
    margin-left: 5%;
  }

  .gshighfadelitytitle {
    width: 80%;
    margin-top: -139%;
    margin-left: 5%;
  }

  .gsfinalscreenmockvideo {
    margin-top: 183%;
    margin-bottom: 44%;
  }

  .gsquestionsdiv {
    margin-bottom: auto;
  }

  .gsdiscoverieslist2 {
    width: 90%;
    margin-top: 71%;
    margin-left: auto;
    margin-right: 5%;
  }

  .gspersonasdiv {
    margin-top: auto;
  }

  .musebuttonwarning {
    width: 90%;
    margin: 2% 5% 10% auto;
    font-size: 15px;
  }

  .gsemail-section {
    width: 100%;
    height: auto;
    max-width: none;
    flex-direction: column;
    align-items: center;
    margin-top: 15%;
    margin-bottom: 15%;
    display: flex;
  }

  .museemail-section {
    width: 100%;
    max-width: none;
    flex-direction: column;
    align-items: center;
    margin-top: 5%;
    margin-bottom: 5%;
    display: flex;
  }

  .transportemailesction {
    width: 100%;
    max-width: none;
    flex-direction: column;
    align-items: center;
    margin-top: auto;
    margin-bottom: 10%;
    display: flex;
  }

  .csemailsecion {
    width: 100%;
    max-width: none;
    flex-direction: column;
    align-items: center;
    margin-top: -60%;
    margin-bottom: 35%;
    margin-left: 0;
    display: flex;
  }

  .logohomebacktotop {
    width: 50%;
    max-width: none;
    flex-direction: column;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    display: flex;
    box-shadow: 0 10px 20px -10px #dac7ff;
  }

  .st1, .st2 {
    height: 200px;
  }

  .image-29, .image-30 {
    width: 100%;
  }

  .kidstreats {
    width: 68%;
    margin-bottom: 41%;
    margin-left: 16%;
  }

  .adulttreats {
    width: 74%;
    margin-bottom: 44%;
    margin-left: 13%;
  }

  .stadulttreatsgifgridmobile {
    width: 90%;
    text-align: left;
    margin-top: 2%;
    margin-bottom: 15%;
  }

  .stconceptcolumndesktop {
    width: 98%;
    margin: auto;
  }

  .section-10 {
    margin: 15% auto 5%;
  }

  .stcolimg1 {
    height: 200px;
    background-position: 50%;
    background-size: cover;
    margin-top: auto;
    margin-bottom: auto;
  }

  .stcolumn2 {
    width: 90%;
    margin: auto;
    display: block;
  }

  .stcolumn2img {
    height: 200px;
    background-position: 50%;
    background-size: cover;
    margin-top: auto;
    margin-bottom: auto;
  }

  .section-11 {
    margin: auto;
  }

  .hotelvisualvideoplayer {
    height: 200px;
    margin-top: auto;
  }

  .csvimeoplayer {
    height: auto;
    margin-top: 0;
  }

  .mosvimeoplayer {
    height: 200px;
    margin-bottom: 0%;
  }

  .moscolumns1 {
    margin-top: 114%;
    margin-bottom: 35%;
    margin-right: auto;
  }

  .moscolumns2 {
    margin-top: -209%;
  }

  .moscolumnpic1 {
    height: 200px;
    background-size: cover;
    margin-top: 4%;
  }

  .moscolumnpic2, .moscolumnpic3 {
    height: 200px;
  }

  .moscolumnpic4 {
    height: 200px;
    background-size: 60%;
  }

  .mostm {
    width: 50%;
    margin-left: 5%;
  }

  .mossketches {
    width: 55%;
    margin-left: 5%;
  }

  .mosbranding {
    width: 56%;
    margin-left: 22%;
  }

  .moscolumnpic5, .moscolumnpic6, .moscolumnpic7 {
    height: 200px;
  }

  .moscolumnpic8 {
    height: 200px;
    background-size: 45%;
  }

  .moscolorvarients {
    background-size: 180%;
  }

  .moslogocolors, .mostype2 {
    height: 200px;
  }

  .moslogowithtype {
    margin-top: 0%;
  }

  .moslogotypelockup, .moscolumnpic9, .moscolumnpic10 {
    height: 200px;
  }

  .moscolumns11 {
    margin-top: 0%;
  }

  .moscolumnpic11 {
    height: 200px;
  }

  .moscolumnpic12 {
    height: 200px;
    background-size: 140%;
  }

  .mostoplink {
    width: auto;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0%;
  }

  .mosminsize {
    width: 55%;
    margin-left: 5%;
    margin-right: 20px;
  }

  .moslogoclear {
    width: 60%;
    margin-left: 5%;
    margin-right: 20px;
  }

  .mostypeuse {
    width: 55%;
    margin-left: 5%;
  }

  .mosfinallogotitle, .moslogoideatetype, .mosinitialsketches, .mospersona {
    width: 55%;
    margin-left: 5%;
    margin-right: 20px;
  }

  .mosproblem {
    width: 63%;
    margin-left: 5%;
    margin-right: 20px;
  }

  .mosprocess {
    width: 55%;
    margin-left: 5%;
    margin-right: 20px;
  }

  .mosconcept {
    width: 55%;
    margin-left: 5%;
  }

  .moslogotypelock {
    width: 60%;
    margin-left: 5%;
    margin-right: 20px;
  }

  .mosanimated {
    width: 50%;
    margin-left: 5%;
  }

  .column-850, .column-851, .column-852 {
    height: 200px;
  }

  .museoverview {
    width: 100%;
    text-align: left;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 35px;
    font-weight: 700;
  }

  .musedifferenttitle {
    width: 100%;
    margin-top: 13%;
    margin-left: auto;
  }

  .museinspo {
    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .museproblemtitle {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .musetalent {
    width: 100%;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .musesolatitle {
    width: 100%;
    margin: auto;
  }

  .museapsustitle {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .museoscartitle {
    width: 90%;
    text-align: left;
    margin-left: 5%;
  }

  .museinterviewtitle {
    width: 100%;
    margin: auto auto auto 0;
  }

  .musefindings {
    width: 100%;
    margin: auto;
  }

  .gsicontitle {
    width: 60%;
    height: auto;
    margin-top: -25%;
    margin-bottom: 82px;
    margin-left: 20%;
  }

  .gsconcept1 {
    width: 100%;
    margin-top: 0%;
    margin-bottom: auto;
    margin-left: auto;
  }

  .gsconcpets {
    margin-top: auto;
  }

  .gsaboutprojecttop {
    height: 200px;
    margin-top: -166%;
    margin-left: auto;
  }

  .navhomemobile {
    width: 100%;
    height: 80px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .navprojectpagemobile {
    width: 90%;
    height: 80px;
    margin-bottom: -50px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .navitemsmobile {
    width: 100%;
    background-color: rgba(255, 255, 255, .8);
    justify-content: space-between;
    margin: 4% auto;
  }

  .gstypefont {
    width: 100%;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px;
  }

  .gsbusinessgoals {
    width: 100%;
    margin-top: 25%;
    margin-left: auto;
  }

  .gsproductgoals {
    width: 100%;
    margin-top: 15%;
    margin-left: auto;
  }

  .gsproductdirectiondetails {
    width: 100%;
    margin-left: auto;
  }

  .gspdplatforms {
    width: 55%;
    margin-left: 5%;
  }

  .stprocessoverlapyfix {
    margin-top: auto;
  }

  .stheaders {
    width: 100%;
    height: 50%;
    margin: 20% auto auto;
  }

  .stcontainer {
    height: 200px;
    margin: auto;
    display: block;
  }

  .stpragraphabout {
    width: 90%;
    margin-top: auto;
    margin-left: auto;
    margin-right: 5%;
  }

  .staboutspaciger {
    margin: auto;
    display: block;
  }

  .stcolmn1obj1 {
    height: auto;
    text-align: left;
    margin: auto;
  }

  .stemailsecion {
    width: 100%;
    max-width: none;
    flex-direction: column;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
  }

  .gsprojecthead {
    margin-top: -10%;
    margin-bottom: 144px;
    margin-left: -38%;
    display: block;
  }

  .gsinfosecion {
    margin-top: -33%;
    margin-bottom: -33%;
  }

  .gsinfosecion.detailsecion {
    margin-top: 15%;
    margin-bottom: 15%;
  }

  .gsdivblock {
    margin-top: 191%;
  }

  .museicon {
    width: 100%;
    margin-left: auto;
  }

  .musesummarytitle {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .museabouts {
    margin-top: -178%;
    display: none;
  }

  .musedifferent {
    height: auto;
    text-align: left;
    margin-top: auto;
    padding-left: 0;
    display: block;
  }

  .museinspocolumn {
    margin-top: 15%;
    padding-left: 0;
    padding-right: 0;
  }

  .csaboutcontainer {
    height: 200px;
    margin-top: -99%;
    display: block;
  }

  .csprojecthead {
    margin-top: -122%;
    margin-bottom: 144px;
  }

  .csprojecthead2 {
    margin-top: 40%;
    margin-bottom: 173px;
  }

  .csaboutcontainer2 {
    height: 200px;
    margin-top: -99%;
    display: block;
  }

  .musebacktop {
    width: auto;
    height: auto;
    margin: auto;
  }

  .gshighfadelitysection {
    margin-bottom: auto;
    display: block;
  }

  .mossecion {
    margin-top: -33%;
    margin-bottom: -33%;
  }

  .mossecion.detailsecion {
    margin-top: 46%;
    margin-bottom: 0%;
  }

  .mosprojectheaders {
    margin-top: 317%;
    margin-bottom: 30px;
  }

  .moseheader {
    height: 200px;
    margin-top: 237%;
    display: none;
  }

  .mosprojectheader {
    margin-top: 7%;
    margin-bottom: 10px;
  }

  .lhsecion {
    margin-top: -33%;
    margin-bottom: -33%;
  }

  .lhsecion.detailsecion {
    width: 98%;
    margin-top: 46%;
    margin-bottom: 0%;
  }

  .lhprojecthead {
    height: 5%;
    margin-top: 66%;
    margin-bottom: 15px;
  }

  .lhprojecthead2 {
    margin-top: 3%;
    margin-bottom: 47px;
  }

  .gsprojecthead2 {
    margin-top: 45%;
    margin-bottom: 144px;
  }

  .div-block-17 {
    width: auto;
    margin-top: 56px;
    display: block;
  }

  .aboutprojectcolumnsmobile {
    width: 176px;
    margin-top: 18%;
    margin-left: 5%;
    display: block;
  }

  .aboutdescription {
    width: 90%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
  }

  .transportabout {
    height: 200px;
    margin-top: 237%;
    display: none;
  }

  .gsheaderfix {
    display: none;
  }

  .fuck {
    margin-top: -118%;
    margin-bottom: 35%;
    margin-right: auto;
  }

  .fuckyou {
    width: 55%;
    margin-left: 5%;
  }

  .csaboutcontainer3 {
    height: 200px;
    margin-top: -99%;
    display: block;
  }

  .image-32 {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  .image-33 {
    float: left;
    position: relative;
  }

  .column-853 {
    height: 200px;
    background-image: url('../images/poeticAIInsporation.JPG');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .museinspirationcolumn {
    width: 90%;
    margin: auto;
  }

  .musetalentcolumndesktop {
    width: 90%;
    float: none;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    margin: auto;
    display: none;
    position: static;
  }

  .musehowdifferentsection {
    width: 90%;
    margin-top: auto;
    margin-bottom: auto;
  }

  .musehowdifferentsection.detailsecion {
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    overflow: visible;
  }

  .section-12 {
    width: 100%;
    margin-top: 2%;
  }

  .museproblemcolumn {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
  }

  .musecolumn5talent-copy {
    height: auto;
    margin-top: 15%;
  }

  .musefindingsparagraph {
    width: 100%;
    margin: auto;
  }

  .apsusnarrativeparagraph {
    width: 100%;
    margin-left: auto;
    margin-right: 5%;
  }

  .adulttreatstitledesktop {
    width: 74%;
    text-align: center;
    margin: auto;
  }

  .kidstreatstitledesktop {
    width: 68%;
    margin: auto;
  }

  .stkidstreatsgifgridmobile {
    width: 90%;
    height: auto;
    margin-top: 2%;
    margin-bottom: auto;
    display: block;
  }

  .stkidstreatsgifgridmobile.detailsecion {
    width: 100%;
    margin: auto;
    display: block;
    overflow: visible;
  }

  .csaboutprojectmobile {
    height: 200px;
    margin-top: -166%;
    margin-left: auto;
  }

  .colorspechead {
    margin-top: -10%;
    margin-bottom: 144px;
    margin-left: auto;
    display: block;
  }

  .sweettreatsmobilecolumns {
    width: auto;
    margin-top: 56px;
    display: none;
  }

  .projectconceptcolumn {
    margin: 28% auto 20%;
  }

  .projectprocess {
    width: 90%;
    margin: auto;
  }

  .museoverviewdescript {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .logohomeconceptimg {
    height: 200px;
    background-size: cover;
  }

  .logohomeprocessimg {
    height: 800px;
  }

  .logohomestoryboardimg {
    height: 200px;
  }

  .transportconceptimg {
    height: 200px;
    background-size: cover;
  }

  .projectprocesscolumnmobile {
    margin-top: auto;
  }

  .logohomeprocessmobiledescrip {
    height: 800px;
  }

  .musehowdifferentimg {
    height: 200px;
    background-position: 50%;
    background-size: cover;
  }

  .musehowdifferent {
    height: auto;
    text-align: left;
    margin-top: -20%;
  }

  .inspirationdesktoppic {
    height: auto;
  }

  .talentnames {
    width: 90%;
    margin: auto;
  }

  .tallentheadshots {
    width: 60%;
  }

  .museheadshot2 {
    margin-top: 20%;
    margin-bottom: auto;
  }

  .museheadshot1 {
    text-align: center;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    margin-top: 2%;
    display: block;
  }

  .museproblemcolumnmobile {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .museinspirationcolumnmobile {
    width: 98%;
    margin: 2% auto auto;
  }

  .projectinspirationmobile {
    width: 90%;
    margin: auto;
  }

  .link-2, .link-3, .link-4 {
    font-size: 25px;
  }

  .musetalentcolumnmobile {
    width: 98%;
    float: none;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    margin: auto;
    display: block;
    position: static;
  }

  .transportprocessmobile {
    margin-top: auto;
  }

  .transportprocessmobilegif {
    height: 200px;
    margin-top: auto;
    margin-bottom: auto;
    position: static;
  }

  .apsvsmusicchoice {
    height: auto;
  }

  .musicchoicedescriptmobile {
    width: 90%;
    margin: auto;
  }

  .musicchoicemobile {
    width: 90%;
    text-align: left;
    margin: auto;
  }

  .column-82-copy {
    height: 200px;
  }

  .colorspectrumbacktotop {
    width: 100%;
    max-width: none;
    flex-direction: column;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
  }

  .colorspectrumconceptgif {
    height: 200px;
    background-size: cover;
  }

  .colorspectrumproccessmobile {
    margin-top: -215%;
  }

  .colorspectrummobilegif {
    height: 200px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .colorspectrumstoryboard {
    margin-top: auto;
    margin-bottom: auto;
  }

  .colorspectrumconceptcontainer {
    height: auto;
    text-align: left;
    margin-top: -20%;
  }

  .goldensnackssummarytitle {
    width: 90%;
    margin: 15% auto;
  }

  .goldensnacksvideoplayer {
    height: 200px;
    margin-top: auto;
  }

  .goldensnacksfinalscreens {
    width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    font-size: 35px;
    font-weight: 700;
  }

  .goldensnacksoverviewdescript {
    width: 100%;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .gstitletext {
    text-align: left;
  }

  .gsprodcutdetials {
    width: 100%;
    margin-left: auto;
    margin-right: 5%;
  }

  .productdirectioncolumn {
    width: 100%;
    margin-left: auto;
  }

  .gssynthisizeddata-copy {
    width: 55%;
    margin-left: 5%;
  }

  .goldensnacksicon {
    width: 90%;
    height: auto;
    margin-left: auto;
  }

  .gsdescriptmobile {
    width: 100%;
    margin: auto;
  }

  .mosconceptgif {
    height: 200px;
    background-size: cover;
  }

  .mosprocessgif {
    height: auto;
  }

  .mospersonapic {
    height: 800px;
  }

  .mosproblemgif {
    height: 200px;
    background-size: cover;
  }

  .mostargetmarkettitle {
    width: 90%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .mostargetmarketbodycopy {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .mosinnitialsketches {
    height: 200px;
    background-size: cover;
  }

  .moslogoconcepts {
    height: 800px;
  }

  .mostargetmarketslide {
    width: 100%;
    margin: 15% auto;
  }

  .moslogosecion {
    margin-top: -215%;
  }

  .moslogopic {
    height: 200px;
    background-size: contain;
  }

  .mostypeuse2 {
    height: 200px;
  }

  .moslogotypelockupsecion {
    margin-top: -215%;
  }

  .moslogolockup {
    height: 800px;
  }

  .mosclearspace {
    height: 200px;
    background-size: cover;
  }

  .moslogotypelockupsecion-copy {
    margin-top: -215%;
  }

  .moslogosizeguide {
    height: 800px;
  }

  .moslogoforbbidenuse {
    height: 200px;
    background-size: 150%;
  }

  .mosanimated2 {
    height: 200px;
  }

  .transportprocessdesktop-copy {
    margin-top: -215%;
  }

  .mosprocessmobile, .mosprocesstab {
    height: 200px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .mospersonamobile {
    height: auto;
    text-align: left;
    margin-top: -20%;
  }

  .mosprocessdekstop {
    margin-top: -215%;
  }

  .sweettreatsprocesstextfix {
    width: 90%;
    margin: auto;
  }

  .stcolumn1-mobile {
    width: 98%;
    margin: auto;
  }

  .stmobilecocnept {
    height: 704px;
    background-image: none;
    margin-top: auto;
    margin-bottom: auto;
  }

  .stmobiletopgif {
    height: 200px;
    text-align: left;
    margin: 5% auto auto;
  }

  .museimprocessmobile {
    margin-top: auto;
  }

  .mosproblemmobile {
    height: 200px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .mosclearspacemobile {
    height: auto;
    text-align: left;
    margin-top: -20%;
  }

  .projectconcept-copy {
    width: 90%;
    text-align: left;
    margin: auto;
  }

  .mospersonamobilecolumn {
    margin: 28% auto 20%;
  }

  .mosproblemgif-copy, .mosepersonamobilepic {
    height: 200px;
    background-size: cover;
  }

  .mosesketchtitle {
    height: auto;
    text-align: left;
    margin-top: -20%;
  }

  .mospersonamobileffixed {
    margin-top: 15%;
  }

  .museiumconcept {
    height: auto;
    text-align: left;
    margin-top: -20%;
  }

  .mosproblemmobilepic {
    height: 200px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .mosproblemmobilefix {
    margin-top: 15%;
  }

  .moseproblemdescrip {
    width: 90%;
    margin: auto;
  }

  .personamobile {
    height: 200px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .moselogoideationmobile {
    margin: 28% auto 20%;
  }

  .moselogoprocessesmobile {
    height: 200px;
    background-size: contain;
  }

  .muselogomobilelockup, .musedekstoptypelogolockup {
    height: 200px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .moslogotypelockupsecionmobile {
    margin-top: -215%;
  }

  .projnav_venmo {
    height: 200px;
    background-size: auto 200px;
    margin-bottom: 20px;
  }

  .projnav_2am {
    height: 200px;
    background-color: #d9eaff;
    background-size: auto 200px;
    margin-bottom: 20px;
  }

  .desktop_staytionnavlink {
    width: 96%;
    height: 200px;
    background-color: #dde6f5;
    background-image: url('../images/staytionProjCoverImg.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 1%;
    margin-bottom: 0%;
    margin-left: auto;
  }

  .projnav_hyatt {
    height: 200px;
    clear: both;
    background-color: #d9eaff;
    background-position: 50%;
    background-size: auto 200px;
    margin-bottom: 20px;
  }

  .desktop_2projcolumn {
    width: 96%;
    height: 200px;
    margin-top: 2%;
    margin-bottom: 0%;
    margin-left: auto;
  }

  .projnav_moscolumn {
    height: 100%;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .projnav_musecolumn {
    height: 100%;
  }

  .tablet_venmo {
    width: 96%;
    height: 200px;
    background-color: #dde6f5;
    background-image: url('../images/Hero01_DeMain_0000.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 2%;
    margin-bottom: 0;
    margin-left: auto;
  }

  .tablet_goldensnacks {
    width: 96%;
    height: 200px;
    background-color: #dde6f5;
    background-image: url('../images/GSendPlate_01891.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 2%;
    margin-left: auto;
  }

  .aboutme_nametxt {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 36px;
    line-height: 48px;
  }

  ._404title {
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0%;
    padding-right: 0%;
    font-size: 36px;
    line-height: 48px;
  }

  .underconstrutionblock {
    width: 100%;
  }

  .image-34 {
    width: 100%;
    margin-top: 10%;
    margin-bottom: 10%;
  }

  .error404_backhome {
    width: 90%;
    max-width: none;
    flex-direction: column;
    align-items: center;
    margin-top: 10%;
    margin-bottom: auto;
    margin-left: auto;
    display: flex;
    box-shadow: 0 10px 20px -10px #dac7ff;
  }

  .error401_backhome {
    width: 75%;
    max-width: none;
    flex-direction: column;
    align-items: center;
    margin-top: 10%;
    margin-bottom: auto;
    margin-left: auto;
    display: flex;
    box-shadow: 0 10px 20px -10px #dac7ff;
  }

  .questionmarkimg {
    width: 100%;
  }

  .hyett_overviewpanel {
    width: 90%;
    margin: 15% auto;
  }

  .hyattsoma3prompts {
    margin-top: -33%;
    margin-bottom: -33%;
  }

  .hyattsoma3prompts.detailsecion {
    margin-top: 15%;
    margin-bottom: 15%;
  }

  .hyattsoma3objectivescolumn {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
  }

  .etherealfog01 {
    height: 200px;
    background-size: cover;
  }

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

  .fogdeliverableclip01 {
    width: 100%;
    margin-top: 15%;
  }

  .colrofulpainterly01 {
    height: 800px;
  }

  .colorfulpainhero {
    height: 200px;
    background-size: cover;
  }

  .hotelfogherosection {
    margin-top: -215%;
  }

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

  .cityllights01 {
    height: 200px;
    background-size: cover;
  }

  .hotelcitylightsherosection {
    margin-top: -215%;
  }

  .citylightshero {
    height: 200px;
    background-size: cover;
  }

  .citylightstabletcolumn {
    margin: 28% auto 20%;
  }

  .hotelvideogifhero, .staytion_icon {
    width: 80%;
    margin-left: auto;
  }

  ._3dlink {
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    font-size: 12px;
  }

  .navrithtcontent {
    margin-right: 5%;
  }

  .image-46 {
    margin: 5% auto;
    display: block;
  }

  .background-video {
    margin-top: 5%;
    margin-bottom: 5%;
    display: block;
    overflow: hidden;
  }

  ._3dcontainer-top {
    max-width: 98%;
    text-align: left;
    display: block;
  }

  .first3ditemlisting {
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: auto;
    display: block;
  }

  ._3dcontainer-top-copy {
    max-width: 98%;
    text-align: left;
    display: block;
  }

  ._3dcontainer-inner {
    max-width: 98%;
    text-align: left;
    margin-top: 0;
    margin-bottom: 2.5%;
    display: block;
  }

  .image-46lifted, .leftsideimage3dpg {
    margin: 5% auto;
    display: block;
  }

  .div-block-18 {
    text-align: center;
    display: block;
    position: relative;
  }

  .subhovertitle {
    width: 90%;
    color: rgba(255, 255, 255, .65);
    margin-left: auto;
    margin-right: auto;
    padding-top: 0%;
    padding-bottom: 0%;
    font-size: 15px;
    line-height: 25px;
  }

  .div-block-19 {
    width: 100%;
    height: auto;
    border-radius: 15px;
    margin: auto;
  }

  .image-47 {
    text-align: center;
    border-radius: 15px;
    margin: auto;
    position: relative;
  }

  .staytionicongridclass {
    width: 40%;
    margin-left: 8%;
    margin-right: auto;
    display: inline-block;
  }

  .background-video-2 {
    width: 80%;
    height: 500px;
    margin-left: 10%;
    margin-right: 10%;
  }

  .staytionuiavetypes-alt {
    width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    font-size: 35px;
  }

  .staytionuiavetypes-alt.staytionuiavetypes-leftalt {
    font-size: 35px;
  }

  .staytion_uiavedescrip {
    width: 100%;
    margin-bottom: 10%;
    margin-left: auto;
    margin-right: auto;
  }

  .staytionuiimagegrid {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }

  .staytionpromovideo, .staytionpromovideo-alignalt {
    width: 100%;
    margin-top: 15%;
  }

  .staytionuiavetypes-leftalt {
    width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    font-size: 33px;
  }

  .softwareindicatortext {
    width: 100%;
  }

  .styationcentertitle {
    width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    font-size: 35px;
    font-weight: 700;
  }

  .backtotop2-0 {
    width: 100%;
    height: auto;
    margin-top: 10%;
    margin-bottom: 10%;
    display: block;
  }

  .backtotop2-0.detailsecion {
    width: 100%;
    margin: auto;
    display: none;
    overflow: visible;
  }

  .staytionbrandbutton {
    width: 52%;
    margin-top: 10%;
    margin-bottom: 10%;
    margin-left: auto;
    font-size: 20px;
  }

  .slider {
    width: 100%;
    height: 150px;
  }

  .image-46-horizontal, .photographystartimg {
    margin: 5% auto;
    display: block;
  }

  .staytionxcloudicons {
    width: 100%;
    margin-top: 10%;
    margin-bottom: 10%;
    margin-left: auto;
  }

  .facebookads {
    height: 300px;
  }

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

  .image-49 {
    width: 100%;
  }

  ._2am_conceptsection {
    height: 200px;
    background-position: 50%;
    background-size: cover;
  }

  ._2am_ourprocess {
    height: auto;
  }

  ._2am_theconcept, ._2am_process {
    height: auto;
    text-align: left;
    margin-top: -20%;
  }

  .transportprocessdesktop-copy {
    margin-top: -215%;
  }

  ._2amprocess {
    height: 200px;
    margin-top: auto;
    margin-bottom: auto;
  }

  ._2amprocess_mobile, ._2amconcept {
    margin: 28% auto 20%;
  }
}

#w-node-_9b2922ad-09b1-aebb-0430-7dee623c62c1-5b6cd8d5 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_9b2922ad-09b1-aebb-0430-7dee623c62c8-5b6cd8d5 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-dac044b7-be90-60f3-414d-4224828ffd8a-5b6cd8d5 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-dac044b7-be90-60f3-414d-4224828ffd8f-5b6cd8d5 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-dac044b7-be90-60f3-414d-4224828ffd90-5b6cd8d5 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-dac044b7-be90-60f3-414d-4224828ffd99-5b6cd8d5 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-dac044b7-be90-60f3-414d-4224828ffda1-5b6cd8d5 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-dac044b7-be90-60f3-414d-4224828ffda6-5b6cd8d5 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-dac044b7-be90-60f3-414d-4224828ffdd8-5b6cd8d5 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-dac044b7-be90-60f3-414d-4224828ffe12-5b6cd8d5 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_76ba38e4-2715-c796-e82b-8239d41d1e9d-5b6cd8d5, #w-node-_76ba38e4-2715-c796-e82b-8239d41d1e9d-5b6cd8d5:active {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_76ba38e4-2715-c796-e82b-8239d41d1e9e-5b6cd8d5 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_76ba38e4-2715-c796-e82b-8239d41d1e9f-5b6cd8d5 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_76ba38e4-2715-c796-e82b-8239d41d1ea0-5b6cd8d5 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_76ba38e4-2715-c796-e82b-8239d41d1ea1-5b6cd8d5 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_76ba38e4-2715-c796-e82b-8239d41d1ea2-5b6cd8d5 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_76ba38e4-2715-c796-e82b-8239d41d1ea3-5b6cd8d5 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_76ba38e4-2715-c796-e82b-8239d41d1ea4-5b6cd8d5 {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-d783a17e-0b35-a13a-0448-a852d0df4a32-d0df4a24 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-d783a17e-0b35-a13a-0448-a852d0df4a36-d0df4a24 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-d783a17e-0b35-a13a-0448-a852d0df4a3a-d0df4a24 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-4d6cd8d8 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc4-4d6cd8d8 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-4d6cd8d8 {
  grid-area: 2 / 3 / 3 / 5;
}

#w-node-b915ad84-715b-fc9d-8156-ee63d52fd22b-4d6cd8d8 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_9fda4a37-cb21-e2a1-58de-88a206fa61ae-4d6cd8d8 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e04ad15a-d867-ab97-5a81-9b73997e5119-496cd8ce {
  grid-area: 1 / 1 / 2 / 7;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_1b91e997-95ba-6a30-9709-f3d8a0353f2a-496cd8ce {
  grid-area: 2 / 1 / 3 / 3;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_84b4d8d3-4676-0f6d-15b4-f4e4de3c4d82-496cd8ce {
  grid-area: 3 / 1 / 4 / 4;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_7743fbb3-3287-3e3b-66f0-dd21157818ea-496cd8ce {
  grid-area: 2 / 3 / 3 / 5;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_16dea4be-49d6-abe5-1c5e-72a630a9d274-496cd8ce {
  grid-area: 2 / 5 / 3 / 7;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-f70aee93-c7f2-85d0-f039-cbaba307a5c1-496cd8ce {
  grid-area: 3 / 4 / 4 / 7;
  align-self: stretch;
  justify-self: stretch;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-9f6cd8d9 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc4-9f6cd8d9 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-9f6cd8d9 {
  grid-area: 2 / 3 / 3 / 5;
}

#w-node-b915ad84-715b-fc9d-8156-ee63d52fd22b-9f6cd8d9 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_32040423-4078-1b23-6771-e6c78f8a716d-9f6cd8d9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-3a6cd8da {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc4-3a6cd8da {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-3a6cd8da {
  grid-area: 2 / 3 / 3 / 5;
}

#w-node-b915ad84-715b-fc9d-8156-ee63d52fd22b-3a6cd8da {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_1f85730f-9889-a71b-9be8-c086a8d10760-3a6cd8da {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-d93b43a2-105b-c5c0-3508-27e5e253952a-2181a0aa {
  grid-area: Area;
}

#w-node-_36e0c952-6501-468e-661f-080542affe87-29952dd3, #w-node-c191b8ab-5d66-0e7e-de59-e888bde44b01-29952dd3, #w-node-_56db4c9e-9475-1702-565b-c7fe50989644-29952dd3, #w-node-f8ba0285-ffdd-9c72-2e81-cef258b434b8-29952dd3, #w-node-e0883b8b-fddd-b9e8-7149-935901ddbedf-29952dd3, #w-node-_072871f5-4ea7-6402-87b7-c1ed42475606-29952dd3, #w-node-f77132e5-e115-9cc3-0ed1-30cebbac8328-29952dd3, #w-node-f77132e5-e115-9cc3-0ed1-30cebbac8329-29952dd3, #w-node-f77132e5-e115-9cc3-0ed1-30cebbac832a-29952dd3, #w-node-f77132e5-e115-9cc3-0ed1-30cebbac832b-29952dd3, #w-node-f77132e5-e115-9cc3-0ed1-30cebbac832c-29952dd3, #w-node-f77132e5-e115-9cc3-0ed1-30cebbac832d-29952dd3, #w-node-_6c8d101c-f790-d778-4aea-a058503cb774-29952dd3, #w-node-_6c8d101c-f790-d778-4aea-a058503cb775-29952dd3, #w-node-_6c8d101c-f790-d778-4aea-a058503cb776-29952dd3, #w-node-_6c8d101c-f790-d778-4aea-a058503cb777-29952dd3, #w-node-_6c8d101c-f790-d778-4aea-a058503cb778-29952dd3, #w-node-_64183cc9-7e6f-1d3e-0784-b084fc92e99f-299ba51b, #w-node-_9971aa01-9fd0-aaad-dab3-83ed0d939bfd-299ba51b, #w-node-_215603bc-f9c1-8723-7f0f-4ee4fe00e44a-299ba51b, #w-node-_093cc138-e2f1-151c-51d6-ffeb4e2a79ea-299ba51b, #w-node-dd747357-f0af-0593-8217-055fed59713f-299ba51b, #w-node-bdbc556e-57ed-987e-4409-6ba0e3144868-299ba51b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_9b2922ad-09b1-aebb-0430-7dee623c62c8-5b6cd8d5, #w-node-dac044b7-be90-60f3-414d-4224828ffd8f-5b6cd8d5, #w-node-dac044b7-be90-60f3-414d-4224828ffd99-5b6cd8d5 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-dac044b7-be90-60f3-414d-4224828ffdd8-5b6cd8d5 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-dac044b7-be90-60f3-414d-4224828ffe12-5b6cd8d5 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_76ba38e4-2715-c796-e82b-8239d41d1e9e-5b6cd8d5 {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_76ba38e4-2715-c796-e82b-8239d41d1ea0-5b6cd8d5 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_76ba38e4-2715-c796-e82b-8239d41d1ea1-5b6cd8d5 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_76ba38e4-2715-c796-e82b-8239d41d1ea2-5b6cd8d5 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_76ba38e4-2715-c796-e82b-8239d41d1ea3-5b6cd8d5 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_76ba38e4-2715-c796-e82b-8239d41d1ea4-5b6cd8d5 {
    grid-area: 4 / 2 / 5 / 3;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-4d6cd8d8 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc4-4d6cd8d8 {
    grid-column-end: 2;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-4d6cd8d8 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-b915ad84-715b-fc9d-8156-ee63d52fd22b-4d6cd8d8 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-e04ad15a-d867-ab97-5a81-9b73997e5119-496cd8ce {
    grid-area: 1 / 1 / 2 / 8;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-_1b91e997-95ba-6a30-9709-f3d8a0353f2a-496cd8ce {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-_84b4d8d3-4676-0f6d-15b4-f4e4de3c4d82-496cd8ce {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-_7743fbb3-3287-3e3b-66f0-dd21157818ea-496cd8ce {
    grid-area: 2 / 4 / 3 / 8;
  }

  #w-node-_16dea4be-49d6-abe5-1c5e-72a630a9d274-496cd8ce {
    grid-area: 3 / 5 / 4 / 8;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-f70aee93-c7f2-85d0-f039-cbaba307a5c1-496cd8ce {
    grid-area: 4 / 1 / 5 / 8;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-9f6cd8d9 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc4-9f6cd8d9 {
    grid-column-end: 2;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-9f6cd8d9 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-b915ad84-715b-fc9d-8156-ee63d52fd22b-9f6cd8d9 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_32040423-4078-1b23-6771-e6c78f8a716d-9f6cd8d9, #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bbf-3a6cd8da {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc4-3a6cd8da {
    grid-column-end: 2;
  }

  #w-node-_0befc76b-828c-2822-f9fa-f2c6de040bc9-3a6cd8da {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-b915ad84-715b-fc9d-8156-ee63d52fd22b-3a6cd8da {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_1f85730f-9889-a71b-9be8-c086a8d10760-3a6cd8da {
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-d783a17e-0b35-a13a-0448-a852d0df4a36-d0df4a24 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-d783a17e-0b35-a13a-0448-a852d0df4a3a-d0df4a24 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-e04ad15a-d867-ab97-5a81-9b73997e5119-496cd8ce {
    grid-area: 1 / 1 / 2 / 7;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-_1b91e997-95ba-6a30-9709-f3d8a0353f2a-496cd8ce {
    grid-area: 2 / 1 / 3 / 4;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-_84b4d8d3-4676-0f6d-15b4-f4e4de3c4d82-496cd8ce {
    grid-area: 3 / 1 / 4 / 4;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-_7743fbb3-3287-3e3b-66f0-dd21157818ea-496cd8ce {
    grid-area: 2 / 4 / 3 / 7;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-_16dea4be-49d6-abe5-1c5e-72a630a9d274-496cd8ce {
    grid-area: 3 / 4 / 4 / 7;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-f70aee93-c7f2-85d0-f039-cbaba307a5c1-496cd8ce {
    grid-area: 4 / 1 / 5 / 7;
    align-self: stretch;
    justify-self: stretch;
  }
}

@media screen and (max-width: 479px) {
  #w-node-e04ad15a-d867-ab97-5a81-9b73997e5119-496cd8ce {
    grid-area: 1 / 1 / 2 / 5;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-_1b91e997-95ba-6a30-9709-f3d8a0353f2a-496cd8ce {
    grid-area: 2 / 1 / 3 / 5;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-_84b4d8d3-4676-0f6d-15b4-f4e4de3c4d82-496cd8ce {
    grid-area: 5 / 1 / 6 / 5;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-_7743fbb3-3287-3e3b-66f0-dd21157818ea-496cd8ce {
    grid-area: 4 / 1 / 5 / 5;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-_16dea4be-49d6-abe5-1c5e-72a630a9d274-496cd8ce {
    grid-area: 3 / 1 / 4 / 5;
    align-self: stretch;
    justify-self: stretch;
  }

  #w-node-f70aee93-c7f2-85d0-f039-cbaba307a5c1-496cd8ce {
    grid-area: 6 / 1 / 7 / 5;
    align-self: stretch;
    justify-self: stretch;
  }
}