:root {
  --black: black;
  --mobile-cs-stroke: #575757;
  --gainsboro: gainsboro;
  --white: white;
  --silver: #b6b6b6;
  --steel-blue: #1d89bd;
  --nav-orange: #cf4520;
  --yellow: #f4a537;
  --medium-orchid: #9855b4;
  --medium-sea-green: #42b56e;
  --dodger-blue-2: #2a97fe;
  --suva-grey: #8b8b8b;
  --dark-green: #203f4b;
  --st-tropez: #2a4a6e;
  --catalina: #233d5a;
  --dark-slate-grey: #394047;
  --night-rider: #2f2f2f;
  --dodger-blue: #5090cf;
  --nav-green: #14b2bc;
}

.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: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a {
  text-decoration: underline;
}

.hello-header {
  width: 100%;
  height: 1000px;
  max-height: 1000px;
  max-width: 2000px;
  min-height: auto;
  background-color: #dd3f13;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: 0;
  padding-left: 0%;
  display: flex;
  position: fixed;
  top: 0;
}

.footer {
  width: 100%;
  height: 400px;
  background-color: var(--black);
  order: 0;
  margin-top: 0;
  padding: 54px;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

.footer.phone {
  height: 456px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: "Avenirnext 06";
  display: flex;
}

.social-icons-footer {
  width: 180px;
  height: 28px;
  margin: auto 0 20%;
  position: relative;
  top: auto;
  left: auto;
}

.social-icons {
  width: 28px;
  height: 28px;
  position: relative;
  left: auto;
}

.footer-icon-twitter, .footer-icon-instagram {
  position: relative;
  left: auto;
}

.footernav {
  width: 500px;
  height: 30px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: auto;
  bottom: 0;
  left: -60px;
}

.footernav.phone {
  display: none;
}

.link-3 {
  color: #fff;
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 0;
  font-family: "Avenirnext 03";
  font-size: .875em;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  right: auto;
}

.link-4 {
  width: 100px;
  color: #fff;
  text-transform: uppercase;
  padding-left: 0;
  font-size: .875em;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  left: auto;
}

.link-5 {
  color: #fff;
  text-transform: uppercase;
  padding-left: 0;
  font-family: "Avenirnext 03";
  font-size: .875em;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  left: -18px;
}

.link-6 {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  padding-left: 0;
  font-family: "Avenirnext 03";
  font-size: .875em;
  font-weight: 600;
  text-decoration: none;
  position: relative;
}

.column {
  justify-content: flex-start;
  padding-left: 0;
  font-family: "Avenirnext 03";
  display: flex;
}

.column-2 {
  justify-content: flex-end;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  right: auto;
}

.column-3 {
  justify-content: flex-end;
  padding-left: 0;
  display: flex;
}

.footer-icon-fb {
  align-items: center;
  margin-right: 24px;
  display: flex;
}

.twitter-footer {
  margin-right: 24px;
}

.text-block {
  width: 400px;
  height: 50px;
  color: #b7b7b7;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  font-family: Avenir Next Normal, sans-serif;
  display: flex;
  position: relative;
  top: auto;
  left: auto;
}

.column-5 {
  height: 280px;
  flex-direction: column;
  display: flex;
}

.column-6 {
  height: 280px;
  justify-content: flex-end;
  display: flex;
}

.column-7 {
  justify-content: flex-end;
  display: flex;
}

.casestudylist {
  width: 100%;
  height: auto;
  max-height: none;
  max-width: none;
  min-height: auto;
  background-color: #292929;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.acura-block {
  width: 100%;
  height: auto;
  max-height: 1160px;
  max-width: none;
  border: 1px none var(--mobile-cs-stroke);
  box-shadow: none;
  background-color: #3d3d3d;
  background-image: linear-gradient(#1b1b1b, #1b1b1b);
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.acura-logo {
  z-index: 10;
  width: 400px;
  max-width: none;
  margin-bottom: 1%;
  position: relative;
  top: auto;
  left: auto;
}

.rise-block {
  width: 100%;
  height: 1160px;
  max-width: none;
  min-width: 0;
  border: 0px none var(--mobile-cs-stroke);
  background-color: #f8f8f8;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0%;
  font-family: "Avenirnext 03";
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.desktopandmobile {
  z-index: 10;
  width: auto;
  height: auto;
  color: var(--gainsboro);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 7%;
  font-family: "Avenirnext 08";
  font-size: 2em;
  font-weight: 400;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  left: auto;
}

.risecasestudysection {
  width: 100%;
  height: 100%;
  max-width: 1300px;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.riselogo {
  z-index: 10;
  width: 300px;
  max-width: none;
  margin-bottom: 1%;
  display: block;
  position: relative;
  top: auto;
  left: auto;
}

.fffblock {
  width: 100%;
  height: 1160px;
  max-width: none;
  border: 0px none var(--mobile-cs-stroke);
  box-shadow: none;
  background-color: #3d3d3d;
  background-image: linear-gradient(#eee, #f3f3f3);
  border-radius: 0;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0%;
}

.fffcasestudysection {
  width: 100%;
  height: 100%;
  max-width: 1300px;
  min-width: auto;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.ffflogo {
  width: 224px;
  position: relative;
  top: 0;
  left: auto;
}

.main-container {
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 2000px;
  min-height: auto;
  color: var(--black);
  letter-spacing: .063em;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  font-family: "Avenirnext 08";
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
  box-shadow: 0 3px 12px #242323;
}

.section-home {
  padding-top: 154px;
  padding-bottom: 154px;
}

.section-home.hero-section {
  z-index: 0;
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 2000px;
  min-height: auto;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 640px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.main_nav {
  z-index: 800;
  width: 100%;
  height: 50px;
  max-width: 2000px;
  clear: both;
  opacity: 1;
  background-color: #000;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0%;
  display: flex;
  position: fixed;
  top: .1px;
  left: auto;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .3);
}

.nav-menu-3 {
  width: 740px;
  justify-content: center;
  align-items: flex-start;
  font-family: "Avenirnext 06";
  font-weight: 500;
  display: flex;
  left: auto;
}

.main_body {
  background-color: #292929;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: visible;
}

.case_study_header_title {
  z-index: 0;
  width: 100%;
  height: auto;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0%;
  padding: 3% 0;
  display: flex;
  position: relative;
  top: 0%;
  left: auto;
  overflow: visible;
}

.column-9 {
  padding-left: 24px;
}

.text-block-3 {
  height: 40px;
  color: #d2c40c;
  justify-content: center;
  align-items: center;
  padding-top: 3px;
  padding-left: 12px;
  font-family: Avenir Next Medium Italic, sans-serif;
  font-style: normal;
  font-weight: 500;
  display: flex;
}

.download-arrow {
  width: 20px;
  height: 20px;
  max-width: none;
  padding-top: 0;
  position: relative;
}

.bold-text {
  color: #fff;
  font-family: Avenir Next Normal, sans-serif;
  text-decoration: none;
}

.grey_horizontal {
  z-index: 1;
  width: 90%;
  height: 1px;
  background-color: #82969d;
  display: block;
  position: absolute;
  top: auto;
}

.grey_horizontal._100 {
  width: 100%;
}

.img_acura_header-desktop {
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 2000px;
  min-height: auto;
  background-color: #19191a;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0%;
  display: flex;
  position: relative;
}

.case-study-header {
  z-index: 1999;
  width: 100%;
  height: 50px;
  max-height: 60px;
  max-width: 2000px;
  min-height: 50px;
  background-color: var(--white);
  opacity: .8;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  padding-left: 0;
  display: flex;
  position: fixed;
  top: .1px;
}

.image-17 {
  width: 100%;
  display: inline-block;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.case-study-close-x {
  width: 30px;
  height: 30px;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding-top: 0;
  display: flex;
  position: relative;
  top: auto;
  left: 97%;
}

.image-18 {
  width: 80%;
}

.case-study-logo {
  width: 500px;
  max-width: none;
  position: relative;
  top: 0%;
  left: 0%;
}

.tools_header {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
  font-family: "Avenirnext 08";
  font-size: 1.75em;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  top: 0%;
  left: auto;
}

.tools_grid {
  width: 500px;
  grid-template-rows: 52px 52px;
  grid-template-columns: 52px 52px 52px 52px 52px 52px 52px;
  margin-top: 3%;
  margin-right: 0;
  padding-right: 0;
  position: relative;
  top: 0%;
  left: 0;
}

.tools_grid.acura {
  width: auto;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  grid-template-rows: 40px 40px;
  grid-template-columns: 40px 40px 40px 40px 40px 40px 40px;
  grid-auto-columns: 1fr;
  margin-top: 2%;
  margin-bottom: 20px;
  display: grid;
}

.tools_grid.acura.phone {
  display: none;
}

.tools_grid.rise {
  width: auto;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  grid-template-rows: 40px 40px;
  grid-template-columns: 40px 40px 40px 40px 40px 40px 40px;
  grid-auto-columns: 1fr;
  margin-top: 1%;
  margin-bottom: 20px;
  display: grid;
}

.tools_grid.rise.phone {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: 40px 40px;
  grid-template-columns: 40px 40px 40px 40px 40px 40px 40px;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-20 {
  box-shadow: 1px 1px 8px rgba(0, 0, 0, .2);
}

.body-project {
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 2000px;
  min-height: auto;
  background-color: var(--white);
  letter-spacing: .063em;
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  padding: 80px;
  display: flex;
  position: relative;
  top: auto;
}

.ison-responsive {
  width: 165px;
  margin-bottom: 27px;
  position: relative;
}

.img_acura_phones {
  width: 100%;
  margin-top: 0;
  padding-top: 0%;
  position: relative;
}

.div-block-7 {
  width: 100%;
  height: 100%;
  max-width: 1100px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 4%;
  display: flex;
  position: relative;
}

.tools-for-the-job {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 2%;
  padding-bottom: 2%;
  display: flex;
  position: relative;
}

.img_acura_mobile {
  width: 120%;
  justify-content: center;
  align-items: flex-start;
  margin-top: 8%;
  padding-top: 0%;
  padding-bottom: 0%;
  display: flex;
}

.phone_txt_acura {
  width: 50%;
  height: auto;
  align-self: flex-end;
  padding-left: 0;
  font-family: Avenir Next Demi Bold, sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: relative;
}

.img_acura_tablet {
  width: 120%;
  justify-content: center;
  align-items: flex-start;
  margin-top: 15%;
  padding-top: 2%;
  padding-bottom: 3%;
  display: flex;
}

.img_acura_tablets {
  width: 100%;
  margin-top: 0;
  padding-top: 0%;
  position: relative;
}

.tablet_txt {
  width: 50%;
  align-self: flex-start;
  margin-top: 6%;
  position: relative;
}

.body-site-example {
  width: 100%;
  height: auto;
  max-height: none;
  min-height: auto;
  background-color: #222;
  background-image: linear-gradient(#313131, #2e2e2e), linear-gradient(#222, #222), linear-gradient(#222, #222);
  justify-content: center;
  align-items: flex-start;
  margin-top: 0%;
  margin-bottom: 0%;
  padding-top: 8%;
  padding-bottom: 0%;
  display: flex;
  position: relative;
}

.img_acura_desktop_large {
  width: 67%;
  height: 95%;
  border: 1px solid #535252;
  border-radius: 7px;
  margin-top: 0;
  margin-bottom: 8%;
  padding-top: 0%;
  position: relative;
  box-shadow: 4px 4px 15px 5px rgba(0, 0, 0, .3);
}

.phone_header, .phone_about {
  display: none;
}

._12-normal {
  width: 260px;
  height: 70px;
  color: #b7b7b7;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 3%;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 12px;
  position: relative;
  top: auto;
}

._12-normal.left {
  width: auto;
  color: var(--gainsboro);
}

.image-23 {
  width: 60%;
  height: auto;
  display: none;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 20%;
  right: auto;
}

.case_container_home {
  width: 100%;
  max-height: none;
  max-width: none;
  margin-top: auto;
  position: relative;
}

.garlic-shaker-thumb {
  width: 100%;
  height: auto;
  max-width: 1000px;
  position: relative;
}

.risetitle {
  width: 100%;
  max-width: 2000px;
  position: relative;
}

.ktm-thumb {
  width: 100%;
  max-width: 1000px;
  display: inline-block;
  position: relative;
}

.img-grid-ad {
  width: 100%;
  height: auto;
  max-height: 848px;
  max-width: 1000px;
  margin-top: 0;
  display: block;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.kor-thumb {
  width: 100%;
  max-width: 1000px;
  position: relative;
}

.ffftitle {
  width: 100%;
  max-width: 2000px;
  position: relative;
}

.img_fff_home {
  width: 100%;
  max-width: 2000px;
  display: inline-block;
}

.rogue-thumb {
  width: 100%;
  max-width: 2000px;
  position: relative;
}

.img-_cv_home {
  width: 100%;
  max-width: 2000px;
  display: block;
}

.img-amark {
  width: 100%;
  max-width: 1000px;
  display: block;
}

.acura-thumb {
  width: 100%;
  max-width: 1000px;
  position: relative;
}

.img-nsx {
  width: 100%;
  max-width: 1000px;
  display: block;
}

.img_rise_home {
  width: 100%;
  max-width: 2000px;
  display: block;
}

.footer-content-left {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-nav-vert-container {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 2%;
  padding: 0;
  display: none;
  position: relative;
}

.projects-link {
  color: #fff;
  margin-bottom: 1%;
  margin-right: 28px;
  padding: 5px 5px 5px 0;
  font-family: Avenir Next Normal, sans-serif;
  font-weight: 500;
  text-decoration: none;
}

.projects-link.w--current {
  color: var(--gainsboro);
  letter-spacing: .5px;
  font-family: Avenir Next Medium, sans-serif;
}

.casestudy-link, .about-me-link {
  color: var(--gainsboro);
  letter-spacing: .5px;
  margin-bottom: 1%;
  margin-right: 28px;
  padding: 5px 5px 5px 0;
  font-family: Avenir Next Medium, sans-serif;
  font-weight: 500;
  text-decoration: none;
}

.contact-link {
  color: var(--gainsboro);
  letter-spacing: .5px;
  margin-bottom: 1%;
  padding: 5px 5px 5px 0;
  font-family: Avenir Next Medium, sans-serif;
  font-weight: 500;
  text-decoration: none;
}

.desltop-footer {
  width: 100%;
  height: auto;
  max-width: 2000px;
  background-color: var(--black);
  flex-direction: row;
  order: 0;
  align-items: center;
  margin-top: 0;
  padding: 54px;
  display: flex;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

.social-links-footer {
  align-items: center;
  margin-bottom: 8%;
  display: flex;
}

.footer-nav-horz-container {
  z-index: 20;
  margin-top: 44px;
  margin-left: 0;
  margin-right: 54px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.casestudy-landing-wrapper {
  width: 100%;
  height: auto;
  max-height: none;
  max-width: none;
  min-height: auto;
  letter-spacing: .063em;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: auto;
}

.acuracasestudylink {
  width: 100%;
  height: 100%;
  max-width: 1300px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.acura-cta {
  z-index: 10;
  width: 400px;
  height: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 133px;
  margin-bottom: 60px;
  display: flex;
  position: relative;
  top: 0%;
}

.rise-cta {
  width: 400px;
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 24px;
  margin-right: 7%;
  display: flex;
  position: relative;
  top: 0;
}

.acura-hero-tablet, .rise-hero-tablet, .fff-hero-tablet {
  display: none;
}

.fff-cta {
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 6%;
  margin-right: 0;
  display: flex;
  position: relative;
  top: auto;
  left: 0;
}

.acura-hero-phone-horz, .rise-hero-phone, .fff-hero-phone, .acura-hero-phone-vert, .text-block-6 {
  display: none;
}

.logo {
  width: 168px;
  max-width: none;
  opacity: .83;
  margin-right: 10px;
  display: block;
  position: absolute;
  top: 32%;
  bottom: 0;
  left: 2%;
  right: auto;
}

.hire-reasons-wrapper {
  width: 850px;
  height: auto;
  align-items: center;
  margin-top: 5%;
  margin-bottom: 12%;
  padding: 24px;
  display: flex;
  position: relative;
  top: auto;
}

.hire-inner.left {
  width: 45%;
  height: 260px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.hire-inner.right {
  width: 60%;
  height: 260px;
  padding-left: 24px;
}

.hire-one {
  height: 70px;
  align-items: center;
  display: flex;
  position: relative;
}

.hire-number {
  width: 55px;
  height: 55px;
  letter-spacing: 4em;
  align-items: center;
  padding-bottom: 5px;
  font-size: 4em;
  display: flex;
  position: relative;
}

.hire-text {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.number-4 {
  width: 100%;
  height: 100%;
  border-right: 2px solid var(--steel-blue);
  color: var(--steel-blue);
  text-align: center;
  letter-spacing: 0;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 7px;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 100%;
  font-weight: 400;
  line-height: 40px;
  display: flex;
}

.heading-7 {
  color: var(--nav-orange);
  letter-spacing: 0;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 16px;
  font-family: Avenir Next Medium Italic, sans-serif;
  font-size: 32px;
  font-weight: 500;
  position: relative;
}

.text-block-7 {
  width: 100%;
  color: var(--black);
  letter-spacing: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 16px;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 20px;
  line-height: 24px;
  position: relative;
  bottom: 4px;
}

.hire-two {
  height: 70px;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: relative;
  top: 20px;
}

.number-2 {
  width: 100%;
  height: 100%;
  border-right: 2px solid var(--yellow);
  color: #f4a537;
  text-align: center;
  letter-spacing: 0;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 7px;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 100%;
  font-weight: 400;
  line-height: 40px;
  display: flex;
}

.text-title-2 {
  color: #f4a537;
  letter-spacing: 0;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 16px;
  font-family: Avenir Next Medium Italic, sans-serif;
  font-size: 32px;
  font-weight: 500;
  position: relative;
}

.hire-four {
  width: 100%;
  height: 70px;
  align-items: center;
  display: flex;
  position: relative;
}

.number-1 {
  width: 100%;
  height: 100%;
  border-right: 2px solid var(--nav-orange);
  color: var(--nav-orange);
  text-align: center;
  letter-spacing: 0;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 7px;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 100%;
  font-weight: 400;
  line-height: 40px;
  display: flex;
  position: static;
}

.user-focused {
  color: var(--steel-blue);
  letter-spacing: 0;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 16px;
  font-family: Avenir Next Medium Italic, sans-serif;
  font-size: 32px;
  font-weight: 400;
  position: relative;
}

.hire-five {
  width: 100%;
  height: 70px;
  align-items: center;
  display: flex;
  position: relative;
  top: 20px;
}

.number-5 {
  width: 100%;
  height: 100%;
  border-right: 2px solid var(--medium-orchid);
  color: var(--medium-orchid);
  text-align: center;
  letter-spacing: 0;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 7px;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 100%;
  font-weight: 400;
  line-height: 40px;
  display: flex;
}

.detail-oriented {
  color: var(--medium-orchid);
  letter-spacing: 0;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 16px;
  font-family: Avenir Next Medium Italic, sans-serif;
  font-size: 32px;
  font-weight: 500;
  position: relative;
}

.hire-three {
  height: 70px;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: relative;
  top: 40px;
}

.number-3 {
  width: 100%;
  height: 100%;
  border-right: 2px solid var(--medium-sea-green);
  color: var(--medium-sea-green);
  text-align: center;
  letter-spacing: 0;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 7px;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 100%;
  font-weight: 400;
  line-height: 40px;
  display: flex;
}

.text-title-3 {
  color: var(--medium-sea-green);
  letter-spacing: 0;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 16px;
  font-family: Avenir Next Medium Italic, sans-serif;
  font-size: 32px;
  font-weight: 500;
  position: relative;
}

.header-subtitle-wrapper {
  width: 100%;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0%;
  font-family: "Avenirnext 08";
  font-size: 100%;
  line-height: 100%;
  display: flex;
  position: relative;
}

.section-header-40-norm-black-center {
  z-index: 2;
  width: auto;
  text-align: center;
  letter-spacing: 0;
  background-color: #f8f8f8;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1em;
  display: flex;
  position: relative;
}

.section-header-40-norm-black-center.color-black.align-center {
  background-color: #f8f8f8;
  border: 1px solid rgba(0, 0, 0, 0);
  font-size: 36px;
  display: flex;
}

.section-header-40-norm-black-center.white-background {
  background-color: var(--white);
}

.section-header-40-norm-black-center.white-backgound {
  background-color: #fff;
}

.about-me-inner {
  width: 100%;
  height: auto;
  max-width: 1100px;
  flex-direction: column;
  align-items: center;
  padding-top: 0%;
  display: flex;
  position: relative;
}

.recent-experience-wraper {
  width: 100%;
  height: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8%;
  margin-bottom: 12%;
  padding-top: 0%;
  display: flex;
  position: relative;
  top: auto;
}

.experience-aircam {
  width: 550px;
  height: 748px;
  border: 1px solid var(--silver);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-right: 0%;
  padding-top: 8%;
  padding-left: 6%;
  padding-right: 6%;
  display: flex;
  position: relative;
}

.experience-row-one {
  justify-content: center;
  align-items: flex-start;
  margin-top: 0%;
  display: flex;
}

.logo-aircam {
  width: 38%;
  max-width: none;
}

.experience-mxx {
  width: 550px;
  height: 748px;
  border: 1px solid var(--silver);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0%;
  margin-right: 0%;
  padding-top: 8%;
  padding-left: 6%;
  padding-right: 6%;
  display: flex;
  position: relative;
}

.logo-mxm {
  width: 75%;
  max-width: none;
  margin-bottom: 2%;
}

.experience-row-two {
  justify-content: center;
  align-items: flex-start;
  margin-top: 4%;
  display: flex;
}

.experience-relativity {
  width: 550px;
  height: 748px;
  border: 1px solid var(--silver);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 2%;
  margin-right: 0%;
  padding-top: 8%;
  padding-left: 6%;
  padding-right: 6%;
  display: flex;
  position: relative;
}

.logo-relativity {
  width: 80%;
  max-width: none;
}

.experience-mtvn {
  width: 550px;
  height: 748px;
  border: 1px solid var(--silver);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0%;
  margin-right: 0%;
  padding-top: 8%;
  padding-left: 6%;
  padding-right: 6%;
  display: flex;
  position: relative;
}

.logo-mtvn {
  width: 100%;
  max-width: none;
  margin-bottom: 0%;
}

.body-resume-download {
  width: 360px;
  height: 68px;
  border: 1px solid var(--steel-blue);
  color: var(--steel-blue);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  margin-top: 6%;
  margin-bottom: 0%;
  text-decoration: none;
  display: flex;
  position: relative;
}

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

.bold-text-2 {
  height: 100%;
  margin-left: 12px;
  font-family: Avenir Next Medium, sans-serif;
  font-size: 17px;
  font-weight: 600;
  position: relative;
}

.image-25 {
  width: 8%;
  max-width: none;
  color: var(--dodger-blue-2);
}

.circle-graphic {
  justify-content: center;
  align-items: center;
  margin-top: 10%;
  margin-bottom: 15%;
  display: flex;
  position: relative;
}

.img-ux-graphic {
  width: 1000px;
  max-width: none;
}

.software-fluent-wrapper {
  width: 100%;
  height: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8%;
  margin-bottom: 15%;
  padding-top: 0%;
  padding-bottom: 0%;
  display: flex;
  position: relative;
}

.software-row-one {
  width: 70%;
  height: auto;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2%;
  margin-bottom: 2%;
  display: flex;
  position: relative;
  left: 7%;
}

.software-item {
  width: 290px;
  height: 52px;
  align-items: center;
  display: flex;
}

.img-software-icon {
  height: 52px;
  margin-right: 14px;
}

.txt-item {
  letter-spacing: .063em;
  margin-left: 6%;
  font-family: "Avenirnext 08";
  font-size: 1em;
  line-height: 1em;
}

.software-row-two, .software-row-three, .software-row-four, .software-row-five {
  width: 70%;
  height: auto;
  align-items: center;
  margin-top: 2%;
  margin-bottom: 2%;
  display: flex;
  position: relative;
  left: 7%;
}

.title-wrapper {
  width: 90%;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 3%;
  display: flex;
  position: relative;
  top: auto;
}

.title-wrapper.narrow {
  width: 70%;
}

.header-wrapper {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  font-family: "Avenirnext 08";
  font-size: 100%;
  line-height: 100%;
  display: flex;
  position: relative;
}

.image-26, .software-icons-phone {
  display: none;
}

.img-rise-app {
  width: auto;
  max-width: 2000px;
  margin-top: -100px;
  margin-bottom: 5%;
  padding-top: 0%;
  position: relative;
  overflow: visible;
}

.img-rise-logo {
  width: 85%;
  margin-top: 0;
  padding-top: 0%;
  position: relative;
}

.rise-logo-text {
  align-items: flex-start;
  margin-top: 6%;
  margin-bottom: 14%;
  display: flex;
  position: relative;
}

.txt-whata-in-logo {
  width: 50%;
}

.txt-app-icon {
  width: 50%;
  margin-left: 3%;
}

.image-27 {
  margin-top: 25px;
  margin-bottom: 40px;
  position: relative;
  left: 0;
}

.how-we-got-there {
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 2000px;
  min-height: auto;
  background-color: var(--white);
  letter-spacing: .063em;
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  padding: 100px 80px 0;
  display: flex;
  position: relative;
  top: auto;
}

.rise-usability-design {
  width: 100%;
  height: auto;
  max-height: none;
  min-height: auto;
  background-color: #222;
  background-image: linear-gradient(#313131, #2e2e2e), linear-gradient(#222, #222), linear-gradient(#222, #222);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0%;
  margin-bottom: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  display: flex;
  position: relative;
}

.image-28 {
  margin-top: 0%;
  position: absolute;
  top: -.109px;
}

.img-rise-screen {
  width: auto;
  height: auto;
  max-width: 1500px;
  border: 1px #535252;
  border-radius: 7px;
  margin-top: 0%;
  margin-bottom: 0%;
  padding-top: 0%;
  position: relative;
  top: auto;
}

.rise-img-screen-shots {
  z-index: 2;
  width: auto;
  max-width: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -790px;
  display: flex;
  position: relative;
}

.txt-rise-screen {
  align-items: flex-start;
  margin-top: 5%;
  margin-bottom: 15%;
  display: flex;
  position: relative;
}

.txt-usability-txt {
  width: 50%;
  padding-left: 31px;
}

.size-16-med {
  width: 160px;
  height: 50px;
  color: #fff;
  letter-spacing: 0;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Avenir Next Medium, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
  top: 0;
}

.size-16-med:hover, .size-16-med:focus {
  background-color: #14b2bc;
}

.size-16-med.w--current {
  color: #fff;
  text-transform: capitalize;
  background-color: #14b2bc;
  font-family: Avenir Next Medium, sans-serif;
  font-weight: 500;
}

.size-16-med.align-center {
  text-align: center;
}

.size-16-med.align-center.color-white {
  width: 250px;
  padding-left: 20px;
}

.size-16-med.align-center.color-white.w--current {
  background-color: var(--yellow);
}

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

.utility-page-content {
  width: 1211.19px;
  height: 800px;
  max-height: none;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid;
  overflow: hidden;
}

.img-acura-header-phone, .img-rise-logo-vert {
  display: none;
}

.img-evolution-fff {
  width: 939px;
  max-width: none;
  margin-top: 7%;
}

.evolution-img-fff {
  margin-bottom: 10%;
  position: relative;
}

.body-fff {
  width: 100%;
  height: 100%;
  max-width: 1100px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 4%;
  display: flex;
  position: relative;
}

.responsive-header {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.img-fff-screen {
  margin-top: 8%;
  margin-bottom: 10%;
}

.imag-mandrill {
  z-index: -4;
  width: auto;
  height: 800px;
  max-height: none;
  max-width: none;
  object-fit: fill;
  position: absolute;
}

.div-block-11, .heading-8 {
  z-index: 10;
  position: relative;
}

.title_contact {
  width: auto;
  height: auto;
  border: 1px #000;
  flex-direction: row;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  padding-left: 0;
  display: flex;
  position: relative;
  top: auto;
}

.div-block-12 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 6%;
  margin-left: 22px;
  display: flex;
  position: relative;
}

.txt-contact-inner {
  z-index: 40;
  width: auto;
  height: auto;
  max-height: none;
  max-width: 1100px;
  min-width: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 4%;
  padding-bottom: 0%;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

.column-13 {
  padding-left: 0;
}

.about-me-header {
  width: 100%;
  height: auto;
  max-height: none;
  max-width: none;
  min-height: auto;
  background-color: #1a1a1a;
  background-image: linear-gradient(to bottom, #1a1a1a, var(--black));
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-top: 1%;
  margin-bottom: 0;
  padding: 6% 80px 0%;
  display: flex;
  position: relative;
  top: auto;
}

.txt-about-me-inner-2 {
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 1100px;
  min-width: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: auto;
  margin-bottom: 0;
  padding-top: 0%;
  padding-bottom: 8%;
  display: flex;
  position: relative;
  top: auto;
}

.button-download-resume-2 {
  z-index: 1;
  width: 260px;
  height: 50px;
  background-color: #14b2bc;
  border-radius: 9px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  margin-left: 10px;
  padding-top: 0;
  padding-left: 0;
  display: flex;
  position: relative;
  left: auto;
}

.heading-9 {
  color: #fff;
  letter-spacing: -1px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 2%;
  margin-bottom: 3%;
  font-family: "Avenirnext 08";
  font-size: 2.5em;
  font-weight: 400;
  display: flex;
  position: relative;
  top: 0%;
}

.title_acura-2 {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  padding-left: 0;
  display: none;
  position: relative;
  top: auto;
}

.contact-body-inner {
  width: 100%;
  height: auto;
  max-width: 1100px;
  flex-direction: column;
  align-items: center;
  padding-top: 0%;
  display: flex;
  position: relative;
}

.txt-history {
  height: auto;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 52px;
  display: flex;
}

.about-project-header {
  width: 2000%;
  height: auto;
  max-height: none;
  max-width: 2000px;
  min-height: auto;
  color: #924032;
  background-color: #252525;
  background-image: linear-gradient(#252525, #252525);
  flex-direction: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-top: 0;
  padding: 4% 80px 0%;
  display: flex;
  position: relative;
  top: auto;
}

.about-project-header.rise {
  background-color: var(--nav-orange);
  background-image: linear-gradient(#924032, #924032);
}

.about-header-fff {
  width: 100%;
  height: auto;
  max-height: none;
  max-width: none;
  min-height: auto;
  color: #545e2e;
  background-color: #545e2e;
  background-image: none;
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-top: 0;
  padding: 4% 80px 0%;
  display: flex;
  position: relative;
  top: auto;
}

.acwc-logo {
  margin-bottom: 10px;
  position: relative;
  top: 0;
}

.contact-header-wrapper {
  width: 100%;
  height: auto;
  max-width: 2000px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
  position: relative;
}

.contact-header-inner {
  width: 100%;
  height: 100%;
  max-width: 1100px;
  flex-direction: column;
  align-items: center;
  margin-left: 0;
  padding-left: 0;
  display: flex;
}

.img-contact-bttm {
  margin-top: 8%;
  margin-bottom: 15%;
  padding-top: 0%;
  padding-bottom: 0%;
  position: relative;
}

.image-34 {
  padding-bottom: 0;
}

.contact-header-inner-container {
  width: 100%;
  height: 600px;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
  position: relative;
}

.img-location {
  width: 100%;
  height: 548%;
  max-width: 2000%;
}

.acw-logo {
  width: 20%;
  max-width: 50%;
  margin-top: 0;
  margin-bottom: 10px;
}

.img_rise_logo {
  width: 120%;
  justify-content: center;
  align-items: flex-start;
  margin-top: 14%;
  padding-top: 2%;
  padding-bottom: 3%;
  display: flex;
}

.img_fff_header-desktop {
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 2000px;
  min-height: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0%;
  display: none;
  position: relative;
}

.home-columns {
  z-index: 5;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  font-family: "Avenirnext 08";
  font-size: 1em;
  line-height: 1.5em;
  display: flex;
  position: relative;
  top: 0;
}

.row-one-ad {
  max-height: 848px;
  max-width: 2000px;
  background-color: var(--mobile-cs-stroke);
  opacity: 1;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
  box-shadow: 0 -2px 9px rgba(0, 0, 0, .15);
}

.row-two-ad {
  max-height: 848px;
  max-width: 2000px;
  background-color: var(--mobile-cs-stroke);
  margin-top: 0;
  display: flex;
}

.caption-block {
  z-index: 2;
  height: 15%;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .39));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.home-thumb {
  text-decoration: none;
  position: relative;
}

._12-norm {
  opacity: 1;
  color: #fff;
  text-align: left;
  margin-top: 0;
  margin-left: 0%;
  padding-top: 0%;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  text-decoration: none;
}

._12-norm.align-center.color-white {
  display: none;
}

._12-norm.color-gainsboro {
  color: var(--gainsboro);
}

.row-three-ad, .row-four-ad, .row-five-ad {
  max-height: 848px;
  max-width: 2000px;
  background-color: var(--mobile-cs-stroke);
  display: flex;
}

.row-wrapper-ad {
  width: auto;
  height: auto;
  max-height: 848px;
  max-width: 1000px;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "Avenirnext 08";
  display: block;
  position: relative;
}

.honda-mobile-phone {
  width: auto;
  height: auto;
  max-width: 1000px;
  display: none;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.nav-bottom {
  display: none;
}

.gradient {
  width: 100%;
  height: 200px;
  background-image: linear-gradient(rgba(0, 98, 121, .01), #c04f2f);
  display: block;
}

.case-studies-header {
  width: 100%;
  height: 70px;
  background-color: #1f1c33;
  flex-direction: row;
  justify-content: center;
  align-self: auto;
  align-items: center;
  padding-top: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

._18-norm {
  color: var(--white);
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.case-studies-header-txt {
  width: auto;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  padding-left: 38px;
  padding-right: 38px;
  display: flex;
}

.nav-bottom-2 {
  display: none;
}

.modal-wrapper {
  z-index: 1999;
  background-color: rgba(0, 0, 0, .7);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.modal {
  width: auto;
  background-color: var(--white);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: block;
}

.acura-hero-casestudy-modal {
  width: 100%;
  height: 748px;
  max-width: 2000px;
  min-height: auto;
  min-width: 2000px;
  background-color: #3d3d3d;
  display: none;
  position: relative;
}

.acura-cs-modal-content {
  width: 100%;
  max-width: 2000px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.about-me-mobile {
  z-index: 1;
  width: 100%;
  height: auto;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0%;
  padding: 3% 0;
  display: flex;
  position: relative;
  top: 0%;
  left: auto;
  overflow: visible;
}

.div-block-20 {
  max-width: none;
  justify-content: center;
  padding: 0;
}

.img_acura_header-tablet {
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 2000px;
  min-height: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0%;
  display: none;
  position: relative;
}

.img--acura-casestudy-tablet {
  width: 100%;
  display: inline-block;
  position: relative;
}

.extended-nav-background {
  z-index: 1;
  width: 100%;
  height: 50px;
  background-color: var(--black);
  display: flex;
  position: fixed;
}

.image-41 {
  width: 100%;
  max-width: 1000px;
  display: block;
}

.img_case_home {
  width: 100%;
  height: auto;
  max-height: 848px;
  max-width: 2000px;
  margin-top: 0;
  display: block;
}

.image-43 {
  width: 100%;
  max-width: 1000px;
  display: block;
}

.img-cs-acura {
  width: 100%;
  height: auto;
  max-width: none;
  opacity: 1;
  position: relative;
}

.learn-more {
  z-index: 5;
  width: auto;
  height: auto;
  justify-content: center;
  align-items: flex-end;
  margin-top: 3%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: auto;
}

.header-24-norm-black-left {
  color: var(--black);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 24px;
}

.header-24-norm-black-left.align-center {
  text-align: center;
}

.header-24-norm-black-left.color-black {
  color: var(--black);
  margin-top: 10px;
  margin-bottom: 2px;
}

.header-24-norm-black-left.color-black.align-center {
  margin-top: 20px;
  line-height: 30px;
}

.image-45 {
  width: 12px;
  height: 12px;
  max-width: none;
  margin-top: 0;
  margin-bottom: 5px;
  margin-left: 4px;
  padding-top: 0;
  position: relative;
  bottom: 4px;
}

.img-cs-rise {
  width: auto;
  max-height: 700px;
  max-width: 760px;
  min-width: auto;
  position: relative;
}

.img-cs-fff {
  width: 1280px;
  height: 756px;
  max-height: 756px;
  max-width: 1280px;
  min-height: 756px;
  margin-left: auto;
  margin-right: 0;
  padding-left: 0;
  position: relative;
  left: 0;
  right: 0;
}

.img-cs-fff.fff-cs-image {
  width: 900px;
  height: 531px;
  max-height: none;
  max-width: none;
  min-height: auto;
}

.container-footer {
  width: 100%;
  height: 400px;
  max-width: 2000px;
  align-items: flex-start;
  padding: 54px;
  display: flex;
  position: relative;
}

.wrapper-cc-acura {
  max-width: 1700px;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.learn-more--modal {
  z-index: 5;
  width: auto;
  height: auto;
  justify-content: center;
  align-items: flex-end;
  margin-top: 0%;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  position: relative;
  top: auto;
}

.acura-dt-hero-wrapper {
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.overlay {
  z-index: 3000;
  height: 0%;
  background-color: var(--dark-green);
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.rise-cc-header {
  width: 100%;
  height: auto;
  max-width: none;
  min-width: 0;
  border: 0px none var(--mobile-cs-stroke);
  background-color: #f8f8f8;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0%;
  font-family: "Avenirnext 03";
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.cs-detail-rise-header {
  width: 100%;
  height: 100%;
  max-width: 1300px;
  align-items: center;
  margin-top: 7%;
  margin-bottom: 7%;
  padding-top: 0%;
  display: flex;
}

.cs-fff-header {
  width: 100%;
  height: 800px;
  max-width: none;
  border: 0px none var(--mobile-cs-stroke);
  box-shadow: none;
  background-color: #3d3d3d;
  background-image: linear-gradient(#eee, #f3f3f3);
  border-radius: 0;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0%;
}

.cc-fff-inner {
  width: 100%;
  height: 100%;
  max-width: 1300px;
  min-width: auto;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.aboutme-header {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
  position: relative;
  top: auto;
}

.header-mobile {
  display: none;
}

.logo-mobile {
  width: 168px;
  max-width: none;
  opacity: .83;
  margin-right: 10px;
  display: block;
  position: absolute;
  top: 32%;
  bottom: 0;
  left: 2%;
  right: auto;
}

.acura-title-tablet {
  z-index: 10;
  width: 400px;
  height: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 133px;
  margin-bottom: 60px;
  display: flex;
  position: relative;
  top: 0%;
}

.acura-title-tablet.detail {
  display: none;
}

.head-shot {
  z-index: 0;
  width: 70%;
  max-width: none;
  margin-left: 0;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.head-shot.tablet {
  width: 65%;
}

.txt-about-me-inner-3 {
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 1100px;
  min-height: 550px;
  min-width: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: auto;
  margin-bottom: 0;
  padding-top: 0%;
  padding-bottom: 0%;
  display: flex;
  position: relative;
  top: auto;
}

.image-48 {
  width: 70%;
}

.img-logos-phone {
  max-width: 80%;
  padding-top: 30px;
}

.size-20-demi {
  color: #fff;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Avenir Next Demi Bold, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}

.size-20-demi.color-white.align-left {
  margin-bottom: 0;
  font-family: Avenir Next Demi Bold, sans-serif;
  font-weight: 600;
}

.size-20-demi.color-black {
  color: var(--black);
}

.size-20-demi.color-black.align-right {
  text-align: right;
  margin-top: 0;
  margin-bottom: 20px;
}

.size-28-norm {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 1%;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 36px;
}

.size-28-norm.align-center {
  text-align: center;
}

.size-28-norm.align-center.color-white {
  color: var(--white);
}

.size-28-norm.align-center.color-black {
  color: var(--black);
}

.size-28-norm.align-center.color-black.width-400 {
  width: 400px;
}

.size-28-norm.color-black {
  color: var(--black);
  position: static;
}

.size-28-norm.color-black.align-center {
  letter-spacing: 0;
}

.size-22-norm {
  color: var(--black);
  text-align: left;
  letter-spacing: 0;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
}

.size-22-norm.color-black.align-center {
  text-align: center;
}

.size-22-norm.color-black.align-center.wdith-80 {
  width: 80%;
}

.size-22-norm.align-center {
  text-align: center;
}

.size-22-norm.align-center.color-dodger-blue {
  color: var(--dodger-blue-2);
  letter-spacing: .5px;
}

.paragraph-size-16-color-black-align-left {
  color: var(--black);
  text-align: left;
  letter-spacing: .3px;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.paragraph-size-16-color-black-align-left.width-50 {
  width: 50%;
  padding-right: 2%;
}

.paragraph-size-16-color-black-align-left.width-50.padding-5 {
  padding-left: 2%;
  padding-right: 0;
}

.paragraph-size-16-color-black-align-left.width-70 {
  width: 70%;
}

.paragraph-size-16-color-black-align-left.vertspacing-20 {
  margin-bottom: 27px;
  line-height: 20px;
}

.paragraph-14-norm-white-left {
  color: var(--white);
  padding-right: 0%;
  font-family: Avenir Next Normal, sans-serif;
  line-height: 21px;
}

.header-size-20-color-white-align-left {
  color: var(--white);
  font-family: Avenir Next Demi Bold, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.header-size-20-color-white-align-left.alpha-0 {
  color: rgba(255, 255, 255, 0);
}

.header-size-20-color-black-align-left {
  letter-spacing: 0;
  font-family: Avenir Next Demi Bold, sans-serif;
  font-size: 20px;
}

.paragraph-size-16-color-black-align-right {
  text-align: right;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.header-label-18-black-left {
  color: var(--black);
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Avenir Next Normal, sans-serif;
}

.section-subheading-black {
  font-family: Avenir Next Ultralight, sans-serif;
  font-size: 22px;
}

.size-12 {
  font-family: Avenir Next Normal, sans-serif;
  font-size: 12px;
}

.container-ds-hero {
  width: 100%;
  height: auto;
  max-width: none;
  min-width: 0;
  border: 0px none var(--mobile-cs-stroke);
  background-color: #f8f8f8;
  background-image: linear-gradient(to bottom, var(--st-tropez), var(--catalina));
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0%;
  font-family: "Avenirnext 03";
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.inner-ds-hero {
  width: 100%;
  height: 100%;
  max-width: 1280px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  padding-top: 120px;
  display: flex;
}

.grid-ds-text {
  width: 100%;
  grid-row-gap: 30px;
  grid-template-columns: 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr;
  grid-auto-columns: 65fr;
  align-content: start;
  align-items: start;
  justify-items: center;
  margin-top: 0;
  margin-bottom: 10%;
}

.grid-header-paragrph {
  width: 100%;
  grid-row-gap: 20px;
  grid-template-columns: 1fr;
  margin-top: 11px;
  padding-top: 0;
  display: block;
}

.header-24-med-white-left {
  height: 40px;
  color: var(--white);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Avenir Next Medium, sans-serif;
  font-size: 24px;
  font-weight: 500;
  display: block;
}

.header-24-med-white-left.opacity-1 {
  color: rgba(255, 255, 255, .01);
  margin-bottom: 5%;
}

.header-24-med-white-left.overview {
  margin-bottom: 5%;
}

.ds-hero {
  width: auto;
  height: auto;
  opacity: 1;
  background-color: #3a526e;
  border: 1px #000;
  justify-content: center;
  align-items: center;
  margin-bottom: 8%;
  display: flex;
  transform: translate(0);
  box-shadow: 0 5px 6px -2px rgba(0, 0, 0, .27);
}

.container-ds-where {
  width: 100%;
  height: auto;
  max-width: none;
  min-width: 0;
  border: 0px none var(--mobile-cs-stroke);
  background-color: #f8f8f8;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0%;
  padding-top: 10%;
  padding-bottom: 10%;
  font-family: "Avenirnext 03";
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.inner-ds-where {
  width: 100%;
  height: 100%;
  max-width: 1280px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-bottom: 0%;
  padding-top: 0%;
  display: flex;
}

.inner-ds-where.no-bottom-spacing {
  margin-bottom: 0%;
}

.inner-ds-where.no-bottom-spacing._5-top-spacing {
  padding-top: 0%;
}

.paragraph-size-14-color-black-align-left {
  color: var(--mobile-cs-stroke);
  text-align: left;
  padding-right: 4%;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.grid-text-noheader {
  width: 100%;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr;
  grid-auto-columns: 65fr;
  align-content: start;
  align-items: start;
  margin-top: 2%;
  margin-bottom: 2%;
}

.grid-text-noheader.center {
  margin-top: 0%;
}

.grid-large-list {
  width: 100%;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr;
  grid-auto-columns: 65fr;
  align-content: start;
  align-items: start;
  margin-top: 5%;
  margin-bottom: 0;
}

.grid-5 {
  grid-row-gap: 4px;
  grid-template-columns: minmax(57px, .25fr) 1.75fr;
  margin-left: 2%;
}

.grid-5.single-column-inner {
  margin-left: 0%;
  padding-left: 5%;
  padding-right: 2%;
}

.grid-5.single-column-inner.list {
  grid-template-rows: auto auto auto auto;
  margin-bottom: 15%;
}

.grid-5.single-column-inner.list.no-spacing {
  grid-template-rows: auto auto;
  margin-bottom: 0%;
}

.grid-5.problem {
  margin-left: 5%;
}

.grid-5.benefits {
  margin-left: 5%;
  padding-bottom: 10%;
}

.grid-5.results {
  margin-left: 5%;
}

.grid-5.the-challenge {
  margin-left: 5%;
  padding-bottom: 7%;
}

.grid-5.pain-points {
  margin-bottom: -4%;
  margin-left: 5%;
  padding-bottom: 7%;
}

.grid-5.execution-prototyping {
  justify-content: start;
  justify-items: start;
  margin: 0%;
  padding-bottom: 0;
  padding-left: 5%;
  padding-right: 0%;
}

.icon-planning {
  max-width: 100%;
  margin-top: 8px;
  margin-right: 0;
  padding-right: 0;
}

.container-ds-whatis {
  width: 100%;
  height: auto;
  max-width: none;
  min-width: 0;
  border: 0px none var(--mobile-cs-stroke);
  background-color: #2f2f2f;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0%;
  padding-top: 10%;
  padding-bottom: 10%;
  font-family: "Avenirnext 03";
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.paragraph-size-14-color-white-align-center {
  color: var(--white);
  text-align: center;
  padding-left: 5%;
  padding-right: 5%;
  font-family: Avenir Next Normal, sans-serif;
  line-height: 22px;
}

.header-24-reg-white-left {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.resources {
  grid-row-gap: 4px;
  grid-template-columns: minmax(57px, .25fr) 1.75fr;
  margin-left: 0%;
}

.image-50 {
  margin-top: 5%;
  margin-bottom: 7%;
}

.img-atom-design-desktop, .image-52 {
  margin-top: 2%;
}

.container-ds-needone {
  width: 100%;
  height: auto;
  max-width: none;
  min-width: 0;
  border: 0px none var(--mobile-cs-stroke);
  background-color: #f8f8f8;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0%;
  padding-top: 5%;
  padding-bottom: 10%;
  font-family: "Avenirnext 03";
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.horizontal {
  width: 90%;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 3%;
  display: flex;
  position: relative;
  top: auto;
}

.grey_horizontal-notitle {
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: #82969d;
  display: block;
  position: absolute;
  top: auto;
}

.grey_horizontal-notitle.narrow {
  width: 70%;
}

.img-ds-hero-new.phone {
  max-width: 1280px;
}

.grid-ds-text-phone {
  width: 100%;
  grid-row-gap: 30px;
  grid-template-columns: 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr;
  grid-auto-columns: 65fr;
  align-content: start;
  align-items: start;
  justify-items: center;
  margin-top: 0;
  margin-bottom: 10%;
  display: none;
}

.img-ds-hero-phone {
  display: none;
}

.inner-ds-where-phone {
  width: 100%;
  height: 100%;
  max-width: 1280px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-bottom: 10%;
  padding-top: 7%;
  display: none;
}

.inner-ds-whatis, .inner-ds-didwe {
  width: 100%;
  height: 100%;
  max-width: 1280px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-bottom: 0%;
  padding-top: 0%;
  display: flex;
}

.inner-ds-whatis-phone {
  width: 100%;
  height: 100%;
  max-width: 1280px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-bottom: 10%;
  padding-top: 7%;
  display: none;
}

.header-28-med-white-left {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Avenir Next Demi Bold, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.paragraph-14-norm-black-left {
  color: var(--dark-slate-grey);
  padding-right: 3%;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 14px;
  line-height: 21px;
}

.img-atom-design-phone {
  margin-top: 2%;
}

.section-header-40-norm-white-center {
  z-index: 2;
  background-color: var(--night-rider);
  color: #fff;
  margin-top: 10px;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 40px;
  position: relative;
}

.grid-ds-benefits-phone {
  width: 100%;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr;
  grid-auto-columns: 65fr;
  align-content: start;
  align-items: start;
  margin-top: 1%;
  margin-bottom: 0;
  display: none;
}

.grid-ds-benefits, .grid-ds-results, .grid-ds-problem {
  width: 100%;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr;
  grid-auto-columns: 65fr;
  align-content: start;
  align-items: start;
  margin-top: 1%;
  margin-bottom: 0;
}

.grid-ds-problem-phone, .grid-ds-results-phone {
  width: 100%;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr;
  grid-auto-columns: 65fr;
  align-content: start;
  align-items: start;
  margin-top: 1%;
  margin-bottom: 0;
  display: none;
}

.grid-ds-sharing, .grid-ds-conclusion, .grid-ds-references {
  width: 100%;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr;
  grid-auto-columns: 65fr;
  align-content: start;
  align-items: start;
  margin-top: 1%;
  margin-bottom: 0;
}

.grid-ds-sharing-phone, .grid-ds-conclusion-phone, .grid-ds-references-phone {
  width: 100%;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr;
  grid-auto-columns: 65fr;
  align-content: start;
  align-items: start;
  margin-top: 1%;
  margin-bottom: 0;
  display: none;
}

.ds-block {
  width: 100%;
  height: 100%;
  max-height: 1030px;
  max-width: none;
  border: 1px none var(--mobile-cs-stroke);
  box-shadow: none;
  background-color: #3d3d3d;
  background-image: linear-gradient(#2a4a6e, #233d5a);
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 0%;
  margin-left: 0;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-21 {
  opacity: 0;
  margin-top: 238px;
  display: flex;
}

.link-block {
  width: auto;
  height: auto;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0%;
  display: flex;
}

.hello-inner-phone {
  width: auto;
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 25%;
}

.title-140-semi-white-left {
  color: var(--white);
  letter-spacing: -10px;
  margin-left: -18px;
  font-family: Avenir Next Demi Bold, sans-serif;
  font-size: 240px;
  font-weight: 600;
  line-height: 190px;
}

.header-36-med-white-left {
  color: var(--white);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 36px;
}

.paragraph-18-norm-white-left {
  color: var(--white);
  padding-top: 2%;
  padding-right: 0%;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 18px;
  line-height: 27px;
}

.hero-240-semi-white-left {
  color: var(--white);
  letter-spacing: -10px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -14px;
  font-family: Avenir Next Demi Bold, sans-serif;
  font-size: 240px;
  font-weight: 600;
  line-height: 200px;
}

.hero-140-semi-white-left {
  color: var(--white);
  letter-spacing: -19px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -14px;
  font-family: Avenir Next Medium, sans-serif;
  font-size: 240px;
  font-weight: 600;
  line-height: 200px;
}

.paragraph-32-med-white-left, .paragraph-17-norm-white-left, .acura-hero-tablet-copy {
  display: none;
}

.image-cs-ds {
  width: 90%;
  height: auto;
  margin-top: 15%;
}

.ds-link {
  width: 100%;
  height: 100%;
  max-width: 1300px;
  justify-content: center;
  align-items: center;
  margin-top: 0%;
  display: flex;
}

.image-56 {
  width: 100%;
  margin-top: 18%;
}

.image-cs-ds-phone {
  width: 90%;
  height: auto;
  margin-top: 10%;
  margin-bottom: 10%;
}

.image-57 {
  display: none;
}

.paragraph-200-bold-italic-black-center {
  font-family: Avenir Next Bold Italic, sans-serif;
  font-size: 200px;
  line-height: 200px;
  position: relative;
  top: 0%;
}

.text-block-10 {
  height: 50px;
}

.rise-overview {
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 1100px;
  min-width: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: auto;
  margin-bottom: 0;
  padding-top: 0%;
  padding-bottom: 8%;
  display: flex;
  position: relative;
  top: auto;
}

.img_rise_whiteboard {
  width: 120%;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0%;
  margin-bottom: 6%;
  padding-top: 0%;
  padding-bottom: 0%;
  display: flex;
}

.rise-body-inner {
  z-index: 1;
  width: auto;
  height: 100%;
  max-width: 1100px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 4%;
  display: flex;
  position: relative;
}

.grid-rise-challenge {
  width: 100%;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr;
  grid-auto-columns: 65fr;
  align-content: start;
  align-items: start;
  margin-top: 1%;
  margin-bottom: 0;
}

.list-item, .list-item-2, .list-item-3, .list-item-4 {
  margin-top: 2%;
}

.grid-rise-pain-points {
  width: 100%;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr;
  grid-auto-columns: 65fr;
  align-content: start;
  align-items: start;
  margin-top: 1%;
  margin-bottom: 0;
}

.header-18-norm-black-left-copy {
  color: var(--black);
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Avenir Next Normal, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.header-18-norm-black-left-copy.align-center {
  text-align: center;
}

.header-18-norm-black-left-copy.color-black {
  color: var(--black);
  margin-bottom: 2px;
}

.header-18-norm-black-left-copy.color-black.align-center {
  line-height: 30px;
}

.img_rise_logo-copy {
  width: 120%;
  justify-content: center;
  align-items: flex-start;
  margin-top: 14%;
  padding-top: 2%;
  padding-bottom: 3%;
  display: flex;
}

.rise-logo-text-copy {
  align-items: flex-start;
  margin-top: 6%;
  margin-bottom: 14%;
  display: flex;
  position: relative;
}

.title-wraper-copy {
  width: 90%;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 3%;
  display: flex;
  position: relative;
  top: auto;
}

.title-wraper-copy.narrow {
  width: 70%;
}

.execution-design {
  width: 100%;
  height: auto;
  max-height: none;
  min-height: auto;
  background-color: #222;
  background-image: linear-gradient(#313131, #2e2e2e), linear-gradient(#222, #222), linear-gradient(#222, #222);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0%;
  margin-bottom: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  display: flex;
  position: relative;
}

.img-rise-app-copy {
  width: auto;
  max-width: 2000px;
  margin-top: -100px;
  margin-bottom: 5%;
  padding-top: 0%;
  position: relative;
  overflow: visible;
}

.img-wire {
  z-index: 0;
  height: auto;
  max-height: 75%;
  max-width: 2000px;
  margin-top: 0%;
  position: relative;
  top: 0;
}

.grid-execution-design {
  width: 100%;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr;
  grid-auto-columns: 65fr;
  align-content: start;
  align-items: start;
  margin-top: 10%;
  margin-bottom: 0;
}

.rise-img-wire-frames {
  margin-top: 0%;
}

.rise-mid-page-images {
  margin-top: 10%;
  margin-bottom: 5%;
}

.grid-execution-prototype {
  width: 100%;
  grid-row-gap: 43px;
  grid-template-rows: auto;
  grid-template-columns: 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr;
  grid-auto-columns: 65fr;
  grid-auto-flow: row;
  align-content: start;
  align-items: start;
  justify-items: start;
  margin-top: 10%;
  margin-bottom: 0;
}

.header-16-med-white-left {
  color: #fff;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Avenir Next Medium, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.header-16-med-white-left.align-center {
  text-align: center;
}

.header-16-med-white-left.color-black {
  color: var(--black);
  margin-bottom: 2px;
}

.header-16-med-white-left.color-black.align-center {
  line-height: 30px;
}

.rise-img-screen-iso {
  z-index: 2;
  width: auto;
  max-width: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 15%;
  display: flex;
  position: relative;
}

.img-rise-screen-iso {
  width: auto;
  height: auto;
  max-width: 1500px;
  border: 1px #535252;
  border-radius: 7px;
  margin-top: 0%;
  margin-bottom: 0%;
  padding-top: 0%;
  position: relative;
  top: auto;
}

.rise-takeaway {
  width: 100%;
  height: auto;
  max-height: none;
  min-height: auto;
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0%;
  margin-bottom: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  display: flex;
  position: relative;
}

.rise-takeaway-inner {
  z-index: 1;
  width: 100%;
  height: 100%;
  max-width: 1100px;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10%;
  display: flex;
  position: relative;
}

.case_study_header_title-phone {
  z-index: 0;
  width: 100%;
  height: auto;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0%;
  padding: 3% 0;
  display: flex;
  position: relative;
  top: 0%;
  left: auto;
  overflow: visible;
}

.rise-overview-phone {
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 1100px;
  min-width: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: auto;
  margin-bottom: 0;
  padding-top: 0%;
  padding-bottom: 8%;
  display: flex;
  position: relative;
  top: auto;
}

.rise-overview-tablet {
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 1100px;
  min-width: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: auto;
  margin-bottom: 0;
  padding-top: 0%;
  padding-bottom: 8%;
  display: none;
  position: relative;
  top: auto;
}

.rise-overview-phone-2 {
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 1100px;
  min-width: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: auto;
  margin-bottom: 0;
  padding-top: 0%;
  padding-bottom: 8%;
  display: flex;
  position: relative;
  top: auto;
}

.header-16-semi-white-left {
  color: #fff;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Avenir Next Demi Bold, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.header-16-semi-white-left.align-center {
  text-align: center;
}

.header-16-semi-white-left.color-black {
  color: var(--black);
  margin-bottom: 2px;
}

.header-16-semi-white-left.color-black.align-center {
  line-height: 30px;
}

.rise-img-screen-shots-desktop {
  z-index: 2;
  width: auto;
  max-width: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -790px;
  display: flex;
  position: relative;
}

.rise-img-screen-shots-phone {
  z-index: 2;
  width: auto;
  max-width: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -790px;
  display: none;
  position: relative;
}

.img-rise-screen--phones {
  width: auto;
  height: auto;
  max-width: 1500px;
  border: 1px #535252;
  border-radius: 7px;
  margin-top: 0%;
  margin-bottom: 0%;
  padding-top: 0%;
  position: relative;
  top: auto;
}

.grid-execution-design-2 {
  width: 100%;
  grid-row-gap: 20px;
  grid-template-rows: minmax(auto, max-content) 1.75fr auto auto;
  grid-template-columns: 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr;
  grid-auto-columns: 65fr;
  grid-auto-flow: row;
  align-content: start;
  align-items: start;
  justify-items: start;
  margin-top: 10%;
  margin-bottom: 0;
}

.experience-verb {
  width: 550px;
  height: 748px;
  border: 1px solid var(--silver);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-right: 2%;
  padding-top: 8%;
  padding-left: 6%;
  padding-right: 6%;
  display: flex;
  position: relative;
}

.experience-blnk {
  width: 550px;
  height: 748px;
  border: 1px none var(--silver);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 2%;
  margin-right: 0%;
  padding-top: 8%;
  padding-left: 6%;
  padding-right: 6%;
  display: flex;
  position: relative;
}

.aircam_ad {
  width: 100%;
  max-width: 2000px;
  margin-top: auto;
  position: relative;
}

.columns_ad {
  z-index: 5;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  font-family: "Avenirnext 08";
  font-size: 1em;
  line-height: 1.5em;
  display: flex;
  position: relative;
  top: 0;
}

.kor_ad {
  width: 100%;
  max-width: 2000px;
  margin-top: auto;
  position: relative;
}

.container_ad {
  max-width: none;
  background-color: #292929;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: visible;
}

.rise_ad, .nsx_ad, .beats_ad, .ktm_ad {
  width: 100%;
  max-width: 2000px;
  position: relative;
}

.content_ad {
  max-width: none;
  padding-top: 48px;
  padding-bottom: 0;
}

.content_ad.hero-section {
  z-index: 0;
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 2000px;
  min-height: auto;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 50px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.content_ad.hero_section_ad {
  z-index: 0;
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 2000px;
  min-height: auto;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 48px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.img_ad, .img-beats-copy {
  width: 100%;
  max-width: 2000px;
  display: inline-block;
}

.rogue_ad, .gs_ad {
  width: 100%;
  max-width: 2000px;
  position: relative;
}

.img_rogue_ad {
  width: 100%;
  max-width: 2000px;
  display: block;
}

.content_about {
  padding-top: 154px;
  padding-bottom: 154px;
}

.content_about.hero-section {
  z-index: 0;
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 2000px;
  min-height: auto;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.content_contact {
  padding-top: 154px;
  padding-bottom: 154px;
}

.content_contact.hero-section {
  z-index: 0;
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 2000px;
  min-height: auto;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.case_studies_wrapper_home {
  z-index: 5;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  font-family: "Avenirnext 08";
  font-size: 1em;
  line-height: 1.5em;
  display: flex;
  position: relative;
  top: 0;
}

.case_studies_home {
  margin-top: 640px;
  padding-top: 0;
  padding-bottom: 0;
}

.case_studies_home.hero-section {
  z-index: 0;
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 2000px;
  min-height: auto;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 640px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.scroll_gradient {
  width: 100%;
  height: 200px;
  background-image: linear-gradient(rgba(0, 98, 121, .01), #c04f2f);
  display: block;
}

.maincontainer_ds {
  padding-top: 154px;
  padding-bottom: 154px;
}

.maincontainer_ds.hero-section {
  z-index: 0;
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 2000px;
  min-height: auto;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.section-home-copy {
  padding-top: 154px;
  padding-bottom: 154px;
}

.section-home-copy.hero-section {
  z-index: 0;
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 2000px;
  min-height: auto;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 640px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.maincontainer_rise {
  padding-top: 154px;
  padding-bottom: 154px;
}

.maincontainer_rise.hero-section {
  z-index: 0;
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 2000px;
  min-height: auto;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.content_fff {
  padding-top: 154px;
  padding-bottom: 154px;
}

.content_fff.hero-section {
  z-index: 0;
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 2000px;
  min-height: auto;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.continer_about {
  padding-top: 154px;
  padding-bottom: 154px;
}

.continer_about.hero-section {
  z-index: 0;
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 2000px;
  min-height: auto;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.image_honda-_main {
  width: 100%;
  height: auto;
  max-height: none;
  max-width: none;
  margin-top: 50px;
  display: block;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.honda-nsx-home {
  width: 100%;
  height: auto;
  max-height: none;
  max-width: none;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "Avenirnext 08";
  display: block;
  position: relative;
}

.hero-mobile-140-semi-white-left-copy {
  color: var(--white);
  letter-spacing: -19px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -14px;
  font-family: Avenir Next Medium, sans-serif;
  font-size: 240px;
  font-weight: 600;
  line-height: 200px;
}

.paragraph-32-med-white-left-copy, .hero-mobile-32-med-white-left-copy-copy {
  display: none;
}

.honda-_main_mobile {
  width: 100%;
  height: auto;
  max-height: 848px;
  max-width: 2000px;
  margin-top: 50px;
  display: block;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.honda-nsx-mobile {
  width: auto;
  height: auto;
  max-height: 848px;
  max-width: 2000px;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "Avenirnext 08";
  display: block;
  position: relative;
}

.home-row-two-copy, .home-row-two-copy-copy {
  max-height: 848px;
  max-width: 2000px;
  background-color: var(--mobile-cs-stroke);
  margin-top: 0;
  display: flex;
}

.img_acura_home {
  width: 100%;
  height: auto;
  max-width: none;
  margin-top: 0;
  display: block;
}

.case_studies_home-_mobile {
  margin-top: 640px;
  padding-top: 0;
  padding-bottom: 0;
}

.case_studies_home-_mobile.hero-section {
  z-index: 0;
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 2000px;
  min-height: auto;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 640px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.img_case_home-_mobile {
  width: 100%;
  height: auto;
  max-height: 848px;
  max-width: 2000px;
  margin-top: 0;
  display: block;
}

.row-one-ad-mobile {
  max-height: 848px;
  max-width: 2000px;
  background-color: var(--mobile-cs-stroke);
  opacity: 1;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
  box-shadow: 0 -2px 9px rgba(0, 0, 0, .15);
}

.case_studies_home_mobile {
  margin-top: 640px;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.case_studies_home_mobile.hero-section {
  z-index: 0;
  width: 100%;
  height: auto;
  max-height: none;
  max-width: 2000px;
  min-height: auto;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 640px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: auto;
  overflow: hidden;
}

.img_case_home_mobile {
  width: 100%;
  height: auto;
  max-height: 848px;
  max-width: 2000px;
  margin-top: 0;
  display: block;
}

.hello_header_mobile {
  width: 100%;
  height: 1000px;
  max-height: 1000px;
  max-width: 2000px;
  min-height: auto;
  background-color: #dd3f13;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: 0;
  padding-left: 0%;
  display: flex;
  position: fixed;
  top: 0;
}

.header-mobile-text {
  display: none;
}

.row-home-mobile {
  max-height: 848px;
  max-width: 2000px;
  background-color: var(--mobile-cs-stroke);
  opacity: 1;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
  box-shadow: 0 -2px 9px rgba(0, 0, 0, .15);
}

.hello-inner-phone-mobile {
  width: auto;
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 25%;
}

@media screen and (max-width: 991px) {
  .hello-header {
    width: 100%;
    height: 700px;
    max-height: 700px;
    max-width: 991px;
    min-height: 700px;
    min-width: 0;
    justify-content: center;
    top: auto;
  }

  .footer {
    width: 100%;
    height: 382px;
    max-height: none;
    max-width: none;
    min-height: 332px;
    min-width: auto;
    flex-direction: row;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    margin-top: 0;
    padding: 30px;
    display: flex;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .social-icons-footer {
    width: 148px;
    margin-bottom: 10%;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .social-icons, .footer-icon-twitter, .footer-icon-instagram {
    left: 0;
  }

  .footernav {
    width: 428px;
    height: 20px;
    min-width: 428px;
    text-align: left;
    align-self: flex-start;
    position: relative;
    top: auto;
    left: auto;
  }

  .footernav.phone {
    display: none;
  }

  .link-3 {
    right: 14px;
  }

  .link-5 {
    left: -13px;
  }

  .footer-icon-fb {
    position: relative;
  }

  .twitter-footer {
    width: 30px;
    height: 30px;
    position: relative;
  }

  .text-block {
    width: 600px;
    color: #b7b7b7;
    text-align: left;
    font-size: .875em;
    position: relative;
    top: auto;
  }

  .column-5, .column-6 {
    height: auto;
  }

  .casestudylist {
    width: 100vw;
    height: auto;
    max-height: none;
    max-width: 991px;
    min-height: auto;
    min-width: 0;
    justify-content: flex-start;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .acura-block {
    width: 100vw;
    height: auto;
    max-width: 2000px;
    min-width: auto;
    justify-content: flex-start;
    margin: 0 auto 0%;
  }

  .acura-logo {
    z-index: 10;
    width: 50vw;
    max-width: none;
    min-width: auto;
    margin-bottom: 0%;
    padding-left: 0;
    position: relative;
    top: auto;
    left: auto;
  }

  .rise-block {
    width: 100vw;
    height: auto;
    min-height: auto;
    min-width: auto;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    display: block;
    top: 0;
    bottom: 0;
  }

  .desktopandmobile {
    z-index: 10;
    width: auto;
    height: auto;
    margin-top: .5%;
    margin-bottom: 0%;
    padding-bottom: 1%;
    font-size: 3vw;
    position: relative;
    top: 0;
    left: auto;
  }

  .risecasestudysection {
    width: 100vw;
    height: auto;
    background-color: #fff;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  .riselogo {
    width: 32vw;
    height: auto;
    margin-bottom: 0;
    position: relative;
    top: auto;
    left: auto;
  }

  .fffblock {
    width: 100%;
    height: auto;
    max-width: 2000px;
    background-color: var(--white);
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0%;
  }

  .fffcasestudysection {
    height: auto;
    background-image: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    top: 0;
  }

  .ffflogo {
    width: 24vw;
    top: auto;
  }

  .main-container {
    height: auto;
    max-height: none;
    background-color: #006278;
    display: flex;
  }

  .section-home.hero-section {
    height: auto;
  }

  .main_nav {
    width: 100%;
    justify-content: flex-start;
    align-self: auto;
    align-items: flex-start;
    padding-left: 19px;
  }

  .nav-menu-3 {
    width: 100%;
    background-color: rgba(0, 0, 0, .68);
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .menu-button-2 {
    height: 50px;
    color: #ececec;
    background-color: #272626;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .icon-2 {
    width: auto;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    top: -4px;
  }

  .case_study_header_title {
    width: 100%;
    margin-top: 3%;
    margin-bottom: 0;
    top: 0%;
  }

  .column-9 {
    top: 0%;
  }

  .grey_horizontal {
    width: 100%;
    display: block;
  }

  .grey_horizontal._100 {
    padding-right: 0%;
  }

  .img_acura_header-desktop {
    display: none;
  }

  .image-18 {
    position: relative;
    right: 100%;
  }

  .case-study-logo {
    width: 300px;
    margin-top: 0;
    top: 0%;
    left: 0;
  }

  .tools_header {
    font-size: 1.5em;
    top: 0%;
  }

  .tools_grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: 40px 40px;
    grid-template-columns: 40px 40px 40px 40px 40px 40px 40px;
    top: 0%;
  }

  .tools_grid.acura.phone {
    display: none;
  }

  .tools_grid.rise.phone {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: 40px 40px;
    grid-template-columns: 40px 40px 40px 40px 40px 40px 40px;
    grid-auto-columns: 1fr;
    margin-bottom: 10%;
    display: grid;
  }

  .image-20 {
    width: 40px;
  }

  .body-project {
    height: auto;
    max-height: none;
    min-height: 0;
  }

  .ison-responsive {
    width: 150px;
    margin-bottom: 14px;
  }

  .tools-for-the-job {
    margin-top: 5%;
  }

  .img_acura_tablet {
    width: 130%;
    margin-top: 5%;
  }

  .body-site-example {
    height: 200vw;
    min-height: auto;
    padding-top: 8%;
    position: relative;
  }

  .img_acura_desktop_large {
    width: 80%;
    height: 95%;
    margin-bottom: 0%;
  }

  .image-22 {
    width: 40px;
  }

  .div-block-9, .phone_header, .phone_about {
    display: none;
  }

  ._12-normal {
    width: 400px;
    justify-content: center;
    margin-bottom: 2%;
    display: block;
    position: relative;
    top: auto;
    left: auto;
  }

  .footer-nav-vert-container {
    margin-bottom: 8%;
    display: flex;
  }

  .desltop-footer {
    width: 100%;
    height: auto;
    max-height: none;
    max-width: none;
    min-height: 332px;
    min-width: auto;
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: center;
    align-items: flex-start;
    margin-top: 0;
    padding: 45px 30px 30px 50px;
    display: flex;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .footer-nav-horz-container {
    margin-top: 45px;
    display: none;
  }

  .casestudy-landing-wrapper {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
    overflow: visible;
  }

  .acuracasestudylink {
    height: auto;
    background-image: none;
    justify-content: flex-start;
    align-items: center;
    top: auto;
  }

  .acura-cta {
    width: 459px;
    height: auto;
    flex-direction: column;
    align-items: center;
    margin-top: 5%;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
    position: absolute;
    top: auto;
  }

  .rise-cta {
    z-index: 10;
    width: 40vw;
    height: auto;
    min-width: 300px;
    justify-content: flex-start;
    margin-top: auto;
    margin-left: 2%;
    margin-right: 0%;
    position: absolute;
    top: auto;
    left: 0%;
  }

  .acura-hero-tablet {
    width: 100%;
    height: 100%;
    max-width: none;
    display: block;
  }

  .rise-hero-tablet {
    width: 100%;
    height: auto;
    max-width: none;
    margin-top: 0%;
    margin-bottom: 0%;
    display: block;
    position: relative;
    left: 0%;
  }

  .fff-hero-tablet {
    width: 100%;
    max-width: none;
    opacity: 1;
    display: block;
    position: static;
  }

  .fff-cta {
    width: 40vw;
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto 0 auto 0%;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 5%;
  }

  .acura-hero-phone-horz, .rise-hero-phone, .fff-hero-phone, .acura-hero-phone-vert {
    display: none;
  }

  .text-block-6 {
    color: var(--silver);
    padding-top: 16px;
    font-size: 1.375em;
    display: none;
  }

  .logo {
    width: auto;
    height: 40%;
    max-width: none;
    opacity: .8;
    margin-top: 0;
    padding-top: 0;
    display: block;
  }

  .hire-reasons-wrapper {
    width: 595px;
    flex-direction: column;
    margin-top: 5%;
  }

  .hire-inner.left {
    width: 60%;
    height: 250px;
    align-items: flex-start;
    padding-left: 24px;
    position: relative;
  }

  .hire-inner.right {
    height: auto;
    margin-top: auto;
    padding-top: 4px;
    padding-bottom: 20px;
    position: relative;
  }

  .hire-one {
    height: auto;
    align-items: center;
  }

  .hire-text {
    height: auto;
    justify-content: flex-start;
  }

  .heading-7 {
    padding-top: 0;
    padding-bottom: 2px;
  }

  .hire-two {
    height: auto;
    align-items: center;
  }

  .hire-four {
    width: auto;
    height: auto;
    align-items: flex-start;
    margin-top: 0;
  }

  .user-focused {
    align-items: flex-start;
    display: flex;
  }

  .hire-five {
    width: auto;
    height: auto;
    align-items: flex-start;
    margin-top: 14px;
    top: auto;
  }

  .detail-oriented {
    align-items: flex-start;
    display: flex;
  }

  .hire-three {
    height: auto;
    margin-bottom: auto;
    top: 30px;
  }

  .header-subtitle-wrapper {
    height: auto;
    justify-content: flex-start;
  }

  .section-header-40-norm-black-center {
    width: auto;
    text-align: left;
    font-size: 2.5em;
    line-height: 1.2em;
    top: -2%;
  }

  .section-header-40-norm-black-center.white-backgound {
    text-align: center;
  }

  .about-me-inner {
    width: 100vw;
  }

  .recent-experience-wraper {
    margin-bottom: 15%;
  }

  .experience-row-one {
    width: 90%;
    position: relative;
  }

  .experience-mxx {
    padding-bottom: 0;
  }

  .experience-row-two {
    width: 90%;
  }

  .body-resume-download {
    width: 40%;
    height: 50px;
    margin-top: 4%;
  }

  .bold-text-2 {
    font-size: 1em;
  }

  .image-25 {
    width: 5%;
  }

  .circle-graphic {
    width: 90%;
  }

  .img-ux-graphic {
    width: 100%;
    display: none;
    position: relative;
  }

  .software-row-one.mobile, .software-row-two, .software-row-three {
    width: 80%;
    left: 6%;
  }

  .software-row-four {
    width: 80%;
  }

  .software-row-five {
    width: 80%;
    left: 6%;
  }

  .title-wrapper {
    width: 65%;
    flex-direction: column;
    align-self: center;
    align-items: center;
    padding-left: 0%;
    padding-right: 0%;
  }

  .title-wrapper.narrow {
    width: 80%;
  }

  .title-wrapper.phone {
    width: 90%;
  }

  .image-26 {
    width: 90%;
    display: block;
  }

  .img-rise-app {
    width: 100%;
    margin-top: 0%;
    margin-right: 0%;
  }

  .rise-logo-text {
    justify-content: flex-start;
  }

  .image-27 {
    width: 60%;
    max-width: none;
  }

  .how-we-got-there {
    width: auto;
    height: auto;
    max-height: none;
    min-height: 0;
    margin-top: auto;
    padding-top: 0%;
    padding-left: 0;
    padding-right: 0;
  }

  .rise-usability-design {
    height: auto;
    min-height: auto;
    justify-content: flex-start;
    padding-top: 0%;
    position: relative;
  }

  .image-28 {
    width: 140%;
    max-width: none;
    top: 0;
  }

  .img-rise-screen {
    width: 90%;
    height: 80%;
    max-width: none;
    margin-bottom: 0%;
  }

  .rise-img-screen-shots {
    justify-content: flex-start;
    margin-top: -361px;
  }

  .txt-rise-screen {
    margin-left: auto;
    margin-right: auto;
    padding-left: 56px;
    padding-right: 21px;
  }

  .txt-usability-txt {
    padding-left: 0;
  }

  .size-16-med {
    width: auto;
    position: relative;
  }

  .img-rise-logo-vert {
    display: none;
  }

  .img-evolution-fff {
    width: 100%;
  }

  .responsive-header {
    justify-content: flex-start;
  }

  .title_contact {
    height: auto;
    margin-top: 0%;
    margin-left: 0;
    margin-right: 2%;
    position: relative;
    top: 0%;
  }

  .txt-contact-inner {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0%;
    margin-bottom: 0%;
    padding-top: 0%;
    position: relative;
  }

  .column-13 {
    top: 0%;
  }

  .about-me-header {
    width: 100%;
    height: auto;
    max-height: none;
    max-width: 991px;
    min-height: auto;
    min-width: 0;
    margin-top: 3%;
    padding-top: 8%;
    padding-bottom: 0%;
    top: auto;
  }

  .txt-about-me-inner-2 {
    width: 90%;
    height: auto;
    justify-content: flex-start;
    margin-top: -15px;
    margin-bottom: auto;
    padding-top: 5%;
    padding-bottom: 0%;
  }

  .heading-9 {
    color: #fff;
    margin-top: 1%;
    margin-bottom: 5%;
    font-size: 2em;
    position: relative;
    top: 0%;
  }

  .title_acura-2 {
    height: auto;
    margin-top: 0%;
    top: 0%;
  }

  .contact-body-inner {
    width: 100vw;
    padding-left: 0;
  }

  .txt-history {
    flex-direction: column;
    margin-top: 6%;
    margin-bottom: 8%;
    padding-left: 10%;
    padding-right: 10%;
  }

  .about-project-header {
    width: 100%;
    height: 130vw;
    max-height: 1000px;
    max-width: 991px;
    min-height: auto;
    min-width: 0;
    padding-top: 8%;
    padding-bottom: 13%;
    top: auto;
  }

  .about-project-header.acura {
    height: 110vw;
    padding-bottom: 0%;
  }

  .about-project-header.rise {
    height: auto;
    padding-bottom: 0%;
  }

  .about-header-fff {
    width: 100%;
    height: 100vw;
    max-height: 1000px;
    max-width: 991px;
    min-height: auto;
    min-width: 0;
    padding-top: 8%;
    padding-bottom: 13%;
    top: auto;
  }

  .contact-header-wrapper {
    height: auto;
  }

  .contact-header-inner {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 69px;
    display: flex;
    position: relative;
  }

  .img-contact-bttm {
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-top: 0%;
    margin-bottom: 8%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
  }

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

  .contact-header-inner-container {
    height: auto;
    position: relative;
  }

  .img-location {
    width: 2000px;
    height: 548px;
    position: relative;
  }

  .img_rise_logo {
    width: 130%;
    margin-top: 5%;
  }

  .img_fff_header-desktop {
    display: none;
  }

  .home-columns {
    flex-direction: column;
    margin-top: 540px;
  }

  .row-one-ad, .row-two-ad {
    flex-direction: column;
  }

  ._12-norm {
    padding-top: 20px;
    font-size: 1.7vw;
  }

  .row-three-ad, .row-four-ad, .row-five-ad {
    flex-direction: column;
  }

  .row-wrapper-ad {
    justify-content: flex-start;
  }

  .gradient {
    height: 200px;
  }

  .acura-hero-casestudy-modal {
    width: auto;
    height: auto;
    max-width: none;
    min-height: 100%;
    min-width: auto;
    padding-left: 0;
    display: none;
    position: relative;
    left: auto;
    right: auto;
  }

  .about-me-mobile {
    width: 100%;
    margin-top: 3%;
    top: 0%;
  }

  .div-block-20 {
    flex-direction: column;
    margin-bottom: 0;
    padding: 0 0 10%;
  }

  .img_acura_header-tablet {
    display: flex;
  }

  .img-cs-acura {
    display: none;
  }

  .learn-more {
    margin-top: 4%;
  }

  .header-24-norm-black-left {
    font-size: 24px;
  }

  .img-cs-rise, .img-cs-fff {
    display: none;
  }

  .container-footer {
    flex-direction: column;
    margin-bottom: 0%;
  }

  .learn-more--modal {
    margin-top: 4%;
  }

  .rise-cc-header {
    width: 100vw;
    height: auto;
    min-height: auto;
    min-width: auto;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    display: block;
    top: 0;
    bottom: 0;
  }

  .cs-fff-header {
    width: 100%;
    height: auto;
    max-width: 2000px;
    background-color: var(--white);
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0%;
  }

  .aboutme-header {
    height: auto;
    margin-top: 0%;
    top: 0%;
  }

  .logo-mobile {
    width: auto;
    height: 40%;
    max-width: none;
    opacity: .8;
    margin-top: 0;
    padding-top: 0;
    display: block;
  }

  .acura-title-tablet {
    width: 459px;
    height: auto;
    flex-direction: column;
    align-items: center;
    margin-top: 5%;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
    position: absolute;
    top: auto;
  }

  .acura-title-tablet.detail {
    margin-top: 12%;
    display: flex;
  }

  .head-shot.tablet {
    width: 100%;
  }

  .txt-about-me-inner-3 {
    width: 90%;
    height: auto;
    justify-content: flex-start;
    margin-top: -15px;
    margin-bottom: auto;
    padding-top: 5%;
    padding-bottom: 75%;
  }

  .paragraph-size-16-color-black-align-left.width-50, .paragraph-size-16-color-black-align-left.width-70 {
    width: 100%;
    text-align: justify;
  }

  .container-ds-hero {
    width: 100vw;
    height: auto;
    min-height: auto;
    min-width: auto;
    flex-direction: column;
    justify-content: center;
    align-self: auto;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    display: block;
    top: 0;
    bottom: 0;
  }

  .inner-ds-hero {
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    padding-top: 50px;
  }

  .grid-ds-text {
    align-self: auto;
    justify-items: center;
  }

  .ds-hero {
    width: 100%;
    height: auto;
    align-self: flex-start;
    margin-left: 0%;
  }

  .container-ds-where {
    width: 100vw;
    height: auto;
    min-height: auto;
    min-width: auto;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 15%;
    padding-bottom: 15%;
    display: block;
    top: 0;
    bottom: 0;
  }

  .inner-ds-where {
    margin-bottom: 0%;
    padding-top: 0%;
  }

  .grid-5 {
    margin-left: 0%;
  }

  .grid-5.single-column-inner {
    padding-left: 0%;
    padding-right: 0%;
  }

  .grid-5.the-challenge {
    width: 100%;
    margin-left: 0%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .grid-5.pain-points {
    width: 100%;
    margin-left: 0%;
    padding-left: 0%;
  }

  .grid-5.execution-prototyping {
    margin-left: 0%;
    padding-left: 0%;
  }

  .icon-planning {
    max-width: 70%;
  }

  .container-ds-whatis {
    width: 100vw;
    height: auto;
    min-height: auto;
    min-width: auto;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 15%;
    padding-bottom: 20%;
    display: block;
    top: 0;
    bottom: 0;
  }

  .container-ds-needone {
    width: 100vw;
    height: auto;
    min-height: auto;
    min-width: auto;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 15%;
    padding-bottom: 15%;
    display: block;
    top: 0;
    bottom: 0;
  }

  .horizontal {
    flex-direction: column;
    margin-bottom: 3%;
  }

  .grey_horizontal-notitle {
    width: 90%;
    margin-bottom: 0;
    display: flex;
  }

  .grey_horizontal-notitle.narrow {
    width: 85%;
  }

  .img-ds-hero-new {
    max-width: 100%;
  }

  .img-ds-hero-new.phone {
    width: 100%;
  }

  .grid-ds-text-phone {
    align-self: auto;
    justify-items: center;
    display: none;
  }

  .img-ds-hero-phone {
    max-width: 90%;
    display: none;
  }

  .inner-ds-where-phone {
    display: none;
  }

  .inner-ds-whatis {
    margin-bottom: 0%;
    padding-top: 0%;
  }

  .paragraph-14-norm-black-left {
    width: auto;
    padding-right: 0%;
  }

  .section-header-40-norm-white-center {
    background-color: var(--night-rider);
    color: var(--white);
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Avenir Next Normal, sans-serif;
    font-size: 2.5em;
    display: block;
  }

  .ds-block {
    width: 100vw;
    height: auto;
    max-width: 2000px;
    min-width: auto;
    justify-content: flex-start;
    margin: 51px auto 0%;
  }

  .link-block {
    width: 100%;
    height: 490px;
    background-image: none;
    margin-top: 0%;
  }

  .acura-hero-tablet-copy {
    width: 100%;
    height: 100%;
    max-width: none;
    display: block;
  }

  .image-55 {
    opacity: 0;
    display: block;
  }

  .image-cs-ds {
    width: 100%;
    justify-content: center;
    margin-top: 0%;
    display: flex;
  }

  .ds-link {
    width: 100%;
    height: auto;
    background-image: none;
    margin-top: 0%;
  }

  .image-cs-ds-phone {
    width: 100%;
    justify-content: center;
    margin-top: 0%;
    margin-bottom: 0%;
    display: flex;
  }

  .image-57 {
    display: none;
  }

  .rise-overview {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    margin-top: 0;
    margin-bottom: auto;
    padding-top: 0%;
    padding-bottom: 0%;
  }

  .img_rise_whiteboard {
    width: 140%;
  }

  .rise-body-inner {
    width: 100%;
    max-width: none;
  }

  .header-18-norm-black-left-copy {
    font-size: 24px;
  }

  .img_rise_logo-copy {
    width: 130%;
    margin-top: 5%;
  }

  .rise-logo-text-copy {
    justify-content: flex-start;
  }

  .title-wraper-copy {
    flex-direction: column;
    align-self: center;
    align-items: center;
  }

  .title-wraper-copy.narrow {
    width: 80%;
  }

  .execution-design {
    height: auto;
    min-height: auto;
    justify-content: flex-start;
    padding-top: 0%;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .img-wire {
    width: 130%;
    max-height: none;
    max-width: none;
    top: 0;
  }

  .grid-execution-prototype {
    width: 100%;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto;
  }

  .header-16-med-white-left {
    font-size: 16px;
  }

  .rise-img-screen-iso {
    justify-content: flex-start;
  }

  .img-rise-screen-iso {
    width: 100%;
    height: 80%;
    max-width: none;
    margin-bottom: 0%;
  }

  .rise-takeaway {
    height: auto;
    min-height: auto;
    justify-content: flex-start;
    padding-top: 0%;
    position: relative;
  }

  .rise-takeaway-inner {
    width: 100%;
    margin-bottom: 15%;
  }

  .case_study_header_title-phone {
    width: 100%;
    margin-top: 3%;
    top: 0%;
  }

  .div-block-9-cy {
    display: none;
  }

  .rise-overview-phone {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    margin-top: 0;
    margin-bottom: auto;
    padding-top: 0%;
    padding-bottom: 0%;
  }

  .rise-overview-tablet {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    margin-top: 0;
    margin-bottom: auto;
    padding-top: 0%;
    padding-bottom: 0%;
    display: flex;
  }

  .rise-overview-phone-2 {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    margin-top: 0;
    margin-bottom: auto;
    padding-top: 0%;
    padding-bottom: 0%;
    display: none;
  }

  .header-16-semi-white-left {
    font-size: 16px;
  }

  .rise-img-screen-shots-desktop, .rise-img-screen-shots-phone {
    justify-content: flex-start;
    margin-top: -361px;
  }

  .img-rise-screen--phones {
    width: 90%;
    height: 80%;
    max-width: none;
    margin-bottom: 0%;
  }

  .grid-execution-design-2 {
    width: 100%;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto;
  }

  .columns_ad {
    flex-direction: column;
    margin-top: 540px;
  }

  .content_ad.hero-section, .content_ad.hero_section_ad, .content_about.hero-section, .content_contact.hero-section {
    height: auto;
  }

  .case_studies_wrapper_home {
    flex-direction: column;
    margin-top: 560px;
  }

  .case_studies_home.hero-section {
    height: auto;
    margin-top: 0;
  }

  .scroll_gradient {
    height: 100px;
  }

  .maincontainer_ds.hero-section, .section-home-copy.hero-section, .maincontainer_rise.hero-section, .content_fff.hero-section, .continer_about.hero-section {
    height: auto;
  }

  .honda-nsx-home, .honda-nsx-mobile {
    justify-content: flex-start;
  }

  .home-row-two-copy, .home-row-two-copy-copy {
    flex-direction: column;
  }

  .case_studies_home-_mobile.hero-section {
    height: auto;
    margin-top: 0;
  }

  .row-one-ad-mobile {
    flex-direction: column;
  }

  .case_studies_home_mobile.hero-section {
    height: auto;
    margin-top: 0;
  }

  .hello_header_mobile {
    width: 100%;
    height: 700px;
    max-height: 700px;
    max-width: 991px;
    min-height: 700px;
    min-width: 0;
    justify-content: center;
    top: auto;
  }

  .row-home-mobile {
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .hello-header {
    flex-direction: column;
  }

  .footer {
    height: auto;
    min-height: 400px;
    justify-content: flex-start;
    margin-bottom: auto;
    padding: 10% 7%;
  }

  .social-icons-footer {
    width: 140px;
    align-items: center;
    display: flex;
  }

  .footernav.phone {
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5%;
    display: flex;
  }

  .link-3 {
    right: 0;
  }

  .link-4, .link-5 {
    left: auto;
  }

  .column, .column-2, .column-3 {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 3%;
  }

  .column-5 {
    flex-direction: column;
    align-items: flex-start;
  }

  .column-6 {
    display: none;
  }

  .column-7 {
    justify-content: flex-start;
    margin-bottom: 3%;
  }

  .main-container {
    height: auto;
    background-color: #006278;
  }

  .section-home.hero-section {
    height: auto;
    overflow: hidden;
  }

  .nav-menu-3 {
    align-items: center;
  }

  .main_body {
    height: auto;
  }

  .grey_horizontal {
    display: none;
    top: -25%;
  }

  .case-study-header {
    height: 48px;
    min-height: 48px;
    align-items: flex-start;
    position: fixed;
  }

  .case-study-close-x {
    padding-top: 0;
    left: 90%;
    right: auto;
  }

  .image-18 {
    width: 20px;
    top: auto;
    bottom: auto;
    right: auto;
  }

  .case-study-logo {
    width: 276px;
  }

  .body-project {
    height: auto;
    padding-left: 60px;
    padding-right: 60px;
  }

  .ison-responsive {
    margin-bottom: 5%;
    position: relative;
  }

  .div-block-7 {
    height: auto;
  }

  .img_acura_mobile {
    width: 180%;
  }

  .img_acura_tablet {
    margin-top: 10%;
    display: none;
  }

  .body-site-example {
    height: auto;
    margin-top: auto;
    padding-bottom: 8%;
  }

  .phone_header, .phone_about {
    display: none;
  }

  .desltop-footer {
    height: auto;
    min-height: 400px;
    justify-content: flex-start;
    margin-bottom: auto;
    padding: 10% 7%;
  }

  .casestudy-landing-wrapper {
    min-height: auto;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .acura-hero-tablet {
    display: none;
  }

  .rise-hero-tablet {
    display: block;
  }

  .fff-cta {
    top: 17%;
  }

  .acura-hero-phone-horz {
    width: 100%;
    height: auto;
    max-width: none;
    display: block;
  }

  .rise-hero-phone {
    width: 100%;
    height: auto;
    max-width: none;
    min-height: auto;
    display: none;
  }

  .acura-hero-phone-vert {
    width: 100%;
    height: auto;
    max-width: none;
    display: none;
  }

  .section-header-40-norm-black-center {
    display: block;
  }

  .section-header-40-norm-black-center.white-backgound {
    text-align: center;
  }

  .title-wrapper, .img-rise-app {
    margin-top: 0%;
  }

  .rise-logo-text {
    margin-bottom: 16%;
  }

  .image-27 {
    width: 70%;
  }

  .how-we-got-there {
    height: auto;
    margin-top: auto;
    padding-top: 10%;
    padding-left: 0;
    padding-right: 0;
  }

  .rise-usability-design {
    height: auto;
    margin-top: auto;
    padding-bottom: 8%;
  }

  .size-16-med {
    width: 100%;
  }

  .img-rise-logo-vert {
    width: 90%;
    margin-top: 8%;
    margin-bottom: 14%;
    display: block;
  }

  .body-fff {
    height: auto;
  }

  .div-block-12 {
    margin-top: 33px;
  }

  .txt-contact-inner {
    height: 100%;
    justify-content: center;
    margin-top: 6%;
    padding-top: 0%;
  }

  .about-me-header {
    height: auto;
    max-height: none;
    padding: 44px 44px 0;
  }

  .txt-about-me-inner-2 {
    height: 100%;
    justify-content: center;
    padding-top: 0%;
  }

  .heading-9 {
    font-size: 1.75em;
  }

  .about-project-header {
    height: 3200vw;
    max-height: 900px;
    padding: 44px;
  }

  .about-project-header.rise {
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .about-header-fff {
    height: 3200vw;
    max-height: 900px;
    padding: 44px;
  }

  .contact-header-inner {
    margin-top: 36px;
  }

  .contact-header-inner-container {
    padding-left: 60px;
  }

  .acw-logo {
    width: auto;
    position: relative;
  }

  .img_rise_logo {
    margin-top: 10%;
    display: none;
  }

  .acura-title-tablet.detail {
    margin-top: 13%;
    display: flex;
  }

  .txt-about-me-inner-3 {
    height: 100%;
    justify-content: center;
    padding-top: 0%;
  }

  .paragraph-size-16-color-black-align-left.width-50 {
    width: 98%;
  }

  .paragraph-size-16-color-black-align-left.width-70 {
    width: 98%;
    text-align: justify;
    position: static;
  }

  .horizontal {
    margin-top: 0%;
  }

  .grey_horizontal-notitle {
    display: none;
    top: -25%;
  }

  .acura-hero-tablet-copy {
    display: none;
  }

  .rise-overview {
    height: 100%;
    justify-content: center;
    padding-top: 0%;
  }

  .img_rise_whiteboard {
    width: 180%;
  }

  .rise-body-inner {
    height: auto;
  }

  .img_rise_logo-copy {
    margin-top: 10%;
    display: none;
  }

  .rise-logo-text-copy {
    margin-bottom: 16%;
  }

  .title-wraper-copy {
    margin-top: 0%;
  }

  .execution-design, .rise-takeaway {
    height: auto;
    margin-top: auto;
    padding-bottom: 8%;
  }

  .rise-takeaway-inner {
    height: auto;
  }

  .rise-overview-phone, .rise-overview-tablet, .rise-overview-phone-2 {
    height: 100%;
    justify-content: center;
    padding-top: 0%;
  }

  .container_ad {
    height: auto;
  }

  .content_ad.hero-section, .content_ad.hero_section_ad, .content_about.hero-section, .content_contact.hero-section, .case_studies_home.hero-section, .maincontainer_ds.hero-section, .section-home-copy.hero-section, .maincontainer_rise.hero-section, .content_fff.hero-section, .continer_about.hero-section, .case_studies_home-_mobile.hero-section, .case_studies_home_mobile.hero-section {
    height: auto;
    overflow: hidden;
  }

  .hello_header_mobile {
    flex-direction: column;
  }
}

@media screen and (max-width: 479px) {
  .hello-header {
    background-color: #dd3f13;
    padding-left: 0%;
    padding-right: 0%;
    position: fixed;
  }

  .footer {
    height: auto;
    justify-content: flex-start;
    align-self: auto;
    padding: 25% 7%;
    top: auto;
  }

  .social-icons-footer {
    width: auto;
    height: auto;
    margin-bottom: 5%;
    padding-top: 0;
    display: flex;
    position: relative;
    top: 0;
    left: auto;
  }

  .footernav.phone {
    width: auto;
    height: auto;
    min-width: 300px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10%;
    display: flex;
  }

  .link-3 {
    right: auto;
  }

  .link-4 {
    margin-bottom: auto;
    left: auto;
  }

  .link-5 {
    left: auto;
  }

  .column, .column-2, .column-3 {
    justify-content: flex-start;
    margin-bottom: 3%;
  }

  .text-block {
    width: auto;
    top: 32px;
    bottom: 125px;
    left: auto;
  }

  .column-5 {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    left: auto;
  }

  .column-6 {
    display: none;
  }

  .column-7 {
    justify-content: flex-start;
    margin-bottom: 3%;
  }

  .casestudylist {
    max-height: none;
    min-height: auto;
    background-color: #2e2e2e;
    align-self: auto;
    margin-top: 10%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
    overflow: hidden;
  }

  .acura-block {
    width: 100%;
    height: auto;
    max-height: none;
    max-width: none;
    min-height: auto;
    min-width: 0;
    border: .5px none var(--mobile-cs-stroke);
    justify-content: flex-start;
    margin-top: 0%;
    margin-bottom: 0%;
    margin-right: auto;
    top: 0;
    bottom: 0;
    overflow: hidden;
    box-shadow: 0 1px 6px 2px rgba(0, 0, 0, .4);
  }

  .acura-logo {
    width: 86%;
    top: auto;
  }

  .rise-block {
    width: 100%;
    height: auto;
    min-height: auto;
    border: .5px none var(--mobile-cs-stroke);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0%;
    margin-left: 0;
    margin-right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    box-shadow: 0 1px 6px 2px rgba(0, 0, 0, .4);
  }

  .desktopandmobile {
    width: 100%;
    height: auto;
    text-align: center;
    justify-content: center;
    margin-top: 1%;
    margin-bottom: 0%;
    font-size: 6vw;
    top: 0;
    left: auto;
  }

  .risecasestudysection {
    height: auto;
    min-height: auto;
    border: 1px #000;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
  }

  .riselogo {
    width: 60vw;
    height: auto;
  }

  .fffblock {
    width: 100%;
    height: auto;
    max-width: none;
    min-height: auto;
    min-width: auto;
    border: .5px none var(--mobile-cs-stroke);
    box-shadow: none;
    background-image: linear-gradient(#eee, #f3f3f3);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0%;
    bottom: 0;
    overflow: hidden;
  }

  .fffcasestudysection {
    width: 100vw;
    height: auto;
    max-width: none;
    min-height: auto;
    flex-direction: column;
    justify-content: flex-start;
    top: 0;
    overflow: visible;
  }

  .ffflogo {
    width: 40vw;
    top: auto;
  }

  .main-container {
    height: auto;
    background-color: var(--silver);
    border-radius: 0;
    overflow: hidden;
  }

  .section-home.hero-section {
    width: 100%;
    height: auto;
    background-color: #5090cf;
    margin-top: 0%;
  }

  .main_nav {
    opacity: 1;
    padding-left: 13px;
    display: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .45);
  }

  .main_body {
    height: auto;
    max-height: none;
    min-height: auto;
    background-color: #000;
    align-items: center;
    overflow: visible;
  }

  .case_study_header_title {
    margin-bottom: 20px;
    display: flex;
  }

  .column-9 {
    padding-top: 18px;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .grey_horizontal {
    display: none;
  }

  .img_acura_header-desktop {
    width: 100vw;
    height: 5%;
    min-height: 300px;
    padding-right: 0%;
    display: none;
    overflow: hidden;
  }

  .case-study-header {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    position: fixed;
  }

  .image-17 {
    width: 100%;
    height: auto;
    max-width: none;
    min-height: auto;
    left: auto;
  }

  .case-study-close-x {
    margin-bottom: 15px;
    margin-right: 0;
    padding-top: 0%;
    top: 15%;
  }

  .image-18 {
    right: 2px;
  }

  .case-study-logo {
    top: auto;
    left: -7px;
  }

  .tools_grid {
    width: 100%;
    align-content: start;
    justify-content: start;
    align-items: start;
    justify-items: start;
    margin-top: 8%;
    top: auto;
    left: auto;
  }

  .tools_grid.acura {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: 40px 40px;
    grid-template-columns: 40px 40px 40px 40px 40px 40px 40px;
    grid-auto-columns: 1fr;
    margin-bottom: 22px;
    display: grid;
  }

  .tools_grid.acura.phone {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: 40px 40px;
    grid-template-columns: 40px 40px 40px 40px 40px;
    grid-auto-columns: 1fr;
    margin-top: auto;
    padding-top: 3%;
    display: grid;
    top: 8%;
  }

  .tools_grid.rise {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: 40px 40px;
    grid-template-columns: 40px 40px 40px 40px 40px 40px 40px;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .tools_grid.rise.phone {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: 40px 40px;
    grid-template-columns: 40px 40px 40px 40px 40px;
    grid-auto-columns: 1fr;
    margin-top: auto;
    padding-top: 3%;
    display: grid;
    top: 8%;
  }

  .body-project {
    height: auto;
    margin-top: 0;
    padding: 23% 8% 25%;
    top: auto;
    overflow: hidden;
  }

  .ison-responsive {
    width: 116px;
    margin-bottom: 0%;
  }

  .img_acura_phones {
    width: 200%;
  }

  .div-block-7 {
    height: auto;
    justify-content: flex-start;
    margin-bottom: 3%;
    padding-top: 0%;
    padding-bottom: 5%;
  }

  .tools-for-the-job {
    margin-top: 0;
    display: flex;
    top: auto;
  }

  .img_acura_mobile {
    width: 160%;
    margin-top: 11%;
    margin-bottom: 3%;
    padding-top: 0%;
    padding-bottom: 0%;
    padding-left: 0;
    position: relative;
  }

  .phone_txt_acura {
    width: 80%;
  }

  .img_acura_tablet {
    width: 116%;
    margin-top: 30%;
    margin-bottom: 10%;
    margin-left: 0;
    padding-top: 0%;
    padding-bottom: 0%;
    display: block;
  }

  .img_acura_tablets {
    width: 100%;
  }

  .tablet_txt {
    width: 80%;
    margin-top: 0%;
  }

  .body-site-example {
    height: auto;
    flex-direction: row;
    padding-top: 10%;
    padding-bottom: 10%;
    top: auto;
  }

  .img_acura_desktop_large {
    width: 90%;
  }

  .div-block-9 {
    width: 100%;
    height: 70%;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 6%;
    display: none;
    position: relative;
  }

  .phone_header {
    color: #fff;
    flex-direction: row;
    align-items: flex-start;
    font-family: "Avenirnext 08";
    font-size: 1.5em;
    font-weight: 400;
    display: block;
    position: relative;
    top: 6%;
  }

  .phone_header.about_project {
    margin-top: 5%;
    margin-bottom: 5%;
    top: auto;
  }

  .phone_header.my_role {
    margin-top: 5%;
    margin-bottom: 5%;
    position: relative;
    top: auto;
  }

  .phone_header.tools_job {
    margin-top: 5%;
    margin-bottom: 5%;
    top: auto;
  }

  .phone_about {
    color: #fff;
    padding-top: 13px;
    font-family: "Avenirnext 08";
    font-size: .875em;
    line-height: 22px;
    display: flex;
    position: relative;
    top: 10px;
  }

  .phone_about.project, .phone_about.role {
    margin-bottom: 15%;
    padding-top: 0%;
    font-size: 1em;
    line-height: 1.75em;
    top: auto;
  }

  ._12-normal {
    width: 100%;
    margin-bottom: 6%;
  }

  .image-23 {
    width: 150%;
    max-width: none;
    margin-top: 10%;
    padding-right: 0;
    left: auto;
    right: auto;
  }

  .img-grid-ad {
    width: auto;
    max-width: 100%;
    display: block;
    overflow: hidden;
  }

  .img-amark {
    width: auto;
    max-width: 100%;
  }

  .footer-column-tablet {
    width: auto;
    position: relative;
  }

  .footer-nav-vert-container {
    margin-bottom: 12%;
    display: none;
  }

  .desltop-footer {
    height: auto;
    justify-content: flex-start;
    align-self: auto;
    padding: 20% 7%;
    top: auto;
  }

  .social-links-footer {
    margin-bottom: 4%;
  }

  .casestudy-landing-wrapper {
    height: 100vh;
    max-height: none;
    min-height: auto;
    background-color: var(--black);
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
    overflow: visible;
  }

  .acuracasestudylink {
    width: 100%;
    height: auto;
    min-height: 0;
    border: 0 rgba(0, 0, 0, 0);
    justify-content: flex-start;
    position: relative;
  }

  .acura-cta {
    width: auto;
    height: auto;
    justify-content: flex-start;
    margin-top: 20%;
    padding-bottom: 0;
    top: auto;
  }

  .rise-cta {
    width: 100%;
    height: auto;
    min-width: auto;
    justify-content: flex-start;
    margin: 16% auto 58px;
    position: absolute;
    top: 0%;
  }

  .rise-cta.detail {
    margin-top: 29%;
  }

  .rise-hero-tablet, .fff-hero-tablet {
    display: none;
  }

  .fff-cta {
    z-index: 10;
    width: 100%;
    height: auto;
    max-height: 250px;
    justify-content: flex-start;
    margin: 11% auto auto;
    position: absolute;
    top: 0%;
    left: auto;
    right: auto;
  }

  .fff-cta.detail {
    margin-top: 22%;
  }

  .acura-hero-phone-horz {
    display: none;
  }

  .rise-hero-phone {
    width: 100vw;
    min-height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    display: block;
    position: relative;
  }

  .fff-hero-phone {
    width: 100vw;
    height: auto;
    max-width: none;
    min-height: auto;
    min-width: auto;
    margin-top: -3%;
    display: block;
    position: relative;
    top: 4%;
    right: auto;
  }

  .acura-hero-phone-vert {
    width: 100%;
    height: auto;
    min-height: auto;
    border: 0 rgba(0, 0, 0, 0);
    display: block;
    position: relative;
  }

  .text-block-6 {
    opacity: 1;
    color: var(--silver);
    padding-top: 16px;
    font-family: "Avenirnext 08";
    font-size: 1.25em;
    font-weight: 400;
  }

  .logo {
    height: 30%;
    opacity: .8;
    margin-top: 17px;
  }

  .hire-reasons-wrapper {
    width: auto;
    margin-top: 0%;
    margin-bottom: 14%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    left: auto;
    right: auto;
  }

  .hire-inner.left {
    width: 100%;
    height: auto;
    align-items: center;
    padding-left: 0;
  }

  .hire-inner.right {
    width: 100%;
    height: auto;
    margin-bottom: 35px;
    padding-left: 0;
    position: relative;
  }

  .hire-one {
    width: 280px;
    align-items: flex-start;
  }

  .hire-text {
    height: auto;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
  }

  .heading-7 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-block-7 {
    width: 100%;
  }

  .hire-two {
    width: 280px;
    align-items: flex-start;
    margin-top: 20px;
    padding-top: 0%;
    top: auto;
  }

  .hire-four {
    width: 280px;
    height: auto;
    align-items: flex-start;
    margin-top: 20px;
  }

  .hire-five {
    width: 280px;
    height: auto;
    align-items: flex-start;
    margin-top: 20px;
    top: auto;
  }

  .detail-oriented {
    width: 130%;
  }

  .hire-three {
    width: 280px;
    align-items: flex-start;
    margin-top: 20px;
    margin-bottom: 0;
    top: auto;
  }

  .header-subtitle-wrapper {
    height: auto;
    margin-top: 3%;
    margin-bottom: 0%;
  }

  .section-header-40-norm-black-center {
    text-align: center;
    padding-left: 0;
    padding-right: 9px;
    top: 0%;
  }

  .section-header-40-norm-black-center.color-black.align-center {
    margin-bottom: 5%;
  }

  .section-header-40-norm-black-center.white-background.phone {
    margin-bottom: 10%;
  }

  .about-me-inner {
    width: 90vw;
    padding-top: 0%;
  }

  .recent-experience-wraper {
    width: auto;
  }

  .experience-aircam {
    width: auto;
    height: auto;
    background-color: var(--white);
    margin-bottom: 8%;
    margin-left: auto;
    margin-right: auto;
  }

  .experience-row-one {
    width: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .experience-mxx {
    width: auto;
    height: auto;
    margin-bottom: 8%;
  }

  .experience-row-two {
    width: auto;
    flex-direction: column;
    margin-top: auto;
  }

  .experience-relativity {
    width: auto;
    height: auto;
    margin-bottom: 8%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0%;
  }

  .experience-mtvn {
    width: auto;
    height: auto;
    margin-bottom: 8%;
    margin-left: auto;
    margin-right: auto;
  }

  .body-resume-download {
    width: 80%;
    display: none;
  }

  .circle-graphic {
    width: 150%;
    margin-bottom: 25%;
  }

  .img-ux-graphic, .software-fluent-wrapper {
    display: none;
  }

  .software-row-one {
    width: 100%;
  }

  .software-item {
    width: 290px;
    margin-right: 0;
  }

  .txt-item {
    line-height: 1.2em;
  }

  .title-wrapper {
    width: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0%;
    font-size: 14px;
  }

  .title-wrapper.narrow {
    width: 100%;
    align-items: center;
  }

  .title-wrapper.phone {
    width: auto;
    align-self: flex-start;
    margin-left: 0;
  }

  .image-26 {
    width: 60%;
    max-width: none;
    position: relative;
  }

  .software-icons-phone {
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-top: 0%;
    padding-bottom: 17px;
    padding-left: 6%;
    display: flex;
    position: relative;
  }

  .software-two-item {
    width: 100%;
    align-items: center;
    margin-bottom: 15%;
    display: flex;
  }

  .img-rise-app {
    width: 100%;
    margin-top: 0%;
    margin-right: 25%;
    padding-right: 0;
  }

  .img-rise-logo {
    width: 100%;
  }

  .rise-logo-text {
    flex-direction: column;
    margin-top: 0%;
  }

  .txt-whata-in-logo {
    width: 100%;
  }

  .txt-app-icon {
    width: 100%;
    margin-left: auto;
  }

  .image-27 {
    width: 60%;
    max-width: none;
  }

  .how-we-got-there {
    width: 100%;
    height: auto;
    max-height: none;
    margin-top: 0;
    padding: 0% 6%;
    top: auto;
    overflow: hidden;
  }

  .rise-usability-design {
    height: auto;
    flex-direction: row;
    margin-top: 0;
    padding-top: 10%;
    padding-bottom: 0%;
    top: auto;
  }

  .img-rise-screen {
    width: 160%;
    margin-top: 0%;
  }

  .rise-img-screen-shots {
    margin-top: -105px;
    margin-bottom: -5px;
  }

  .txt-rise-screen {
    flex-direction: column;
    padding-left: 30px;
  }

  .txt-usability-txt {
    width: 100%;
    margin-bottom: 31px;
  }

  .img-acura-header-phone {
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .img-rise-logo-vert {
    margin-top: 8%;
    margin-bottom: 15%;
    display: none;
    position: relative;
  }

  .img-evolution-fff {
    width: 98%;
    margin-top: 0%;
    padding-left: 8px;
    padding-right: 9px;
  }

  .evolution-img-fff {
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    margin-top: 5%;
    margin-bottom: 31%;
    padding-left: 0%;
    padding-right: 0%;
    display: flex;
  }

  .body-fff {
    height: auto;
    justify-content: flex-start;
    margin-bottom: 10%;
    padding-top: 0%;
  }

  .responsive-header {
    justify-content: flex-start;
    position: relative;
  }

  .img-fff-screen {
    width: 98%;
    margin-top: 4%;
    position: relative;
  }

  .title_contact {
    flex-direction: column;
    align-items: flex-start;
    margin-right: auto;
    padding-right: 0;
    top: auto;
  }

  .div-block-12 {
    margin-left: 0;
  }

  .txt-contact-inner {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: auto;
    padding-top: 0%;
    top: auto;
  }

  .column-13 {
    padding-right: 0;
  }

  .about-me-header {
    width: 100%;
    height: auto;
    max-height: none;
    max-width: none;
    min-height: auto;
    background-color: #252525;
    justify-content: flex-start;
    margin-top: 0%;
    padding: 14% 10% 0%;
  }

  .txt-about-me-inner-2 {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0%;
    margin-bottom: 0%;
    padding-top: 0%;
    padding-bottom: 40%;
    top: auto;
  }

  .button-download-resume-2 {
    background-color: #14b2bc;
    margin-bottom: 30px;
    bottom: 0;
  }

  .heading-9 {
    top: auto;
  }

  .title_acura-2 {
    display: none;
    top: auto;
  }

  .contact-body-inner {
    width: 90vw;
  }

  .txt-history {
    padding-left: 0%;
  }

  .about-project-header {
    width: 100%;
    height: auto;
    max-height: none;
    max-width: none;
    min-height: auto;
    justify-content: flex-start;
    margin-top: 0;
    padding: 25% 10% 15%;
  }

  .about-project-header.acura {
    height: auto;
    margin-bottom: 0;
    padding-bottom: 0%;
  }

  .about-project-header.rise {
    height: auto;
    padding-top: 10%;
  }

  .about-header-fff {
    width: 100%;
    height: auto;
    max-height: none;
    max-width: none;
    min-height: auto;
    justify-content: flex-start;
    padding: 25% 10% 10%;
  }

  .contact-header-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .contact-header-inner {
    height: auto;
    max-height: none;
    min-height: auto;
    align-items: flex-start;
    margin-top: 20%;
    position: relative;
  }

  .img-contact-bttm {
    width: 150%;
    margin-top: 10%;
    margin-bottom: 0;
  }

  .contact-header-inner-container {
    height: auto;
    padding-left: 8%;
    padding-right: 20px;
  }

  .img-location {
    width: 1450px;
    height: 400px;
  }

  .acw-logo {
    margin-bottom: -5%;
    display: none;
  }

  .img_rise_logo {
    width: 116%;
    margin-top: 30%;
    margin-bottom: 20%;
    margin-left: 0;
    padding-top: 0%;
    padding-bottom: 0%;
    display: none;
  }

  .img_fff_header-desktop {
    width: 100vw;
    height: 5%;
    min-height: 300px;
    padding-right: 0%;
    display: none;
    overflow: hidden;
  }

  .home-columns {
    z-index: 5;
    margin-top: 488px;
    top: auto;
  }

  .row-one-ad {
    width: 100%;
  }

  .caption-block {
    display: none;
  }

  ._12-norm {
    max-width: 375px;
    display: none;
  }

  .honda-mobile-phone {
    width: auto;
    max-width: none;
    display: none;
    overflow: hidden;
  }

  .nav-bottom {
    width: 368px;
    height: 70px;
    opacity: .96;
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 10px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    display: flex;
    position: fixed;
    top: auto;
    bottom: 2%;
    left: auto;
    right: auto;
  }

  .container-2 {
    width: 360px;
    opacity: 1;
    border: 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    justify-content: center;
    align-items: flex-start;
    margin-top: 0%;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .home-lower {
    width: 80px;
    height: 70px;
    color: var(--white);
    text-align: center;
    background-color: rgba(0, 0, 0, .04);
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 44px;
    padding-left: 22px;
    padding-right: 22px;
    font-size: 11px;
    bottom: 0;
  }

  .home-lower.w--current {
    height: 70px;
    background-color: var(--nav-orange);
    color: var(--white);
    border-radius: 10px 0 0 10px;
  }

  .home-lower.w--current:focus {
    background-color: var(--nav-orange);
  }

  .casestudy-lower {
    width: 108px;
    height: 70px;
    color: var(--white);
    text-align: center;
    background-color: rgba(0, 0, 0, .07);
    padding: 44px 15px 0;
    font-size: 11px;
  }

  .casestudy-lower.w--current {
    height: 70px;
    background-color: var(--nav-orange);
    color: var(--white);
    border-radius: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .contact-lower {
    height: 70px;
    color: var(--white);
    background-color: rgba(0, 0, 0, .08);
    margin-left: 0;
    margin-right: 0;
    padding: 44px 15px 0;
    font-size: 11px;
  }

  .contact-lower.w--current {
    z-index: 0;
    border: 1px none var(--suva-grey);
    background-color: var(--nav-orange);
    color: var(--white);
    border-radius: 0 10px 10px 0;
  }

  .nav-menu-4 {
    z-index: 2;
    width: 100%;
    height: 70px;
    background-color: rgba(0, 0, 0, .48);
    border: .5px solid rgba(0, 0, 0, .4);
    border-radius: 10px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    box-shadow: 2px 0 5px 1px rgba(0, 0, 0, .2);
  }

  .aboutme-lower {
    width: 96px;
    height: 70px;
    color: var(--white);
    text-align: center;
    background-color: rgba(0, 0, 0, .06);
    margin-left: 0;
    margin-right: 0;
    padding: 44px 15px 0;
    font-size: 11px;
  }

  .aboutme-lower.w--current {
    background-color: var(--nav-orange);
    color: var(--white);
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 11px;
  }

  .casestudy-nav-lower {
    background-color: rgba(0, 0, 0, 0);
    flex-direction: column;
    align-items: center;
    margin-top: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .image-39 {
    z-index: 5;
    padding-top: 12px;
    position: absolute;
  }

  .home-nav-lower {
    flex-direction: column;
    align-items: center;
    margin-top: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .home-icon {
    z-index: 10;
    padding-top: 12px;
    position: absolute;
  }

  .about-nav-lower {
    flex-direction: column;
    align-items: center;
    margin-top: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .img-about-me {
    z-index: 1;
    padding-top: 12px;
    position: absolute;
  }

  .contact-nav-lower {
    flex-direction: column;
    align-items: center;
    margin-top: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .contact-icon {
    z-index: 2;
    padding-top: 12px;
    position: absolute;
  }

  .gradient {
    width: 100%;
    height: 300px;
    background-image: linear-gradient(rgba(0, 98, 120, .01), #006278);
  }

  .case-studies-header {
    height: 40px;
    margin-top: 0;
  }

  .casestudy-lower-2 {
    width: 108px;
    height: 50px;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, .07);
    padding: 16px 6px 0;
    font-size: 11px;
  }

  .casestudy-lower-2.w--current {
    height: 50px;
    color: #fff;
    background-color: #f4a537;
    border-radius: 0;
    padding-left: 6px;
    padding-right: 6px;
  }

  .nav-menu-5 {
    z-index: 2;
    width: 360px;
    height: 50px;
    box-shadow: none;
    opacity: 1;
    background-color: rgba(57, 64, 71, .8);
    border: .5px #fff;
    border-radius: 30px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .contact-lower-2 {
    height: 50px;
    color: #fff;
    background-color: rgba(0, 0, 0, .08);
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 16px 22px 0 18px;
    font-size: 11px;
  }

  .contact-lower-2.w--current {
    z-index: 0;
    color: #fff;
    background-color: #f4a537;
    border: 1px #8b8b8b;
    border-radius: 0 20px 20px 0;
    padding-left: 18px;
    padding-right: 22px;
  }

  .aboutme-lower-2 {
    width: 96px;
    height: 50px;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, .06);
    margin-left: 0;
    margin-right: 0;
    padding: 16px 6px 0;
    font-size: 11px;
  }

  .aboutme-lower-2.w--current {
    color: #fff;
    background-color: #f4a537;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 11px;
  }

  .nav-bottom-2 {
    width: 360px;
    height: 50px;
    opacity: .96;
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 10px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    display: flex;
    position: fixed;
    top: auto;
    bottom: 3%;
    left: auto;
    right: auto;
  }

  .home-lower-2 {
    width: 80px;
    height: 50px;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 16px 10px 0 14px;
    font-size: 11px;
    bottom: 0;
  }

  .home-lower-2:focus {
    background-color: rgba(0, 0, 0, 0);
  }

  .home-lower-2.w--current {
    height: 50px;
    color: #fff;
    background-color: #f4a537;
    border-radius: 30px 0 0 30px;
    padding: 16px 8px 0 18px;
  }

  .home-lower-2.w--current:focus {
    background-color: #cf4520;
  }

  .acura-cs-modal-content {
    display: flex;
  }

  .about-me-mobile {
    flex-direction: column;
    margin-bottom: 0;
    display: flex;
  }

  .div-block-20 {
    height: 425px;
    max-height: none;
    min-height: 400px;
    position: relative;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .image-phone-header {
    width: 100vh;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .img_acura_header-tablet {
    width: 100vw;
    height: 5%;
    min-height: 300px;
    padding-right: 0%;
    display: none;
    overflow: hidden;
  }

  .img--acura-casestudy-tablet {
    width: 100%;
    height: auto;
    max-width: none;
    min-height: 320px;
    left: auto;
  }

  .extended-nav-background {
    display: none;
  }

  .img_case_home.mobile {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
  }

  .learn-more {
    width: auto;
    height: auto;
    margin-top: 4%;
    padding-top: 0%;
  }

  .header-24-norm-black-left {
    font-size: 24px;
  }

  .container-footer {
    padding: 0;
  }

  .learn-more--modal {
    width: auto;
    height: auto;
    margin-top: 4%;
    padding-top: 0%;
  }

  .rise-cc-header {
    width: 100%;
    height: auto;
    min-height: auto;
    border: .5px none var(--mobile-cs-stroke);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0%;
    margin-left: 0;
    margin-right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    box-shadow: 0 1px 6px 2px rgba(0, 0, 0, .4);
  }

  .cs-detail-rise-header {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .cs-fff-header {
    width: 100%;
    height: auto;
    max-width: none;
    min-height: auto;
    min-width: auto;
    border: .5px none var(--mobile-cs-stroke);
    box-shadow: none;
    background-image: linear-gradient(#eee, #f3f3f3);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0%;
    bottom: 0;
    overflow: hidden;
  }

  .aboutme-header {
    display: flex;
    top: auto;
  }

  .header-mobile {
    z-index: 100;
    height: 45px;
    background-color: rgba(0, 0, 0, .85);
    border-bottom: 1px solid #2b2b2b;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .logo-mobile {
    height: 30%;
    opacity: .8;
    margin-top: 17px;
  }

  .logo-mobile.mobile {
    height: 30%;
    object-fit: contain;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    left: auto;
  }

  .acura-title-tablet {
    width: auto;
    height: auto;
    justify-content: flex-start;
    margin-top: 20%;
    padding-bottom: 0;
    top: auto;
  }

  .acura-title-tablet.detail {
    margin-top: 39%;
    display: flex;
  }

  .head-shot.tablet {
    width: 140%;
    top: auto;
    bottom: 0%;
    left: auto;
    right: auto;
  }

  .txt-about-me-inner-3 {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    align-items: center;
    margin-top: 14%;
    margin-bottom: 0%;
    padding-top: 0%;
    padding-bottom: 124%;
    top: auto;
  }

  .img-logos-phone {
    max-width: 96%;
    padding-top: 13%;
  }

  .paragraph-size-16-color-black-align-left.width-50 {
    width: 100%;
    text-align: justify;
  }

  .paragraph-size-16-color-black-align-left.width-70 {
    width: 98%;
    text-align: justify;
  }

  .paragraph-14-norm-white-left {
    margin-top: 4%;
    margin-bottom: 4%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .paragraph-14-norm-white-left.phone {
    margin-bottom: 15%;
  }

  .paragraph-size-16-color-black-align-right {
    width: auto;
    padding-left: 0;
    position: relative;
  }

  .header-label-18-black-left {
    margin-left: -4%;
  }

  .container-ds-hero {
    width: 100%;
    height: auto;
    min-height: auto;
    border: .5px none var(--mobile-cs-stroke);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0%;
    margin-left: 0;
    margin-right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    box-shadow: 0 1px 6px 2px rgba(0, 0, 0, .4);
  }

  .inner-ds-hero {
    margin-bottom: 0;
    padding-top: 13%;
    padding-bottom: 0;
  }

  .grid-ds-text {
    display: none;
  }

  .grid-header-paragrph {
    margin-top: 30px;
    padding-left: 5%;
    padding-right: 5%;
    display: block;
  }

  .header-24-med-white-left {
    margin-bottom: 10%;
    font-weight: 600;
    display: block;
  }

  .ds-hero {
    box-shadow: none;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 0%;
  }

  .container-ds-where {
    width: 100%;
    height: auto;
    min-height: auto;
    border: .5px none var(--mobile-cs-stroke);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 15%;
    padding-bottom: 30%;
    display: block;
    top: 0;
    bottom: 0;
    overflow: hidden;
    box-shadow: 0 1px 6px 2px rgba(0, 0, 0, .4);
  }

  .inner-ds-where {
    margin-bottom: 0;
    padding-bottom: 0;
    display: none;
  }

  .inner-ds-where.no-bottom-spacing._5-top-spacing {
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
  }

  .paragraph-size-14-color-black-align-left {
    white-space: normal;
    margin-top: 0;
    padding-left: 0%;
    padding-right: 2%;
  }

  .paragraph-size-14-color-black-align-left.margin {
    margin-bottom: 10%;
  }

  .grid-text-noheader {
    grid-template-columns: 65fr;
    grid-auto-flow: column;
    display: block;
  }

  .grid-text-noheader.center {
    margin-bottom: 0%;
  }

  .grid-large-list {
    grid-column-gap: 16px;
    grid-template-columns: 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr;
    margin-top: 15%;
  }

  .grid-large-list.examples {
    margin-top: 30%;
  }

  .grid-5 {
    grid-row-gap: 0px;
  }

  .grid-5.single-column-inner {
    display: none;
  }

  .grid-5.single-column-inner.list {
    display: block;
  }

  .grid-5.benefits.phone {
    margin-left: 0%;
    padding-top: 10%;
  }

  .grid-5.problem-phone {
    padding-top: 10%;
  }

  .grid-5.results-phone {
    grid-template-columns: 1fr 1fr;
  }

  .grid-5.sharing-phone {
    grid-template-columns: minmax(57px, .25fr) 1.75fr 1fr;
    margin-bottom: 0%;
  }

  .grid-5.conclusion-phone {
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-flow: column;
    padding-top: 10%;
  }

  .grid-5.the-challenge.phone {
    margin-left: 0%;
    padding-top: 10%;
  }

  .grid-5.pain-points.phone {
    margin-bottom: 20%;
    margin-left: 0%;
    padding-top: 10%;
  }

  .icon-planning {
    max-width: 50px;
  }

  .container-ds-whatis {
    width: 100%;
    height: auto;
    min-height: auto;
    border: .5px none var(--mobile-cs-stroke);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 25%;
    padding-bottom: 30%;
    display: block;
    top: 0;
    bottom: 0;
    overflow: hidden;
    box-shadow: 0 1px 6px 2px rgba(0, 0, 0, .4);
  }

  .header-24-reg-white-left {
    font-weight: 400;
  }

  .header-24-reg-white-left.phone-resources-header {
    margin-top: -20px;
    padding-top: 0;
  }

  .image-50, .img-atom-design-desktop {
    display: none;
  }

  .image-52 {
    max-width: 100%;
    margin-top: 10%;
    margin-bottom: 0%;
  }

  .container-ds-needone {
    width: 100%;
    height: auto;
    min-height: auto;
    border: .5px none var(--mobile-cs-stroke);
    flex-direction: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    margin-bottom: 0%;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    display: flex;
    top: 0;
    bottom: 0;
    overflow: hidden;
    box-shadow: 0 1px 6px 2px rgba(0, 0, 0, .4);
  }

  .horizontal {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    margin-bottom: 1%;
  }

  .grey_horizontal-notitle {
    display: none;
  }

  .grey_horizontal-notitle.narrow {
    display: flex;
  }

  .img-ds-hero-new {
    max-height: 100%;
    max-width: 100%;
    display: none;
  }

  .img-ds-hero-new.phone {
    display: none;
  }

  .grid-ds-text-phone {
    grid-column-gap: 0px;
    grid-template-columns: 65fr;
    grid-auto-flow: column;
    padding-top: 10%;
    display: block;
  }

  .img-ds-hero-phone {
    max-width: 100%;
    display: block;
  }

  .image-53 {
    display: none;
  }

  .inner-ds-where-phone {
    margin-bottom: 0%;
    padding: 0% 5% 0;
    display: block;
  }

  .inner-ds-whatis {
    margin-bottom: 0;
    padding: 15% 5% 0;
    display: none;
  }

  .inner-ds-didwe {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
  }

  .inner-ds-whatis-phone {
    margin-bottom: 0;
    padding: 0% 5% 0;
    display: block;
  }

  .header-28-med-white-left {
    height: auto;
    letter-spacing: 0;
    margin-bottom: 5%;
    font-family: Avenir Next Medium, sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
    display: block;
  }

  .header-28-med-black-left {
    letter-spacing: 0;
    margin-bottom: 5%;
    font-family: Avenir Next Medium, sans-serif;
    font-size: 28px;
    font-weight: 500;
  }

  .paragraph-14-norm-white-left {
    max-width: 100%;
    color: var(--white);
    white-space: normal;
    margin-top: 0%;
    margin-bottom: 12%;
    font-family: Avenir Next Normal, sans-serif;
    line-height: 24px;
  }

  .paragraph-14-norm-black-left {
    width: 100%;
    font-family: Avenir Next Normal, sans-serif;
    font-weight: 400;
    line-height: 24px;
  }

  .img-atom-design-phone {
    max-width: 248px;
    margin-top: 10%;
  }

  .grid-ds-benefits-phone {
    grid-template-columns: 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr;
    padding-right: 0%;
    display: block;
  }

  .grid-ds-benefits, .grid-ds-results, .grid-ds-problem {
    grid-template-columns: 65fr 65fr 65fr 65fr 65fr;
    display: none;
  }

  .grid-ds-problem-phone {
    grid-template-columns: 65fr 65fr 65fr 65fr 65fr 65fr 65fr 65fr;
    padding-right: 0%;
    display: block;
  }

  .grid-ds-results-phone {
    grid-template-columns: 65fr 65fr 65fr 65fr 65fr;
    display: flex;
  }

  .grid-ds-sharing, .grid-ds-conclusion, .grid-ds-references {
    grid-template-columns: 65fr 65fr 65fr 65fr 65fr;
    display: none;
  }

  .grid-ds-sharing-phone {
    grid-template-columns: 65fr 65fr 65fr 65fr 65fr;
    margin-bottom: 0;
    display: flex;
  }

  .grid-ds-conclusion-phone {
    grid-template-columns: 65fr 65fr 65fr 65fr 65fr;
    margin-bottom: 15%;
    display: flex;
  }

  .grid-ds-references-phone {
    grid-template-columns: 65fr 65fr 65fr 65fr 65fr;
    margin-top: 0%;
    padding-top: 15%;
    display: flex;
  }

  .image-54 {
    width: 1000px;
    max-width: none;
  }

  .ds-block {
    width: 100%;
    height: auto;
    max-height: none;
    max-width: none;
    min-height: auto;
    min-width: 0;
    border: .5px none var(--mobile-cs-stroke);
    justify-content: flex-start;
    margin-top: 1%;
    margin-bottom: 0%;
    margin-right: auto;
    top: 0;
    bottom: 0;
    overflow: hidden;
    box-shadow: 0 1px 6px 2px rgba(0, 0, 0, .4);
  }

  .hello-inner-phone {
    width: 100%;
    max-width: 100%;
    align-items: flex-start;
    margin-top: 8%;
    padding-left: 10%;
    padding-right: 7%;
    top: 60px;
  }

  .title-140-semi-white-left {
    width: auto;
    margin-top: 10%;
    margin-bottom: 0;
    margin-left: -13px;
    font-size: 140px;
    line-height: 130px;
  }

  .header-36-med-white-left {
    letter-spacing: 0;
    margin-bottom: 5%;
    font-family: Avenir Next Medium, sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
    display: none;
  }

  .paragraph-18-norm-white-left {
    margin-top: 4%;
    margin-bottom: 4%;
    padding-left: 0%;
    padding-right: 0%;
    display: none;
  }

  .hero-140-semi-white-left {
    margin-left: -3%;
    padding-top: 0;
    font-size: 140px;
    line-height: 140px;
  }

  .paragraph-32-med-white-left {
    color: var(--white);
    margin-top: -5px;
    font-family: Avenir Next Medium, sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    display: flex;
  }

  .paragraph-17-norm-white-left {
    color: var(--white);
    padding-top: 3%;
    font-family: Avenir Next Normal, sans-serif;
    font-size: 16px;
    line-height: 24px;
    display: flex;
  }

  .image-cs-ds {
    width: 100%;
    height: 100%;
  }

  .ds-link {
    width: 100%;
    height: auto;
    margin-top: 0%;
  }

  .image-cs-ds-phone {
    width: 100%;
    height: auto;
  }

  .image-57 {
    width: 100%;
    height: auto;
    max-height: 100%;
    max-width: none;
    display: block;
  }

  .rise-overview {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    align-items: center;
    margin-top: 5%;
    margin-bottom: 0%;
    padding-top: 0%;
    padding-bottom: 25%;
    top: auto;
  }

  .img_rise_whiteboard {
    width: 300%;
    margin-top: auto;
    margin-bottom: 3%;
    padding-top: 0%;
    padding-bottom: 0%;
    padding-left: 0;
    position: relative;
  }

  .rise-body-inner {
    height: auto;
    justify-content: flex-start;
    margin-bottom: 3%;
    padding-top: 0%;
    padding-bottom: 5%;
  }

  .grid-rise-challenge {
    grid-template-columns: 65fr 65fr 65fr 65fr 65fr;
    display: block;
  }

  .list-item, .list-item-2, .list-item-3 {
    margin-bottom: 4%;
  }

  .grid-rise-pain-points {
    grid-template-columns: 65fr 65fr 65fr 65fr 65fr;
    display: flex;
  }

  .header-18-norm-black-left-copy {
    font-size: 24px;
    line-height: 30px;
  }

  .img_rise_logo-copy {
    width: 116%;
    margin-top: 30%;
    margin-bottom: 20%;
    margin-left: 0;
    padding-top: 0%;
    padding-bottom: 0%;
    display: none;
  }

  .rise-logo-text-copy {
    flex-direction: column;
    margin-top: 0%;
  }

  .title-wraper-copy {
    width: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0%;
    font-size: 14px;
  }

  .title-wraper-copy.narrow {
    width: 100%;
    align-items: center;
  }

  .execution-design {
    height: auto;
    flex-direction: column;
    margin-top: 0;
    padding: 10% 6% 0%;
    top: auto;
  }

  .execution-design.phone {
    margin-top: 0%;
    margin-bottom: 0%;
  }

  .img-rise-app-copy {
    width: 100%;
  }

  .img-wire {
    margin-left: -28px;
  }

  .grid-execution-design {
    grid-template-columns: 65fr 65fr 65fr 65fr 65fr;
    display: flex;
  }

  .rise-img-wire-frames {
    margin-top: 20%;
  }

  .grid-execution-prototype {
    grid-column-gap: 16px;
    grid-row-gap: 30px;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 65fr 65fr 65fr 65fr 65fr;
    grid-auto-columns: 65fr;
    display: grid;
  }

  .header-16-med-white-left {
    font-size: 24px;
  }

  .rise-img-screen-iso {
    width: 100%;
  }

  .rise-img-screen-iso.phone {
    margin-top: 25%;
    margin-bottom: 15%;
  }

  .img-rise-screen-iso {
    width: 200%;
    height: 100%;
  }

  .rise-takeaway {
    height: auto;
    flex-direction: row;
    margin-top: 0;
    padding: 10% 6% 0%;
    top: auto;
  }

  .rise-takeaway-inner {
    height: auto;
    justify-content: flex-start;
    margin-bottom: 3%;
    padding-top: 0%;
    padding-bottom: 5%;
  }

  .case_study_header_title-phone {
    margin-bottom: 0;
    padding-bottom: 10%;
    display: flex;
  }

  .div-block-9-cy {
    width: 100%;
    height: 70%;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 6%;
    display: none;
    position: relative;
  }

  .rise-overview-phone {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    align-items: center;
    margin-top: 5%;
    margin-bottom: 0%;
    padding-top: 0%;
    padding-bottom: 25%;
    top: auto;
  }

  .rise-overview-tablet {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    align-items: center;
    margin-top: 5%;
    margin-bottom: 0%;
    padding-top: 0%;
    padding-bottom: 25%;
    display: none;
    top: auto;
  }

  .rise-overview-phone-2 {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    align-items: center;
    margin-top: 5%;
    margin-bottom: 0%;
    padding-top: 0%;
    padding-bottom: 25%;
    display: flex;
    top: auto;
  }

  .header-16-semi-white-left {
    font-size: 16px;
  }

  .rise-img-screen-shots-desktop {
    margin-top: -105px;
    margin-bottom: -5px;
    display: none;
  }

  .rise-img-screen-shots-phone {
    margin-top: -148px;
    margin-bottom: -5px;
    display: flex;
  }

  .img-rise-screen--phones {
    width: 100%;
    height: auto;
    margin-top: 0%;
    margin-bottom: 15%;
  }

  .grid-execution-design-2 {
    grid-column-gap: 16px;
    grid-row-gap: 30px;
    flex-direction: row;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 65fr 65fr 65fr 65fr 65fr;
    grid-auto-columns: 65fr;
    display: grid;
  }

  .experience-verb {
    width: auto;
    height: auto;
    background-color: var(--white);
    margin-bottom: 8%;
    margin-left: auto;
    margin-right: auto;
  }

  .experience-blnk {
    width: auto;
    height: auto;
    margin-bottom: 8%;
    margin-left: auto;
    margin-right: auto;
  }

  .columns_ad {
    z-index: 5;
    margin-top: 488px;
    top: auto;
  }

  .container_ad {
    height: auto;
    max-height: none;
    min-height: auto;
    align-items: center;
    overflow: visible;
  }

  .content_ad.hero-section, .content_ad.hero_section_ad, .content_about.hero-section, .content_contact.hero-section {
    width: 100%;
    height: auto;
    background-color: #5090cf;
    margin-top: 0%;
  }

  .case_studies_wrapper_home {
    z-index: 5;
    width: 100%;
    height: auto;
    justify-content: center;
    align-items: center;
    margin-top: 420px;
    display: flex;
    top: auto;
  }

  .case_studies_home {
    margin-top: 0;
    display: none;
  }

  .case_studies_home.hero-section {
    width: 100%;
    height: auto;
    background-color: #5090cf;
    margin-top: 0%;
  }

  .case_studies_home.mobile_test {
    margin-top: 0;
  }

  .scroll_gradient {
    width: 100%;
    height: 100px;
    background-image: linear-gradient(rgba(0, 98, 120, .01), #dd3f13 100%, #006278);
  }

  .maincontainer_ds.hero-section, .section-home-copy.hero-section, .maincontainer_rise.hero-section, .content_fff.hero-section, .continer_about.hero-section {
    width: 100%;
    height: auto;
    background-color: #5090cf;
    margin-top: 0%;
  }

  .image_honda-_main {
    width: auto;
    max-width: 100%;
    display: block;
    overflow: hidden;
  }

  .hero-mobile-140-semi-white-left-copy {
    letter-spacing: -13px;
    margin-left: -3%;
    padding-top: 0;
    font-size: 140px;
    line-height: 140px;
  }

  .paragraph-32-med-white-left-copy {
    color: var(--white);
    margin-top: -5px;
    font-family: Avenir Next Medium, sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    display: flex;
  }

  .hero-mobile-32-med-white-left-copy-copy {
    color: var(--white);
    margin-top: -5px;
    font-family: Avenir Next Normal, sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 38px;
    display: flex;
  }

  .honda-_main_mobile {
    width: 100%;
    height: auto;
    max-height: none;
    max-width: 500px;
    min-height: auto;
    min-width: auto;
    margin-right: 0;
    padding-right: 0;
    display: block;
    overflow: hidden;
  }

  .case_studies_home-_mobile.hero-section {
    width: 100%;
    height: auto;
    background-color: #5090cf;
    margin-top: 0%;
  }

  .img_case_home-_mobile.mobile {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
  }

  .case_studies_home_mobile {
    width: 100%;
    height: 100%;
    max-width: none;
    margin-top: 0;
    margin-left: 0;
    display: block;
  }

  .case_studies_home_mobile.hero-section {
    width: 100%;
    height: auto;
    background-color: #5090cf;
    margin-top: 0%;
  }

  .case_studies_home_mobile.mobile_test {
    margin-top: 0;
  }

  .img_case_home_mobile.mobile {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
  }

  .hello_header_mobile {
    width: 100%;
    height: 600px;
    max-height: 600px;
    max-width: none;
    min-height: 600px;
    min-width: auto;
    background-color: #dd3f13;
    justify-content: center;
    align-items: center;
    padding-left: 0%;
    padding-right: 0%;
    position: fixed;
  }

  .text-block-11 {
    color: #fff;
    letter-spacing: 1.5px;
    text-indent: 0;
    font-family: Avenir Next Medium, sans-serif;
    font-size: 13px;
  }

  .header-mobile-text {
    z-index: 100;
    height: 45px;
    background-color: rgba(0, 0, 0, .85);
    border-bottom: 1px solid #2b2b2b;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .row-home-mobile {
    width: 100%;
  }

  .hello-inner-phone-mobile {
    width: 100%;
    max-width: 100%;
    align-items: flex-start;
    margin-top: 2%;
    padding-left: 10%;
    padding-right: 7%;
    top: 60px;
  }
}

#w-node-_5dd45efe9fa9b1696c67c5d000000000000f-26ad7071 {
  grid-area: 1 / 2 / 3 / 3;
  align-self: center;
  justify-self: center;
}

#w-node-_391e6f65-1b39-cdba-d041-bd03db944f9e-26ad707a {
  grid-area: 1 / 2 / 2 / 9;
  align-self: start;
}

#w-node-_084d6611-7a8e-c699-e802-9fe70685aa49-26ad707a {
  grid-area: 1 / 1 / 2 / 2;
  align-self: auto;
}

#w-node-_084d6611-7a8e-c699-e802-9fe70685aa4b-26ad707a {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_3d6100b7-a732-7a18-f42d-7bd06c792504-26ad707a {
  grid-area: 2 / 2 / 3 / 8;
}

#w-node-_559ef728-ae2a-b349-5886-111e325fbf99-26ad707a {
  grid-area: 1 / 1 / 2 / 2;
  align-self: auto;
}

#w-node-_084d6611-7a8e-c699-e802-9fe70685aa6e-26ad707a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a6d0a09f-84be-09e3-1592-7cbcee3bde8f-26ad707a {
  grid-area: 1 / 2 / 2 / 9;
  align-self: start;
}

#w-node-a6d0a09f-84be-09e3-1592-7cbcee3bde90-26ad707a {
  grid-area: 1 / 1 / 2 / 2;
  align-self: auto;
}

#w-node-a6d0a09f-84be-09e3-1592-7cbcee3bde92-26ad707a {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-a6d0a09f-84be-09e3-1592-7cbcee3bdeae-26ad707a {
  grid-area: 1 / 9 / 2 / 16;
  align-self: start;
}

#w-node-a6d0a09f-84be-09e3-1592-7cbcee3bdeaf-26ad707a {
  grid-area: 1 / 1 / 2 / 7;
  align-self: auto;
}

#w-node-a6d0a09f-84be-09e3-1592-7cbcee3bdeb1-26ad707a {
  grid-area: 2 / 1 / 3 / 7;
}

#w-node-a6d0a09f-84be-09e3-1592-7cbcee3bdebe-26ad707a {
  grid-area: 2 / 2 / 3 / 8;
}

#w-node-a6d0a09f-84be-09e3-1592-7cbcee3bdebf-26ad707a {
  grid-area: 1 / 1 / 2 / 2;
  align-self: auto;
}

#w-node-a6d0a09f-84be-09e3-1592-7cbcee3bdec1-26ad707a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_29d05724-d3c5-dbd8-88bd-a7ed453f1db6-26ad707a {
  grid-area: 1 / 2 / 2 / 9;
}

#w-node-_0d9370fe-ea26-2d87-adad-7b4a0be3e240-26ad707a {
  grid-area: 1 / 5 / 2 / 14;
  align-self: start;
}

#w-node-_9f7764eb-83e4-e337-3c33-2a1ffad0a01e-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-eeeae31e-51de-0212-78aa-1f67447d00c6-26ad707a {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-b6e8a982-4723-1e28-fb8e-39bf58fe3ea3-26ad707a {
  grid-area: 1 / 3 / 2 / 5;
  justify-self: end;
}

#w-node-ee3af9a1-380c-40cc-27c0-0b209836ade6-26ad707a {
  grid-area: 1 / 5 / 2 / 14;
  align-self: start;
}

#w-node-ee3af9a1-380c-40cc-27c0-0b209836ade7-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-ee3af9a1-380c-40cc-27c0-0b209836ade9-26ad707a {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-ee3af9a1-380c-40cc-27c0-0b209836adeb-26ad707a {
  grid-area: 1 / 3 / 2 / 5;
  justify-self: end;
}

#w-node-_330dd181-4b5d-f101-4992-fe1b432c36de-26ad707a {
  grid-area: 1 / 5 / 2 / 14;
  align-self: start;
}

#w-node-_330dd181-4b5d-f101-4992-fe1b432c36df-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-_330dd181-4b5d-f101-4992-fe1b432c36e1-26ad707a {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-_330dd181-4b5d-f101-4992-fe1b432c36e3-26ad707a {
  grid-area: 1 / 3 / 2 / 5;
  justify-self: end;
}

#w-node-edf43aca-970c-cd7c-c3a5-2e1b51658b5e-26ad707a {
  grid-area: 1 / 5 / 2 / 14;
  align-self: start;
}

#w-node-edf43aca-970c-cd7c-c3a5-2e1b51658b5f-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-edf43aca-970c-cd7c-c3a5-2e1b51658b61-26ad707a {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-edf43aca-970c-cd7c-c3a5-2e1b51658b63-26ad707a {
  grid-area: 1 / 3 / 2 / 5;
  justify-self: end;
}

#w-node-_1275db5b-fee6-56b9-4435-e7cb0178301b-26ad707a {
  grid-area: 1 / 2 / 2 / 9;
}

#w-node-_1275db5b-fee6-56b9-4435-e7cb01783021-26ad707a {
  grid-area: 1 / 9 / 2 / 16;
}

#w-node-_1275db5b-fee6-56b9-4435-e7cb0178302c-26ad707a {
  grid-area: 1 / 5 / 2 / 14;
  align-self: start;
}

#w-node-_1275db5b-fee6-56b9-4435-e7cb0178302d-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-_1275db5b-fee6-56b9-4435-e7cb0178302f-26ad707a {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-_1275db5b-fee6-56b9-4435-e7cb01783031-26ad707a {
  grid-area: 1 / 3 / 2 / 5;
  justify-self: end;
}

#w-node-_1275db5b-fee6-56b9-4435-e7cb01783033-26ad707a {
  grid-area: 1 / 5 / 2 / 14;
  align-self: start;
}

#w-node-_1275db5b-fee6-56b9-4435-e7cb01783034-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-_1275db5b-fee6-56b9-4435-e7cb01783036-26ad707a {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-_1275db5b-fee6-56b9-4435-e7cb01783038-26ad707a {
  grid-area: 1 / 3 / 2 / 5;
  justify-self: end;
}

#w-node-_1275db5b-fee6-56b9-4435-e7cb0178303a-26ad707a {
  grid-area: 1 / 5 / 2 / 14;
  align-self: start;
}

#w-node-_1275db5b-fee6-56b9-4435-e7cb0178303b-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-_1275db5b-fee6-56b9-4435-e7cb0178303d-26ad707a {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-_1275db5b-fee6-56b9-4435-e7cb0178303f-26ad707a {
  grid-area: 1 / 3 / 2 / 5;
  justify-self: end;
}

#w-node-_1275db5b-fee6-56b9-4435-e7cb01783041-26ad707a {
  grid-area: 1 / 5 / 2 / 14;
  align-self: start;
}

#w-node-_1275db5b-fee6-56b9-4435-e7cb01783042-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-_1275db5b-fee6-56b9-4435-e7cb01783044-26ad707a {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-_1275db5b-fee6-56b9-4435-e7cb01783046-26ad707a {
  grid-area: 1 / 3 / 2 / 5;
  justify-self: end;
}

#w-node-_3da5a274-3339-c759-69cc-3a68e45f010b-26ad707a {
  grid-area: 1 / 3 / 2 / 15;
}

#w-node-abb074a3-176b-c3b9-6958-cb79fb6cdd4c-26ad707a {
  grid-area: 2 / 3 / 3 / 15;
}

#w-node-_2cb790e3-b2f0-5676-d8cf-99ecabd6d852-26ad707a {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-_988ae49a-2dc9-3abf-77d5-5575ff62d1ac-26ad707a {
  grid-area: 3 / 3 / 4 / 15;
}

#w-node-_3da5a274-3339-c759-69cc-3a68e45f011c-26ad707a {
  grid-area: 1 / 3 / 2 / 13;
  align-self: start;
}

#w-node-_3da5a274-3339-c759-69cc-3a68e45f011d-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-_3da5a274-3339-c759-69cc-3a68e45f011f-26ad707a {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-_86c3b3e6-87da-11c6-aa5b-bf3b6c24a119-26ad707a {
  grid-area: 2 / 3 / 3 / 15;
}

#w-node-_43baac7a-996f-159c-0a25-446f08c5afc4-26ad707a {
  grid-area: 1 / 3 / 2 / 13;
  align-self: start;
}

#w-node-_43baac7a-996f-159c-0a25-446f08c5afc5-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-_43baac7a-996f-159c-0a25-446f08c5afc7-26ad707a {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-a92b78f3-e15f-042e-db0f-5b93cfb7ea03-26ad707a {
  grid-area: 1 / 3 / 2 / 15;
}

#w-node-a92b78f3-e15f-042e-db0f-5b93cfb7ea09-26ad707a {
  grid-area: 2 / 3 / 3 / 15;
}

#w-node-a92b78f3-e15f-042e-db0f-5b93cfb7ea0a-26ad707a {
  grid-area: 3 / 3 / 4 / 15;
}

#w-node-a92b78f3-e15f-042e-db0f-5b93cfb7ea0b-26ad707a {
  grid-area: 1 / 3 / 2 / 13;
  align-self: start;
}

#w-node-a92b78f3-e15f-042e-db0f-5b93cfb7ea0c-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-a92b78f3-e15f-042e-db0f-5b93cfb7ea0e-26ad707a {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-a92b78f3-e15f-042e-db0f-5b93cfb7ea11-26ad707a {
  grid-area: 2 / 3 / 3 / 15;
}

#w-node-a92b78f3-e15f-042e-db0f-5b93cfb7ea12-26ad707a {
  grid-area: 1 / 3 / 2 / 13;
  align-self: start;
}

#w-node-a92b78f3-e15f-042e-db0f-5b93cfb7ea13-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-a92b78f3-e15f-042e-db0f-5b93cfb7ea15-26ad707a {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-_52f8a2db-96e1-8dfb-7467-dbc29585c4d5-26ad707a {
  grid-area: 1 / 4 / 2 / 14;
  align-self: start;
}

#w-node-_52f8a2db-96e1-8dfb-7467-dbc29585c4d8-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-f70c0a3d-fcd2-c05d-4249-9a40a4a70907-26ad707a {
  grid-area: 1 / 4 / 2 / 14;
  align-self: start;
}

#w-node-f70c0a3d-fcd2-c05d-4249-9a40a4a7090a-26ad707a {
  grid-area: 4 / 1 / 5 / 8;
}

#w-node-f70c0a3d-fcd2-c05d-4249-9a40a4a7090c-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-f70c0a3d-fcd2-c05d-4249-9a40a4a7090e-26ad707a {
  grid-area: 3 / 1 / 4 / 8;
}

#w-node-ef9a8851-61d0-aa00-23cb-b9f4111010ea-26ad707a {
  grid-area: 1 / 4 / 2 / 14;
  align-self: start;
}

#w-node-ef9a8851-61d0-aa00-23cb-b9f4111010ed-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-ef9a8851-61d0-aa00-23cb-b9f4111010ef-26ad707a {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-cc376498-df15-4d44-6eac-7e3dc4c3f23e-26ad707a {
  grid-area: 1 / 4 / 2 / 14;
  align-self: start;
}

#w-node-cc376498-df15-4d44-6eac-7e3dc4c3f23f-26ad707a {
  grid-area: 4 / 1 / 5 / 8;
}

#w-node-cc376498-df15-4d44-6eac-7e3dc4c3f241-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-cc376498-df15-4d44-6eac-7e3dc4c3f243-26ad707a {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-cc376498-df15-4d44-6eac-7e3dc4c3f245-26ad707a {
  grid-area: 3 / 1 / 4 / 8;
}

#w-node-_306676ad-7b3d-8f66-d889-a92ec9cba276-26ad707a {
  grid-area: 1 / 4 / 2 / 14;
  align-self: start;
}

#w-node-d0f2430d-32ed-b79a-80a2-5299b2d858db-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-_306676ad-7b3d-8f66-d889-a92ec9cba279-26ad707a {
  grid-area: 1 / 1 / 2 / 8;
  align-self: start;
}

#w-node-_8bb9d5ea-9d35-78f4-6137-2a95c9acba3b-26ad707a {
  grid-area: 3 / 1 / 4 / 8;
}

#w-node-_7101bcf6-ffe9-5c34-baa7-47138c2328c1-26ad707a {
  grid-area: 1 / 4 / 2 / 14;
  align-self: start;
}

#w-node-_7101bcf6-ffe9-5c34-baa7-47138c2328c2-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-_7101bcf6-ffe9-5c34-baa7-47138c2328c4-26ad707a {
  grid-area: 1 / 1 / 2 / 8;
  align-self: start;
}

#w-node-_7101bcf6-ffe9-5c34-baa7-47138c2328c6-26ad707a {
  grid-area: 3 / 1 / 4 / 8;
}

#w-node-eca5c0aa-d5c2-769e-fe81-4c298338f72d-26ad707a {
  grid-area: 1 / 4 / 2 / 14;
  align-self: start;
}

#w-node-eca5c0aa-d5c2-769e-fe81-4c298338f72e-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-eca5c0aa-d5c2-769e-fe81-4c298338f730-26ad707a {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-_0c8a916b-85eb-3726-9f03-36ccb7d896bf-26ad707a {
  grid-area: 1 / 4 / 2 / 14;
  align-self: start;
}

#w-node-_0c8a916b-85eb-3726-9f03-36ccb7d896c0-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-_0c8a916b-85eb-3726-9f03-36ccb7d896c2-26ad707a {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-_2b9db9e2-d502-f218-24e6-5c7646d89e7b-26ad707a {
  grid-area: 1 / 4 / 2 / 14;
  align-self: start;
}

#w-node-_2b9db9e2-d502-f218-24e6-5c7646d89e7c-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-_2b9db9e2-d502-f218-24e6-5c7646d89e7e-26ad707a {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-c3e14189-1226-cbbc-7443-7b24e633ed93-26ad707a {
  grid-area: 1 / 4 / 2 / 14;
  align-self: start;
}

#w-node-c3e14189-1226-cbbc-7443-7b24e633ed94-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-c3e14189-1226-cbbc-7443-7b24e633eda8-26ad707a {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-eca5c0aa-d5c2-769e-fe81-4c298338f74c-26ad707a {
  grid-area: 1 / 4 / 2 / 14;
  align-self: start;
}

#w-node-eca5c0aa-d5c2-769e-fe81-4c298338f74f-26ad707a {
  grid-area: 1 / 1 / 2 / 8;
  align-self: start;
}

#w-node-eca5c0aa-d5c2-769e-fe81-4c298338f751-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-_30f7478e-c70d-a8dc-420c-3f3a94755ddc-26ad707a {
  grid-area: 1 / 4 / 2 / 14;
  align-self: start;
}

#w-node-_30f7478e-c70d-a8dc-420c-3f3a94755ddd-26ad707a {
  grid-area: 1 / 1 / 2 / 8;
  align-self: start;
}

#w-node-_30f7478e-c70d-a8dc-420c-3f3a94755ddf-26ad707a {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-a0ce8668-469f-4d08-7333-b28be0187fe0-26ad707e {
  grid-area: 1 / 3 / 2 / 15;
  align-self: start;
}

#w-node-a0ce8668-469f-4d08-7333-b28be0187fe3-26ad707e {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-a0ce8668-469f-4d08-7333-b28be0187fe5-26ad707e {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-a0ce8668-469f-4d08-7333-b28be0187fe7-26ad707e {
  grid-area: 3 / 1 / 4 / 8;
}

#w-node-ce5a1de2-4c51-1805-91c6-9b8aa1011fdf-26ad707e {
  grid-area: 1 / 3 / 2 / 15;
  align-self: start;
}

#w-node-ce5a1de2-4c51-1805-91c6-9b8aa1011fe0-26ad707e {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-ce5a1de2-4c51-1805-91c6-9b8aa1011fe2-26ad707e {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-dd0b932a-37c7-c528-9cb5-5ed0179354d8-26ad707e {
  grid-area: 1 / 3 / 2 / 15;
  align-self: start;
}

#w-node-dd0b932a-37c7-c528-9cb5-5ed0179354db-26ad707e {
  grid-area: 1 / 1 / 2 / 5;
  align-self: start;
}

#w-node-dd0b932a-37c7-c528-9cb5-5ed0179354dd-26ad707e {
  grid-area: 2 / 1 / 4 / 8;
}

#w-node-_8eef6fea-f7c7-7c1d-00eb-6c9597b84ba8-26ad707e {
  grid-area: 1 / 3 / 2 / 15;
  align-self: start;
}

#w-node-_8eef6fea-f7c7-7c1d-00eb-6c9597b84bb7-26ad707e {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-_8eef6fea-f7c7-7c1d-00eb-6c9597b84ba9-26ad707e {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-_5b6dd724-70cc-f615-0bbf-aaf7cbc38c8a-26ad707e {
  grid-area: 2 / 3 / 3 / 15;
  align-self: start;
}

#w-node-_5b6dd724-70cc-f615-0bbf-aaf7cbc38c8d-26ad707e {
  grid-area: 1 / 1 / 2 / 4;
  align-self: center;
}

#w-node-_5b6dd724-70cc-f615-0bbf-aaf7cbc38c8b-26ad707e {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-f0b4a7d8-9a38-44e2-f8c8-92153241e73f-26ad707e {
  grid-area: 3 / 3 / 4 / 15;
  align-self: start;
}

#w-node-f0b4a7d8-9a38-44e2-f8c8-92153241e740-26ad707e {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-f0b4a7d8-9a38-44e2-f8c8-92153241e742-26ad707e {
  grid-area: 1 / 1 / 2 / 4;
  align-self: center;
}

#w-node-a4daca4e-a797-0eac-ebba-c0f2dbe7f7ba-26ad707e {
  grid-area: 1 / 3 / 2 / 15;
  align-self: start;
}

#w-node-a4daca4e-a797-0eac-ebba-c0f2dbe7f7bb-26ad707e {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-a4daca4e-a797-0eac-ebba-c0f2dbe7f7be-26ad707e {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-_83587a1d-a4e1-cd1c-ff5d-09ea7525f18e-26ad707e {
  grid-area: 1 / 3 / 2 / 15;
  align-self: start;
}

#w-node-_83587a1d-a4e1-cd1c-ff5d-09ea7525f18f-26ad707e {
  grid-area: 2 / 1 / 3 / 8;
}

#w-node-_83587a1d-a4e1-cd1c-ff5d-09ea7525f199-26ad707e {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-_028b8591-c80d-121c-0f88-a4136e5fc6ad-26ad7079, #w-node-_028b8591-c80d-121c-0f88-a4136e5fc6bb-26ad7079, #w-node-_084d6611-7a8e-c699-e802-9fe70685aa70-26ad707a, #w-node-a6d0a09f-84be-09e3-1592-7cbcee3bdec3-26ad707a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0d9370fe-ea26-2d87-adad-7b4a0be3e240-26ad707a {
    grid-area: 1 / 4 / 2 / 16;
    align-self: start;
  }

  #w-node-b6e8a982-4723-1e28-fb8e-39bf58fe3ea3-26ad707a {
    grid-area: 1 / 2 / 2 / 4;
  }

  #w-node-ee3af9a1-380c-40cc-27c0-0b209836ade6-26ad707a {
    grid-area: 1 / 4 / 2 / 16;
    align-self: start;
  }

  #w-node-ee3af9a1-380c-40cc-27c0-0b209836adeb-26ad707a {
    grid-area: 1 / 2 / 2 / 4;
  }

  #w-node-_330dd181-4b5d-f101-4992-fe1b432c36de-26ad707a {
    grid-area: 1 / 4 / 2 / 16;
    align-self: start;
  }

  #w-node-_330dd181-4b5d-f101-4992-fe1b432c36e3-26ad707a {
    grid-area: 1 / 2 / 2 / 4;
  }

  #w-node-edf43aca-970c-cd7c-c3a5-2e1b51658b5e-26ad707a {
    grid-area: 1 / 4 / 2 / 16;
    align-self: start;
  }

  #w-node-edf43aca-970c-cd7c-c3a5-2e1b51658b63-26ad707a {
    grid-area: 1 / 2 / 2 / 4;
  }

  #w-node-_1275db5b-fee6-56b9-4435-e7cb0178302c-26ad707a {
    grid-area: 1 / 4 / 2 / 16;
    align-self: start;
  }

  #w-node-_1275db5b-fee6-56b9-4435-e7cb01783031-26ad707a {
    grid-area: 1 / 2 / 2 / 4;
  }

  #w-node-_1275db5b-fee6-56b9-4435-e7cb01783033-26ad707a {
    grid-area: 1 / 4 / 2 / 16;
    align-self: start;
  }

  #w-node-_1275db5b-fee6-56b9-4435-e7cb01783038-26ad707a {
    grid-area: 1 / 2 / 2 / 4;
  }

  #w-node-_1275db5b-fee6-56b9-4435-e7cb0178303a-26ad707a {
    grid-area: 1 / 4 / 2 / 16;
    align-self: start;
  }

  #w-node-_1275db5b-fee6-56b9-4435-e7cb0178303f-26ad707a {
    grid-area: 1 / 2 / 2 / 4;
  }

  #w-node-_1275db5b-fee6-56b9-4435-e7cb01783041-26ad707a {
    grid-area: 1 / 4 / 2 / 16;
    align-self: start;
  }

  #w-node-_1275db5b-fee6-56b9-4435-e7cb01783046-26ad707a {
    grid-area: 1 / 2 / 2 / 4;
  }

  #w-node-a92b78f3-e15f-042e-db0f-5b93cfb7ea03-26ad707a {
    grid-area: 1 / 2 / 2 / 16;
  }

  #w-node-_52f8a2db-96e1-8dfb-7467-dbc29585c4d5-26ad707a, #w-node-f70c0a3d-fcd2-c05d-4249-9a40a4a70907-26ad707a, #w-node-ef9a8851-61d0-aa00-23cb-b9f4111010ea-26ad707a, #w-node-cc376498-df15-4d44-6eac-7e3dc4c3f23e-26ad707a, #w-node-_306676ad-7b3d-8f66-d889-a92ec9cba276-26ad707a, #w-node-_7101bcf6-ffe9-5c34-baa7-47138c2328c1-26ad707a {
    grid-area: 1 / 3 / 2 / 15;
    align-self: start;
  }

  #w-node-eca5c0aa-d5c2-769e-fe81-4c298338f72d-26ad707a, #w-node-_0c8a916b-85eb-3726-9f03-36ccb7d896bf-26ad707a {
    grid-area: 1 / 3 / 2 / 13;
  }

  #w-node-_2b9db9e2-d502-f218-24e6-5c7646d89e7b-26ad707a, #w-node-c3e14189-1226-cbbc-7443-7b24e633ed93-26ad707a, #w-node-eca5c0aa-d5c2-769e-fe81-4c298338f74c-26ad707a, #w-node-_30f7478e-c70d-a8dc-420c-3f3a94755ddc-26ad707a {
    grid-area: 1 / 3 / 2 / 15;
    align-self: start;
  }

  #w-node-_115fa923-0865-1823-14f7-ca265677d71d-26ad707b, #w-node-_115fa923-0865-1823-14f7-ca265677d72b-26ad707b, #w-node-_084d6611-7a8e-c699-e802-9fe70685aa70-26ad707e, #w-node-_57846d9e-9ad2-0f62-54c7-503ea93855a3-26ad707e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a0ce8668-469f-4d08-7333-b28be0187fe0-26ad707e, #w-node-ce5a1de2-4c51-1805-91c6-9b8aa1011fdf-26ad707e {
    grid-area: 1 / 3 / 2 / 15;
    align-self: start;
  }

  #w-node-ce5a1de2-4c51-1805-91c6-9b8aa1011fe0-26ad707e {
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-dd0b932a-37c7-c528-9cb5-5ed0179354d8-26ad707e {
    grid-area: 1 / 3 / 2 / 15;
    align-self: start;
  }

  #w-node-dd0b932a-37c7-c528-9cb5-5ed0179354db-26ad707e {
    grid-area: 1 / 1 / 2 / 7;
    align-self: start;
  }

  #w-node-_8eef6fea-f7c7-7c1d-00eb-6c9597b84ba8-26ad707e {
    grid-area: 1 / 3 / 2 / 15;
    align-self: start;
  }

  #w-node-_8eef6fea-f7c7-7c1d-00eb-6c9597b84bb7-26ad707e {
    grid-area: 1 / 1 / 2 / 7;
    align-self: start;
  }

  #w-node-_5b6dd724-70cc-f615-0bbf-aaf7cbc38c8a-26ad707e {
    grid-area: 2 / 3 / 3 / 15;
    align-self: start;
  }

  #w-node-_5b6dd724-70cc-f615-0bbf-aaf7cbc38c8d-26ad707e {
    grid-area: 1 / 1 / 2 / 6;
    align-self: center;
  }

  #w-node-f0b4a7d8-9a38-44e2-f8c8-92153241e73f-26ad707e {
    grid-area: 3 / 3 / 4 / 15;
    align-self: start;
  }

  #w-node-f0b4a7d8-9a38-44e2-f8c8-92153241e742-26ad707e {
    grid-area: 1 / 1 / 2 / 5;
    align-self: center;
  }

  #w-node-a4daca4e-a797-0eac-ebba-c0f2dbe7f7ba-26ad707e {
    grid-area: 1 / 3 / 2 / 15;
    align-self: start;
  }

  #w-node-a4daca4e-a797-0eac-ebba-c0f2dbe7f7bb-26ad707e {
    grid-area: 1 / 1 / 2 / 7;
    align-self: start;
  }

  #w-node-_83587a1d-a4e1-cd1c-ff5d-09ea7525f18e-26ad707e {
    grid-area: 1 / 3 / 2 / 15;
    align-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_391e6f65-1b39-cdba-d041-bd03db944f9e-26ad707a, #w-node-_3d6100b7-a732-7a18-f42d-7bd06c792504-26ad707a, #w-node-_29d05724-d3c5-dbd8-88bd-a7ed453f1db6-26ad707a {
    grid-column-start: 1;
  }

  #w-node-_9f7764eb-83e4-e337-3c33-2a1ffad0a01e-26ad707a {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-b6e8a982-4723-1e28-fb8e-39bf58fe3ea3-26ad707a {
    grid-area: 1 / 1 / 2 / 4;
    justify-self: end;
  }

  #w-node-ee3af9a1-380c-40cc-27c0-0b209836ade7-26ad707a, #w-node-_330dd181-4b5d-f101-4992-fe1b432c36df-26ad707a, #w-node-edf43aca-970c-cd7c-c3a5-2e1b51658b5f-26ad707a {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-abb074a3-176b-c3b9-6958-cb79fb6cdd4c-26ad707a {
    grid-area: 2 / 1 / 4 / 14;
    justify-self: center;
  }

  #w-node-_2cb790e3-b2f0-5676-d8cf-99ecabd6d852-26ad707a {
    grid-area: 1 / 1 / 3 / 14;
  }

  #w-node-_988ae49a-2dc9-3abf-77d5-5575ff62d1ac-26ad707a {
    grid-area: 3 / 1 / 4 / 14;
  }

  #w-node-_3da5a274-3339-c759-69cc-3a68e45f011c-26ad707a {
    grid-area: 1 / 1 / 2 / 14;
    align-self: start;
  }

  #w-node-_3da5a274-3339-c759-69cc-3a68e45f011d-26ad707a {
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-_86c3b3e6-87da-11c6-aa5b-bf3b6c24a119-26ad707a {
    grid-area: 2 / 1 / 3 / 15;
    justify-self: center;
  }

  #w-node-_43baac7a-996f-159c-0a25-446f08c5afc4-26ad707a {
    grid-area: 1 / 1 / 2 / 15;
    align-self: start;
  }

  #w-node-_43baac7a-996f-159c-0a25-446f08c5afc5-26ad707a {
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-a92b78f3-e15f-042e-db0f-5b93cfb7ea09-26ad707a {
    grid-area: 2 / 1 / 4 / 14;
  }

  #w-node-a92b78f3-e15f-042e-db0f-5b93cfb7ea0a-26ad707a {
    grid-area: 3 / 1 / 4 / 14;
  }

  #w-node-a92b78f3-e15f-042e-db0f-5b93cfb7ea0b-26ad707a {
    grid-area: 1 / 1 / 2 / 14;
    align-self: start;
  }

  #w-node-a92b78f3-e15f-042e-db0f-5b93cfb7ea0c-26ad707a {
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-a92b78f3-e15f-042e-db0f-5b93cfb7ea11-26ad707a {
    grid-area: 2 / 1 / 3 / 15;
  }

  #w-node-a92b78f3-e15f-042e-db0f-5b93cfb7ea12-26ad707a {
    grid-area: 1 / 1 / 2 / 11;
  }

  #w-node-a92b78f3-e15f-042e-db0f-5b93cfb7ea13-26ad707a {
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-_52f8a2db-96e1-8dfb-7467-dbc29585c4d5-26ad707a {
    grid-area: 1 / 1 / 2 / 15;
    align-self: start;
  }

  #w-node-_52f8a2db-96e1-8dfb-7467-dbc29585c4d8-26ad707a {
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-f70c0a3d-fcd2-c05d-4249-9a40a4a70907-26ad707a {
    grid-area: 1 / 1 / 2 / 15;
    align-self: start;
  }

  #w-node-f70c0a3d-fcd2-c05d-4249-9a40a4a7090a-26ad707a {
    grid-area: 4 / 1 / 5 / 5;
  }

  #w-node-f70c0a3d-fcd2-c05d-4249-9a40a4a7090c-26ad707a {
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-f70c0a3d-fcd2-c05d-4249-9a40a4a7090e-26ad707a {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-ef9a8851-61d0-aa00-23cb-b9f4111010ef-26ad707a, #w-node-cc376498-df15-4d44-6eac-7e3dc4c3f243-26ad707a {
    grid-area: 1 / 1 / 2 / 4;
    align-self: start;
  }

  #w-node-d0f2430d-32ed-b79a-80a2-5299b2d858db-26ad707a {
    grid-area: 2 / 1 / 3 / 5;
  }

  #w-node-_306676ad-7b3d-8f66-d889-a92ec9cba279-26ad707a {
    grid-area: 1 / 1 / 2 / 5;
    align-self: start;
  }

  #w-node-_8bb9d5ea-9d35-78f4-6137-2a95c9acba3b-26ad707a {
    grid-area: 3 / 1 / 4 / 5;
  }

  #w-node-eca5c0aa-d5c2-769e-fe81-4c298338f72e-26ad707a {
    grid-area: 2 / 1 / 3 / 4;
  }

  #w-node-a0ce8668-469f-4d08-7333-b28be0187fe5-26ad707e {
    grid-area: 1 / 1 / 2 / 6;
    align-self: start;
  }

  #w-node-ce5a1de2-4c51-1805-91c6-9b8aa1011fe2-26ad707e, #w-node-dd0b932a-37c7-c528-9cb5-5ed0179354db-26ad707e {
    grid-area: 1 / 1 / 2 / 5;
    align-self: start;
  }

  #w-node-dd0b932a-37c7-c528-9cb5-5ed0179354dd-26ad707e {
    grid-area: 2 / 1 / 4 / 5;
  }

  #w-node-_8eef6fea-f7c7-7c1d-00eb-6c9597b84ba8-26ad707e {
    grid-column-start: 1;
  }

  #w-node-_8eef6fea-f7c7-7c1d-00eb-6c9597b84bb7-26ad707e {
    grid-area: 1 / 1 / 2 / 5;
    align-self: start;
  }

  #w-node-_8eef6fea-f7c7-7c1d-00eb-6c9597b84ba9-26ad707e {
    grid-column-end: 5;
  }

  #w-node-_5b6dd724-70cc-f615-0bbf-aaf7cbc38c8a-26ad707e {
    grid-column-start: 1;
  }

  #w-node-_5b6dd724-70cc-f615-0bbf-aaf7cbc38c8d-26ad707e {
    grid-area: 1 / 1 / 2 / 5;
    align-self: start;
  }

  #w-node-_5b6dd724-70cc-f615-0bbf-aaf7cbc38c8b-26ad707e {
    grid-column-end: 5;
  }

  #w-node-f0b4a7d8-9a38-44e2-f8c8-92153241e73f-26ad707e {
    grid-column-start: 1;
  }

  #w-node-f0b4a7d8-9a38-44e2-f8c8-92153241e740-26ad707e {
    grid-column-end: 5;
  }

  #w-node-f0b4a7d8-9a38-44e2-f8c8-92153241e742-26ad707e {
    grid-area: 1 / 1 / 2 / 5;
    align-self: start;
  }

  #w-node-a4daca4e-a797-0eac-ebba-c0f2dbe7f7ba-26ad707e {
    grid-column-start: 1;
  }

  #w-node-a4daca4e-a797-0eac-ebba-c0f2dbe7f7bb-26ad707e {
    grid-area: 1 / 1 / 2 / 5;
    align-self: start;
  }

  #w-node-a4daca4e-a797-0eac-ebba-c0f2dbe7f7be-26ad707e {
    grid-column-end: 5;
  }

  #w-node-_83587a1d-a4e1-cd1c-ff5d-09ea7525f199-26ad707e {
    grid-area: 1 / 1 / 2 / 4;
    align-self: start;
  }
}


@font-face {
  font-family: 'Avenir Next Heavy Italic';
  src: url('../fonts/AvenirNext-HeavyItalic-10.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Avenir Next Heavy';
  src: url('../fonts/AvenirNext-Heavy-09.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Avenir Next Demi Bold';
  src: url('../fonts/AvenirNext-DemiBold-03.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Avenir Next Bold';
  src: url('../fonts/AvenirNext-Bold-01.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Avenir Next Bold Italic';
  src: url('../fonts/AvenirNext-BoldItalic-02.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Avenir Next Demi Bold Italic';
  src: url('../fonts/AvenirNext-DemiBoldItalic-04.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Avenir Next Medium';
  src: url('../fonts/AvenirNext-Medium-06.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Avenir Next Italic';
  src: url('../fonts/AvenirNext-Italic-05.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Avenir Next Medium Italic';
  src: url('../fonts/AvenirNext-MediumItalic-07.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Avenir Next Ultralight';
  src: url('../fonts/AvenirNext-UltraLight-11.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Avenir Next Normal';
  src: url('../fonts/AvenirNext-Regular-08.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Avenir Next Ultralight Italic';
  src: url('../fonts/AvenirNext-UltraLightItalic-12.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: auto;
}