@font-face {
  font-family: Cormorantgaramond;
  src: url('../fonts/CormorantGaramond-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Cormorantgaramond;
  src: url('../fonts/CormorantGaramond-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Cormorantgaramond;
  src: url('../fonts/CormorantGaramond-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Cormorantgaramond;
  src: url('../fonts/CormorantGaramond-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Cormorantgaramond;
  src: url('../fonts/CormorantGaramond-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Cormorantgaramond;
  src: url('../fonts/CormorantGaramond-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cormorantgaramond;
  src: url('../fonts/CormorantGaramond-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cormorantgaramond;
  src: url('../fonts/CormorantGaramond-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cormorantgaramond;
  src: url('../fonts/CormorantGaramond-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Cormorantgaramond;
  src: url('../fonts/CormorantGaramond-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.nav-name-div {
  width: 12%;
}

.works-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.works-textblock {
  color: #0c0c0c;
  font-size: 1rem;
  font-weight: 600;
}

.nav-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  min-height: 30px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.nav-name-textblock {
  color: #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
}

.works-drowdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.works-drowdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.works-dropdown-icon {
  color: #0c0c0c;
  margin-right: 10px;
}

.home-link {
  color: #0c0c0c;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.home-link:hover {
  color: #0c0c0c;
}

.home-link:focus-visible, .home-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.contactme-link {
  color: #0c0c0c;
  font-size: 1rem;
  font-weight: 600;
}

.works-link:hover {
  font-family: Poppins, sans-serif;
  font-weight: 600;
}

.works-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.works-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.works-dropdown-toggle:focus-visible, .works-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-menu {
  justify-content: space-between;
  align-items: center;
  width: 40%;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
}

.navbar-maxwidth-container {
  width: 100%;
  max-width: none;
  height: 10vh;
}

.navbar-container {
  width: 100%;
}

.nav-bar {
  z-index: 5;
  background-color: #0000;
  width: 100%;
  max-width: none;
  height: 10vh;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 0;
}

.contact-nav-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 12%;
  display: flex;
}

.aboutme-link {
  color: #0c0c0c;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.mdesigner-heading-2 {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  position: absolute;
}

.designportfolio-div {
  max-width: none;
  position: relative;
}

.hero-intro-div {
  clear: left;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 15vh;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  inset: 16rem 0% auto 29rem;
}

.designer-hero-heading {
  color: #0c0c0c;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 8rem;
  font-weight: 600;
  position: absolute;
  inset: -1% 0% auto 17.5rem;
}

.name-hero-heading {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 8rem;
  font-weight: 600;
  line-height: 8rem;
  position: absolute;
  inset: 15% 0 auto -26.4rem;
}

.portfolio-hero-heading {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 8rem;
  font-weight: 600;
  position: absolute;
  inset: 35.5rem 0% 0% 14rem;
}

.designportfolio-heading2 {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  position: absolute;
  inset: 21.5rem auto 0% -15.5rem;
}

.red-circle {
  vertical-align: top;
  position: absolute;
}

.intro-paragraph {
  color: #0c0c0c;
  width: 75%;
  margin-bottom: 0;
  margin-left: 3.4rem;
  padding-top: 0;
  font-size: 1rem;
  font-weight: 600;
  position: absolute;
}

.mdesigner-div {
  width: 95%;
  position: relative;
  inset: 4.8rem 0% auto 33.1rem;
}

.hero-img-div60 {
  background-image: linear-gradient(#f8f6f108, #f8f6f108), url('../images/hero-img-portfolio.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  flex-flow: row;
  flex: none;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 35%;
  height: 70vh;
  margin-top: 0;
  display: block;
  position: relative;
}

.written-d-div {
  background-image: url('../images/written-d-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 25%;
  height: 40%;
  position: absolute;
  inset: 19.8rem auto 0% 3.2rem;
}

.hero-container-maxwidth {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: none;
  height: 90vh;
  margin: 0 0 6rem;
  display: flex;
  overflow: hidden;
}

.pitch-p3-section {
  justify-content: center;
  align-items: flex-start;
  width: 90%;
  max-width: 1440px;
  height: 10vh;
  margin-top: 1.5rem;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.pitch-red-dot1 {
  width: 15%;
}

.div-messprocess-text {
  justify-content: flex-end;
  align-items: center;
  width: 65%;
  height: 10vh;
  display: flex;
}

.text-div-75 {
  width: 75%;
  height: 10vh;
}

.pitch-subhead-2-div {
  width: 55%;
  height: 10vh;
  display: flex;
}

.work-connects-sec {
  justify-content: center;
  align-items: center;
  width: 85%;
  height: 10vh;
  display: flex;
}

.pitch-p1 {
  color: #0c0c0c;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
}

.leadlines-3-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.heading {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.lead-lines-2-sec {
  justify-content: flex-start;
  align-items: center;
  width: 85%;
  height: 20vh;
  display: flex;
}

.leadlines-4-sec {
  justify-content: center;
  align-items: flex-start;
  width: 45%;
  height: 9vh;
  display: flex;
}

.pitch-section2 {
  width: 85%;
  height: 10vh;
  margin-top: 1.5rem;
  display: flex;
}

.pitch-p3 {
  color: #0c0c0c;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
}

.leadlines-3-sec {
  justify-content: flex-start;
  align-items: center;
  width: 75%;
  height: 20vh;
  display: flex;
}

.pitch-p3-div {
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  height: 5vh;
  display: flex;
}

.lines2-div-85 {
  justify-content: flex-end;
  align-items: center;
  width: 75%;
  height: 20vh;
  display: flex;
}

.div-50-lines {
  justify-content: flex-end;
  align-items: center;
  width: 42%;
  height: 20vh;
  display: flex;
}

.leadinglines1-img {
  margin-left: 10rem;
}

.pitch-p3-reddot {
  width: 5%;
}

.pitch-p2 {
  color: #0c0c0c;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
}

.pitch-reddot-2 {
  width: 5.5%;
}

.leadlines-4-div {
  justify-content: flex-start;
  align-items: center;
  width: 32%;
  padding-right: 1em;
  display: flex;
}

.pitch-section1-20 {
  width: 30%;
  height: 10vh;
  display: flex;
}

.messprocess-rightsection {
  justify-content: flex-end;
  align-items: center;
  width: 90%;
  height: 10vh;
  display: flex;
}

.pitch-subhead2 {
  color: #0c0c0c;
  margin-bottom: 0;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.home-section2-container1440 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1279px;
  height: 130vh;
  display: flex;
  overflow: visible;
}

.pawsitive-02-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.4em;
  font-style: italic;
  font-weight: 300;
}

.petbrand-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.see-more-lafayette-div {
  background-color: #b7202c;
  border: 2px solid #000;
  border-width: 2px 0;
  justify-content: center;
  align-items: center;
  width: 20%;
  height: 25vh;
  display: flex;
}

.pawsitive-sub-subhead {
  margin-bottom: 0;
  padding-left: .25em;
  font-size: 1rem;
  font-weight: 600;
}

.vare-heading {
  color: #0c0c0c;
  font-size: 4em;
}

.lafayette-sub-subhead {
  margin-bottom: 0;
  padding-left: .25em;
  font-size: 1rem;
  font-weight: 600;
}

.case-studies-subhead-div {
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  height: 50%;
  display: flex;
}

.lafayette-04-div, .pawsitive-03-div {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 0 solid #000;
  flex-flow: column wrap-reverse;
  width: 10%;
  height: 100%;
  display: flex;
}

.pawsitive-casestudy-section {
  width: 100%;
  height: 25vh;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.golfapparel-div {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  border: 2px solid #000;
  border-left-width: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 35%;
  padding-left: 0;
  display: flex;
}

.pawsitive-imgs-section {
  max-width: none;
  height: 60vh;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.case-study-container {
  width: 100%;
  max-width: 1279px;
  height: 375vh;
  margin-top: 8em;
  margin-bottom: 0;
}

.vare-img1-div {
  background-image: url('../images/hat-mockup-vare-small.jpg');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 0 solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  width: 33.3%;
  height: 60vh;
}

.vare-heading-div {
  border: 2px solid #000;
  justify-content: center;
  align-items: center;
  width: 25%;
  display: flex;
}

.case-studies-text-div {
  justify-content: flex-end;
  align-items: flex-start;
  width: 12%;
  height: 100%;
  display: flex;
}

.vare-img3-div {
  background-image: url('../images/mockneck-mockup.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 33.5%;
  height: 60vh;
}

.storysite-div {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  border: 2px solid #000;
  border-left-width: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  padding-left: 0;
  display: flex;
}

.see-more-vare-button {
  color: #b7202c;
  background-color: #f8f6f200;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1rem;
  font-style: italic;
  font-weight: 600;
  text-decoration: underline;
  display: flex;
}

.lafayette-img2-div {
  background-image: url('../images/lafayette-blueback-mockup1.jpg');
  background-position: 75% 100%;
  background-repeat: no-repeat;
  background-size: 1200px;
  border-right: 2px solid #0c0c0c;
  width: 33.3%;
  height: 60vh;
}

.lafayette-04-subhead-div {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 100%;
  padding-left: 1em;
  display: flex;
}

.vare-img2-div {
  background-image: url('../images/vare-mockup.jpg');
  background-position: 50% 10%;
  background-size: cover;
  border-right: 2px solid #0c0c0c;
  width: 33.3%;
  height: 60vh;
}

.selectedworks-h1-div {
  width: 100%;
  height: 50%;
}

.see-more-lafayette-button {
  color: #b7202c;
  background-color: #f8f6f200;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1rem;
  font-style: italic;
  font-weight: 600;
  text-decoration: underline;
  display: flex;
}

.pawsitive-heading-div {
  border: 2px solid #000;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 25vh;
  display: flex;
}

.storysite-subhead, .golfapparel-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.petbrand-div {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  border: 2px solid #000;
  border-left-width: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 25vh;
  padding-left: 0;
  display: flex;
}

.case-study-line-div {
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  height: 100%;
  padding-top: 1.5em;
  display: flex;
}

.vare02-subhead-div {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 100%;
  padding-left: 1em;
  display: flex;
}

.lafayette-casestudy-sec {
  width: 100%;
  height: 25vh;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.selected-works-heading {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .5em;
  font-size: 8em;
  font-weight: 600;
}

.lafayette-heading-div {
  border: 2px solid #000;
  justify-content: center;
  align-items: center;
  width: 45%;
  display: flex;
}

.lafayette-subheads-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 8vh;
  display: flex;
}

.pawsitive-img3-div {
  background-image: url('../images/pawsitive-collar-package.jpg');
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 33.3%;
  height: 60vh;
}

.vare-imgs-section {
  max-width: none;
  height: 60vh;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.see-more-pawsitive-div {
  background-color: #b7202c;
  border: 2px solid #000;
  border-width: 2px 0;
  justify-content: center;
  align-items: center;
  width: 30%;
  height: 25vh;
  display: flex;
}

._01-reddot-div {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  height: 25vh;
  display: flex;
}

.see-more-vare-div {
  background-color: #b7202c;
  border: 2px solid #000;
  border-width: 2px 0;
  justify-content: center;
  align-items: center;
  width: 30%;
  height: 25vh;
  display: flex;
}

.lafayette-img3-div {
  background-image: url('../images/lafayette-bluemockup3.jpg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 33.3%;
  height: 60vh;
}

.vare-casestudy-section {
  width: 100%;
  height: 25vh;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.lafayette-heading {
  color: #0c0c0c;
  font-size: 4em;
}

.lafayette-imgs-section {
  border-bottom: 2px solid #0c0c0c;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 60vh;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.pawsitive-img1-div {
  background-image: url('../images/pawsitive-front-side.jpg');
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: cover;
  border-right: 2px solid #0c0c0c;
  width: 33.4%;
  height: 60vh;
}

.case-studies-subheader {
  color: #b7202c;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: .5em;
  font-size: 2.4em;
  font-style: italic;
  font-weight: 300;
}

.vare-01-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.4em;
  font-style: italic;
  font-weight: 300;
}

.pawsitive-heading {
  color: #0c0c0c;
  font-size: 4em;
}

.pawsitive-03-subhead-div {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 25vh;
  padding-left: 1em;
  display: flex;
}

.pawsitive-img2-div {
  background-image: url('../images/bulldog-mockup-forweb-long.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-right: 2px solid #0c0c0c;
  width: 33.3%;
  height: 60vh;
}

.lafayette-03-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.4em;
  font-style: italic;
  font-weight: 300;
}

.pawsitive-subheads-div, .vare-subheads-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 8vh;
  display: flex;
}

.selected-works-header-sec {
  height: 20vh;
}

.vare-02-div {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 0 solid #000;
  flex-flow: column wrap-reverse;
  width: 10%;
  height: 100%;
  display: flex;
}

.vare-sub-subhead {
  margin-bottom: 0;
  padding-left: .25em;
  font-size: 1rem;
  font-weight: 600;
}

.lafayette-img1-div {
  background-image: url('../images/lafayette-bluemockup4.jpg');
  background-position: 50% 100%;
  background-size: cover;
  border-right: 2px solid #0c0c0c;
  width: 33.43%;
  height: 60vh;
}

.see-more-pawsitive-button {
  color: #b7202c;
  background-color: #f8f6f200;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1rem;
  font-style: italic;
  font-weight: 600;
  text-decoration: underline;
  display: flex;
}

.aboutme-arrow-div {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-top: 4em;
  display: flex;
}

.strongsense-section {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 1em;
  margin-bottom: 3em;
  display: flex;
}

.createdesigns-callout-div {
  width: 65%;
  height: 5vh;
}

.ideasgrow-callout-div {
  width: 55%;
  height: 5vh;
  padding-left: .5rem;
}

.value-callout-div {
  width: 75%;
  height: 5vh;
}

.value-callout-subsection {
  width: 32%;
  height: 7vh;
  display: flex;
}

.groundedprocess-subhead {
  color: #0c0c0c;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.see-aboutme-heading {
  color: #0c0c0c;
  text-underline-offset: 6px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 8rem;
  font-weight: 600;
  line-height: 8rem;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.ideasgrow-callout-subsec {
  width: 42%;
  height: 5vh;
  display: flex;
}

.strongsense-callout-sec {
  width: 28%;
  height: 5vh;
  display: flex;
}

.playfulcurious-section {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-bottom: 6em;
  display: flex;
}

.asadesigner-heading-div {
  width: 100%;
  height: 35vh;
}

.callout-reddot-div {
  width: 15%;
  height: 5vh;
}

.groundedprocess-section {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

.playfulcurious-subhead {
  color: #0c0c0c;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.playfulcurious-subhead-div {
  width: 21%;
  height: 10vh;
}

.value-callout-section {
  justify-content: flex-end;
  align-items: center;
  width: 85%;
  height: 10vh;
  margin-top: 1em;
  margin-bottom: 4em;
  padding-left: 0;
  padding-right: 8em;
  display: flex;
}

.createdesigns-subsection {
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: 7vh;
  display: flex;
}

.ideasgrow-p2 {
  color: #0c0c0c;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
}

.learn-aboutme-div {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 20vh;
  padding-right: 1rem;
  display: flex;
}

.learnmore-subsection {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 65%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.learnmore-div {
  justify-content: flex-end;
  align-items: center;
  width: 90%;
  height: 5vh;
  padding-left: 0;
  display: flex;
}

.learnmore-section {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 40vh;
  padding-right: 8em;
  display: flex;
}

.groundedprocess-subhead-div {
  width: 20%;
  height: 10vh;
}

.strongsense-p1, .createdesigns-p3 {
  color: #0c0c0c;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
}

.ideasgrow-callout-section {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 1em;
  margin-bottom: 3em;
  padding-right: 0;
  display: flex;
}

.learnmore-subhead {
  color: #b7202c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.asadesigner-container-1440 {
  max-width: 1279px;
  height: 185vh;
  margin-bottom: 0;
}

.strongsense-callout-div {
  width: 68%;
  height: 5vh;
}

.groundedprocess-leadline-div {
  border: 0 solid #000;
  border-top-width: 2px;
  width: 15%;
  height: 0;
  margin-right: 2em;
}

.heading-3 {
  color: #0c0c0c;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.playfulcurious-leadline-div {
  border: 0 solid #000;
  border-top-width: 2px;
  width: 25%;
  height: 0;
  margin-right: 1.5em;
}

.value-p4 {
  color: #0c0c0c;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
}

.observe-leadline-div {
  border: 0 solid #000;
  border-top-width: 2px;
  width: 15%;
  height: 0;
}

.asadesigner-heading {
  color: #0c0c0c;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .5em;
  font-size: 8em;
  font-weight: 600;
  line-height: 1em;
}

.createdesigns-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 85%;
  height: 10vh;
  margin-top: 1em;
  margin-bottom: 4em;
  padding-left: 0;
  padding-right: 15em;
  display: flex;
}

.observeexplore-subhead-div {
  width: 18%;
  height: 10vh;
}

.observeexplore-subhead-sec {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-bottom: 1em;
  display: flex;
}

.works-text-link {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.works-text-link:hover {
  color: #b7202c;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.nav-name-textblock-2 {
  color: #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  font-family: Poppins, sans-serif;
  font-size: .9rem;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.nav-name-textblock-2:hover {
  color: #b7202c;
  text-transform: none;
  text-underline-offset: .1em;
  font-size: 1rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 1.5px;
}

.home-link-2 {
  color: #0c0c0c;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.home-link-2:hover {
  color: #b7202c;
  text-underline-offset: .1em;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
}

.home-link-2:focus-visible, .home-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.home-link-2.w--current {
  font-size: 1.1rem;
}

.contactme-link-2 {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: .9rem;
  font-weight: 400;
  text-decoration: none;
}

.contactme-link-2:hover {
  color: #0c0c0c;
}

.aboutme-link-2 {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.aboutme-link-2:hover {
  color: #b7202c;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.aboutme-link-2.w--current:hover {
  text-underline-offset: .1em;
  text-decoration-thickness: 1.5px;
}

.mdesigner-heading-2-2 {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
  position: absolute;
}

.designer-hero-heading-2 {
  color: #0c0c0c;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 5.8rem;
  font-weight: 600;
  position: absolute;
  inset: -4% 0% auto 16.6rem;
}

.name-hero-heading-2 {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  line-height: 6rem;
  position: absolute;
  inset: 15% 0 auto -20.4rem;
}

.portfolio-hero-heading-2 {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 5.8rem;
  font-weight: 600;
  position: absolute;
  inset: 39.3rem 0% 0% 18.2rem;
}

.designportfolio-heading2-2 {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
  position: absolute;
  inset: 13.3rem auto 0% -13.5rem;
}

.intro-paragraph-2 {
  color: #0c0c0c;
  width: 100%;
  margin-bottom: 0;
  margin-left: 3.4rem;
  padding-top: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
  position: absolute;
}

.pitch-p1-2 {
  color: #0c0c0c;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.mess-process-header {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.pitch-p3-2 {
  color: #0c0c0c;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.pitch-p2-2 {
  color: #0c0c0c;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.pitch-subhead2-2 {
  color: #0c0c0c;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.pawsitive-02-subhead-2 {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4em;
  font-style: italic;
  font-weight: 300;
}

.petbrand-subhead-2 {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.pawsitive-sub-subhead-2, .lafayette-sub-subhead-2 {
  color: #0c0c0c;
  margin-bottom: 0;
  padding-left: .25em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.vare-seemore-link-txt {
  color: #f8f6f1;
  letter-spacing: .02em;
  background-color: #f8f6f200;
  justify-content: center;
  align-items: center;
  width: 25%;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.vare-seemore-link-txt:hover {
  text-underline-offset: .1em;
  text-decoration: none;
  text-decoration-thickness: 1.5px;
}

.see-more-lafayette-button-2 {
  color: #b7202c;
  background-color: #f8f6f200;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 600;
  text-decoration: underline;
  display: flex;
}

.storysite-subhead-2, .golfapparel-subhead-2 {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.selected-works-heading-2 {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .5em;
  font-family: Poppins, sans-serif;
  font-size: 6em;
  font-weight: 600;
}

.case-studies-subheader-2 {
  color: #b7202c;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: .5em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2em;
  font-style: italic;
  font-weight: 300;
}

.vare-02-subhead-2, .lafayette-04-subhead-2 {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4em;
  font-style: italic;
  font-weight: 300;
}

.vare-sub-subhead-2 {
  color: #0c0c0c;
  margin-bottom: 0;
  padding-left: .25em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.see-more-pawsitive-button-2 {
  color: #b7202c;
  background-color: #f8f6f200;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 600;
  text-decoration: underline;
  display: flex;
}

.groundedprocess-subhead-2 {
  color: #0c0c0c;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.see-aboutme-heading-2 {
  color: #0c0c0c;
  text-underline-offset: 6px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  line-height: 8rem;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.playfulcurious-subhead-2 {
  color: #0c0c0c;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.ideasgrow-p2-2, .strongsense-p1-2, .createdesigns-p3-2 {
  color: #0c0c0c;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.learnmore-subhead-2 {
  color: #b7202c;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.observe-explore-head {
  color: #0c0c0c;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.value-p4-2 {
  color: #0c0c0c;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.asadesigner-heading-2 {
  color: #0c0c0c;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .5em;
  font-family: Poppins, sans-serif;
  font-size: 6em;
  font-weight: 600;
  line-height: 1em;
}

.body {
  background-color: #f8f6f1;
  max-width: none;
}

.body-2 {
  background-color: #f8f6f1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: visible;
}

.body-3 {
  background-color: #f8f6f1;
  max-width: none;
}

.body-4, .body-5, .body-6 {
  background-color: #f8f6f1;
}

.about-hero-full-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 1279px;
  max-width: 1279px;
  height: 90vh;
  margin: 12em 0 4em 4em;
  display: flex;
  overflow: hidden;
}

.section {
  height: 90vh;
}

.aboutme-img-div {
  background-image: url('../images/aboutme-site-pic.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 75vh;
  margin-left: 0;
}

.aboutme-heading {
  color: #0c0c0c;
  width: 100%;
  height: 15vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .25em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  position: static;
}

.aboutme-herocopy-div {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 90vh;
  display: flex;
}

.delaneycurtis-signature {
  position: absolute;
  inset: 5% auto auto 5%;
}

.aboutme-img-signature-div {
  width: 35%;
  margin-top: 4em;
}

.creativity-subhead-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 8em;
  margin-bottom: 1em;
  display: flex;
}

.creatvity-leadline-div40 {
  border: 1px solid #0c0c0c;
  width: 40%;
  height: 0;
}

.creatvity-subhead-subdiv60 {
  justify-content: flex-start;
  align-items: center;
  width: 73%;
  height: 10vh;
  display: flex;
}

.creativity-subhead {
  color: #0c0c0c;
  width: 95%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1.2em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
  line-height: 2.5rem;
}

.aboutme-bodycopy-div {
  justify-content: center;
  align-items: flex-start;
  width: 85%;
  height: 45vh;
  padding-top: 2em;
  display: flex;
}

.aboutme-p1 {
  color: #0c0c0c;
  width: 78%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.mypath-container-50vh {
  justify-content: flex-start;
  align-items: center;
  width: 1279px;
  max-width: 1279px;
  height: 60vh;
  margin: 8em 0;
  display: flex;
}

.mypath-bodycopy-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 50vh;
  display: flex;
}

.mypath-img-header-div {
  background-image: url('../images/house-painting-copy.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 35%;
  height: 60vh;
}

.mypath-subhead-div {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 12vh;
  margin-top: 4em;
  display: flex;
}

.mypath-subbhead {
  color: #0c0c0c;
  width: 53%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
  line-height: 2.5rem;
}

.mypath-leadline-div {
  border: 1px solid #0c0c0c;
  width: 15%;
}

.mypath-paragraph-div {
  justify-content: flex-end;
  align-items: center;
  width: 60%;
  height: 20vh;
  display: flex;
}

.mypath-paragraph {
  color: #0c0c0c;
  margin-bottom: 0;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.mypath-paragraph.small-bodycopy {
  line-height: 1.6rem;
}

.mypath-header {
  color: #0c0c0c;
  width: 75%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  position: absolute;
  top: 1302.99px;
  left: 190px;
}

.myapproach-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: flex-start;
  width: 1279px;
  max-width: 1279px;
  height: 85vh;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.myapproach-heading {
  color: #0c0c0c;
  width: 100%;
  height: 10vh;
  margin-top: 5rem;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  position: absolute;
  top: 1878.29px;
  left: 330px;
}

.vare-hatlogo-div {
  background-image: url('../images/hat-mockup-vare-small.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 75vh;
  margin-left: 0;
}

.myapproach-copy-div {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  height: 75vh;
  display: flex;
}

.observer-subhead-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 8em;
  margin-bottom: 1em;
  display: flex;
}

.observer-leadline-div40 {
  border: 1px solid #0c0c0c;
  width: 25%;
  height: 0;
}

.observer-subheader {
  color: #0c0c0c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1.2em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.myapproach-bodycopy-div {
  justify-content: center;
  align-items: flex-start;
  width: 95%;
  height: 45vh;
  padding-top: 0;
  display: flex;
}

.myapproach-paragraph {
  color: #0c0c0c;
  width: 75%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.myapproach-paragraph.small-bodycopy {
  width: 70%;
  line-height: 1.6rem;
}

.myapproach-img-div-35 {
  width: 35%;
  margin-top: 4em;
}

.aboutme-ending-container {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 45vh;
  margin: 8em 0;
  padding-right: 0;
  display: flex;
}

.transition-cta-subhead {
  color: #b7202c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.seemywork-section {
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 10vh;
  padding-right: 8em;
  display: flex;
}

.seemywork-subsection {
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 0;
  display: flex;
}

.seemywork-div {
  width: 100%;
  height: 5vh;
}

.mywork-div {
  width: 55%;
  height: 15vh;
}

.mywork-reddot-div {
  justify-content: flex-start;
  align-items: center;
  width: 8%;
  height: 100%;
  display: flex;
}

.seemywork-heading {
  color: #0c0c0c;
  text-underline-offset: 6px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 8rem;
  font-weight: 600;
  line-height: 8rem;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.mywork-arrow-div {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-top: 0;
  display: flex;
}

.transition-cta-subhead-div {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 10vh;
  margin-bottom: 0;
  display: flex;
}

.vare-hero-container {
  max-width: none;
  height: 130vh;
  margin-top: 8em;
  margin-left: 0;
  margin-right: 0;
  padding-top: 6em;
}

.vare-heading-section {
  width: 40%;
  max-width: none;
  height: 10vh;
  display: flex;
}

.reddot-div {
  justify-content: flex-end;
  align-items: flex-start;
  width: 7%;
  height: 10vh;
  display: flex;
}

.casestudy-dropdown-div {
  width: 75%;
}

.case-study-dropdown {
  width: 100%;
}

.dropdown-toggle {
  vertical-align: baseline;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.vare-dropdown-number {
  width: 5%;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4em;
  font-style: italic;
  font-weight: 300;
  text-decoration: underline;
  text-decoration-thickness: .05em;
}

.vare-dropdown-01-div {
  justify-content: center;
  align-items: center;
  width: 93%;
  height: 10vh;
  display: flex;
}

.dropdown-arrow-div {
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  padding-left: 1rem;
  display: flex;
}

.div-block {
  width: 5%;
  height: 5vh;
  display: flex;
}

.vare-dropdown-heading {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4em;
  font-style: italic;
  font-weight: 300;
}

.dropdown-casestudy-div {
  justify-content: flex-start;
  align-items: center;
  width: 55%;
  height: 10vh;
  margin-left: 4em;
  display: flex;
}

.casestudy-dropdown {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  display: block;
}

.reddot-dropdown-div {
  justify-content: flex-start;
  align-items: center;
  width: 7%;
  height: 10vh;
  display: flex;
}

.vare-dropdown {
  width: 100%;
  height: 10vh;
  padding-left: 10px;
  padding-right: 40px;
  display: flex;
}

.vare-01-heading {
  color: #0c0c0c;
  text-underline-offset: .05em;
  justify-content: flex-start;
  align-items: center;
  width: 5%;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: .125em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: underline;
  text-decoration-thickness: .05em;
  display: block;
}

.vare-dropdown-header {
  color: #0c0c0c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .5em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.vare-dropdown-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.icon {
  color: #0c0c0c;
  margin-right: .5em;
}

.vare-hero-img-div {
  background-image: url('../images/vare-mockup.jpg');
  background-position: 50% 60%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 85vh;
  margin-top: 2rem;
}

.vare-summary-container {
  max-width: 1440px;
  height: 100vh;
  margin-left: 0;
  margin-right: 0;
}

.vare-summ-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  height: 90vh;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 4em;
  display: flex;
}

.varesummary-img-div {
  width: 40%;
  margin-top: 4em;
}

.vare-summary-heading {
  color: #0c0c0c;
  width: 100%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: .25em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  position: absolute;
  top: 1489.29px;
  left: 448px;
}

.varesummary-bodycopy-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 45%;
  height: 60vh;
  display: flex;
}

.eleganceinmotion-subhead-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 1em;
  margin-bottom: 1em;
  display: flex;
}

.elegance-leadline-div {
  border: 1px solid #0c0c0c;
  width: 50%;
  height: 0;
}

.elegancemotion-subhead-subdiv {
  justify-content: flex-start;
  align-items: center;
  width: 75%;
  height: 10vh;
  display: flex;
}

.elegancemotion-subheader {
  color: #0c0c0c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1.2em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.varesummary-body-div {
  justify-content: flex-end;
  align-items: flex-start;
  width: 95%;
  height: 25vh;
  padding-top: 0;
  padding-left: 3rem;
  display: flex;
}

.vare-summary-paragraph {
  color: #0c0c0c;
  letter-spacing: .01rem;
  width: 85%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.vare-goals-container {
  max-width: 1279px;
  height: 60vh;
  margin-top: 2em;
}

.wewantto-div {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 10vh;
  margin-bottom: 1.5em;
  display: flex;
}

.goals-heading {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4em;
  font-style: italic;
  font-weight: 300;
}

._3goals-div {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20vh;
  margin-bottom: 1em;
  padding-left: 2em;
  display: flex;
}

.vare-goal1-div, .vare-goal2-div, .vare-goal3-div {
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  height: 20vh;
  display: flex;
}

.vare-goal1-paragraph, .vare-goal2-paragraph {
  color: #0c0c0c;
  letter-spacing: .01rem;
  width: 65%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.vare-goal3-paragraph {
  color: #0c0c0c;
  letter-spacing: .01rem;
  width: 60%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.mission-vision-div {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 25vh;
  padding-right: 4em;
  display: flex;
}

.mission-div, .vision-div {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  height: 20vh;
  display: flex;
}

.mission-heading {
  color: #b7202c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.mission-paragraph {
  color: #0c0c0c;
  letter-spacing: .01rem;
  width: 75%;
  margin-bottom: 0;
  padding-left: 4em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.vision-heading {
  color: #b7202c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.vision-paragraph {
  color: #0c0c0c;
  letter-spacing: .01rem;
  width: 73%;
  margin-bottom: 0;
  padding-left: 4em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.container {
  max-width: 1440px;
  height: 100vh;
}

.vare-challenge-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  height: 90vh;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 4em;
  display: flex;
}

.vare-challenge-img-div {
  width: 43%;
  margin-top: 4em;
}

.v-challenges-img-div {
  background-image: url('../images/mockneck-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 75vh;
  margin-left: 0;
}

.vare-summary-heading-copy {
  color: #0c0c0c;
  width: 100%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: .25em;
  font-family: Poppins, sans-serif;
  font-size: 8rem;
  font-weight: 600;
  position: absolute;
  top: 1519.29px;
  left: 600px;
}

.vare-challenge-heading {
  color: #0c0c0c;
  width: 100%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: .25em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  position: absolute;
  top: 2755.29px;
  left: 537px;
}

.varechallenges-body-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 75vh;
  display: flex;
}

.challenges-subhead-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 1em;
  margin-bottom: 1em;
  display: flex;
}

.challenges-leadline-div {
  border: 1px solid #0c0c0c;
  width: 30%;
  height: 0;
}

.challenges-subhead-subdiv {
  justify-content: flex-start;
  align-items: center;
  width: 75%;
  height: 10vh;
  display: flex;
}

.challenges-subheader {
  color: #0c0c0c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: .5em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.vare-challnges-paragraph {
  color: #0c0c0c;
  letter-spacing: .01rem;
  width: 90%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.vare-hatlogo-div-copy {
  background-image: url('../images/hat-mockup-vare-small.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 75vh;
  margin-left: 0;
}

.approach-img-div {
  background-image: url('../images/pointing-painting-pic-copy.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 75vh;
  margin-left: 0;
}

.vare-process-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  height: 90vh;
  margin: 8em 0 0;
  padding-right: 4rem;
  display: flex;
}

.vare-process-bodycopy-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 50vh;
  padding-right: 0;
  display: flex;
}

.behindthebrand-subhead-div {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 1em;
  display: flex;
}

.behindthebrand-subhead {
  color: #0c0c0c;
  width: 50%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.process-leadline-div {
  border: 1px solid #0c0c0c;
  width: 30%;
}

.vare-process-paragraph-div {
  justify-content: flex-end;
  align-items: flex-start;
  width: 73%;
  height: 30vh;
  padding-left: 2em;
  display: flex;
}

.vare-process-paragraph {
  color: #0c0c0c;
  width: 100%;
  margin-bottom: 0;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.vare-process-img-header-div {
  background-image: url('../images/navy-set-back2.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 75vh;
}

.vareprocess-header {
  color: #0c0c0c;
  width: 75%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  position: absolute;
  top: 3602.23px;
  left: 262px;
}

.vare-inspo-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 1279px;
  max-width: 1279px;
  height: 75vh;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 8em;
  padding-left: 4em;
  display: flex;
}

.vare-inspo-img-div {
  width: 45%;
  margin-top: 4em;
}

.vare-inspo-img-backdiv {
  background-image: url('../images/glenne-collett-vare-img.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 40vh;
  margin-left: 0;
}

.vare-inspo-body-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 40%;
  height: 45vh;
  display: flex;
}

.vare-inspo-subhead-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: 1em;
  display: flex;
}

.inspo-leadlines-div {
  border: 1px solid #0c0c0c;
  width: 35%;
  height: 0;
}

.inspo-subhead-subdiv {
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  height: 10vh;
  display: flex;
}

.vare-inspo-subheader {
  color: #0c0c0c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: .5em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.vare-inspo-bodycopy-div {
  justify-content: flex-start;
  align-items: flex-start;
  width: 95%;
  height: 25vh;
  padding-top: 0;
  padding-left: 2rem;
  display: flex;
}

.vare-inspo-paragraph {
  color: #0c0c0c;
  width: 100%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.brandidentity-container {
  max-width: none;
  height: 200vh;
}

.primary-logo-div {
  border: 2px solid #0c0c0c;
  border-width: 2px 0;
  width: 100%;
  height: 50vh;
}

.primary-logo-subhead-div {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 5vh;
  display: flex;
}

.primary-logo-subhead {
  color: #0c0c0c;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.primary-logo-img-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45vh;
  display: flex;
}

.vare-primary-logo {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 45vh;
  padding-bottom: 0;
  display: flex;
}

.fonts-colors-div {
  border-bottom: 2px solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  height: 50vh;
  display: flex;
}

.primary-font-div {
  border-right: 2px solid #0c0c0c;
  width: 50%;
  height: 50vh;
}

.color-palette-div {
  width: 50%;
  height: 50vh;
}

.primary-font-text {
  color: #0c0c0c;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.primaryfont, .color-palette-title-div {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 5vh;
  display: flex;
}

.color-palette-title-ext {
  color: #0c0c0c;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.fonts-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45vh;
  display: flex;
}

.aa-font-example {
  width: 35%;
  height: 40vh;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-2 {
  width: 30%;
  height: 20vh;
}

.red-color-div {
  background-color: #65081b;
  width: 20%;
  height: 18vh;
}

.blue-color-div {
  background-color: #11113c;
  width: 20%;
  height: 18vh;
}

.cream-color-div {
  background-color: #fffbf7;
  border: 1px solid #11113c;
  width: 20%;
  height: 18vh;
}

.color-swatches-div {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 45vh;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.logomarks-div {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 50vh;
  display: flex;
}

.logomark-div {
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  width: 35%;
  height: 50vh;
}

.wordmark-div {
  border: 2px solid #0c0c0c;
  border-width: 0 2px 2px 0;
  width: 35%;
  height: 50vh;
}

.submark-div {
  border: 0 solid #0c0c0c;
  border-bottom-width: 2px;
  width: 35.5%;
  height: 50vh;
}

.logomark-title-text {
  color: #0c0c0c;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.logomark-title-div, .wordmark-title-div, .submark-title-div {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 5vh;
  display: flex;
}

.wordmark-title-text, .submark-title-text {
  color: #0c0c0c;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.logomark-img-div, .wordmark-img-div, .submark-img-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45vh;
  display: flex;
}

.alternate-logos-div {
  border-bottom: 2px solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 50vh;
  display: flex;
}

.alternate-logo1-div {
  border-right: 2px solid #000;
  width: 50%;
  height: 50vh;
}

.alternate-logo2-div {
  width: 50%;
  height: 50vh;
}

.alternate-logo-title-div {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 5vh;
  display: flex;
}

.alternate-logo-title-text {
  color: #0c0c0c;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.alternate-withtag-img-div, .blue-alternate-logo-imgdiv {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45vh;
  display: flex;
}

.results-container {
  max-width: 1440px;
  height: 100vh;
}

.vare-results-container {
  justify-content: center;
  align-items: center;
  width: 1279px;
  max-width: 1279px;
  height: 90vh;
  margin: 8em 0 0;
  padding-right: 4rem;
  display: flex;
}

.vare-results-bodycopy-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 50vh;
  padding-right: 0;
  display: flex;
}

.likely-results-subhead-div {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 1em;
  margin-bottom: 1em;
  display: flex;
}

.likely-results-subhead {
  color: #0c0c0c;
  width: 53%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.results-leadline-div {
  border: 1px solid #0c0c0c;
  width: 30%;
}

.vare-results-paragraph-div {
  justify-content: flex-end;
  align-items: flex-start;
  width: 80%;
  height: 35vh;
  padding-left: 2em;
  display: flex;
}

.vare-results-paragraph {
  color: #0c0c0c;
  width: 100%;
  margin-bottom: 0;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.vare-results-img-header-div {
  background-image: url('../images/Twitter-square-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 75vh;
}

.vare-results-header {
  color: #0c0c0c;
  width: 75%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  position: absolute;
  top: 6766px;
  left: 198px;
}

.vare-apparel-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 50vh;
  margin-bottom: 0;
  display: flex;
}

.white-shirt-vare-div {
  justify-content: center;
  align-items: flex-start;
  width: 25%;
  height: 50vh;
  padding-top: 4em;
  display: flex;
}

.brown-shirt-vare-div {
  justify-content: center;
  align-items: flex-start;
  width: 25%;
  height: 50vh;
  display: flex;
}

.white-skirt-vare-div {
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 50vh;
  display: flex;
}

.navy-skirt-vare-div {
  justify-content: center;
  align-items: flex-end;
  width: 25%;
  height: 50vh;
  padding-top: 5em;
  display: block;
}

.brown-shirt-img {
  vertical-align: baseline;
  width: 92%;
  padding-top: .5em;
}

.white-skirt-img {
  width: 70%;
}

.navy-skirt-img {
  width: 100%;
  display: block;
}

.white-shirt-img {
  width: 100%;
}

.casestudy-end-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 35vh;
  margin: 12em 0 4em;
  padding-right: 0;
  display: flex;
}

.transition-cta-subhead-div-vare {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 10vh;
  margin-bottom: 0;
  display: flex;
}

.vare-transition-cta {
  color: #b7202c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.seemywork-heading-copy {
  color: #0c0c0c;
  text-underline-offset: 6px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  line-height: 8rem;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.dropdown-link {
  color: #f8f6f1;
  letter-spacing: .0625px;
  width: 100%;
  height: 5vh;
  padding-right: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1.5rem;
}

.dropdown-list {
  color: #3330;
  background-color: #ddd0;
  width: 10%;
  display: inline-flex;
}

.dropdown-list.w--open {
  box-sizing: border-box;
  aspect-ratio: auto;
  color: #333;
  background-color: #b7202c;
  width: 10%;
  height: 20vh;
  padding-top: 0;
  padding-bottom: 0;
}

.dropdown-link-2 {
  color: #f8f6f1;
  letter-spacing: .0625rem;
  width: 100%;
  height: 5vh;
  padding-right: 20px;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1.5rem;
}

.pawsitive-herocontainer {
  max-width: none;
  height: 130vh;
  margin-top: 8em;
  margin-left: 0;
  margin-right: 0;
  padding-top: 6em;
}

.dropdown-casestudy-div-paws {
  justify-content: flex-start;
  align-items: center;
  width: 44%;
  height: 10vh;
  margin-left: 4em;
  display: flex;
}

.casestudy-dropdown-paws {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  display: block;
}

.pawsitive-dropdown {
  width: 100%;
  height: 10vh;
  padding-left: 10px;
  padding-right: 40px;
  display: flex;
}

.pawsitive-dropdown-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.pawsitive-02-heading {
  color: #0c0c0c;
  text-underline-offset: .05em;
  justify-content: flex-start;
  align-items: center;
  width: 5%;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: .125em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: underline;
  text-decoration-thickness: .05em;
  display: block;
}

.pawsitive-dropdown-heading {
  color: #0c0c0c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .5em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.dropdown-list-pawsitive {
  color: #3330;
  background-color: #ddd0;
  width: 10%;
  display: inline-flex;
}

.dropdown-list-pawsitive.w--open {
  box-sizing: border-box;
  aspect-ratio: auto;
  color: #333;
  background-color: #b7202c;
  width: 10%;
  height: 20vh;
  padding-top: 0;
  padding-bottom: 0;
}

.dropdown-lafayette-link {
  color: #f8f6f1;
  letter-spacing: .0625px;
  width: 100%;
  height: 5vh;
  padding-right: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1.5rem;
}

.vare-dropdown-link {
  color: #f8f6f1;
  letter-spacing: .0625rem;
  width: 100%;
  height: 5vh;
  padding-right: 20px;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1.5rem;
}

.vare-hero-container-copy {
  max-width: none;
  height: 130vh;
  margin-top: 8em;
  margin-left: 0;
  margin-right: 0;
  padding-top: 6em;
}

.pawsitive-hero-img-div {
  background-image: url('../images/pawsitive-cover.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 85vh;
  margin-top: 2rem;
}

.paws-summary-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  height: 90vh;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 4em;
  display: flex;
}

.paws-summary-img-div {
  width: 40%;
  margin-top: 4em;
}

.paws-summary-img {
  background-image: url('../images/bulldog-mockup-bg-forweb.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 80vh;
  margin-left: 0;
}

.paws-summary-heading {
  color: #0c0c0c;
  width: 100%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: .25em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  position: absolute;
  top: 1461.29px;
  left: 547px;
}

.paws-summary-bodycopy-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 40%;
  height: 75vh;
  display: flex;
}

.paws-tagline-subhead-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 1em;
  margin-bottom: 1em;
  display: flex;
}

.paws-tagline-leadline-div {
  border: 1px solid #0c0c0c;
  width: 25%;
  height: 0;
}

.paws--tagline-subdiv {
  justify-content: flex-start;
  align-items: center;
  width: 75%;
  height: 10vh;
  display: flex;
}

.paws-tagline-subhead {
  color: #0c0c0c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: .5em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.paws-summary-body-div {
  justify-content: flex-end;
  align-items: flex-start;
  width: 95%;
  height: 35vh;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.paws-summary-paragraph {
  color: #0c0c0c;
  width: 70%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.paws-goals-container {
  max-width: 1279px;
  height: 60vh;
  margin-top: 6em;
}

._3goals-div-paws {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20vh;
  margin-bottom: 1em;
  padding-left: 2em;
  display: flex;
}

.paws-goal1-paragraph {
  color: #0c0c0c;
  letter-spacing: .01rem;
  width: 60%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.paws-goal1-div, .paws-goal2-div {
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  height: 20vh;
  display: flex;
}

.paws-goal2-paragraph {
  color: #0c0c0c;
  letter-spacing: .01rem;
  width: 65%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.paws-goal3-div {
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  height: 20vh;
  display: flex;
}

.paws-goal3-paragraph {
  color: #0c0c0c;
  letter-spacing: .01rem;
  width: 78%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.paws-mission-vision-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25vh;
  padding-left: 6rem;
  display: flex;
}

.paws-mission-div {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  height: 20vh;
  display: flex;
}

.paws-mission-paragraph {
  color: #0c0c0c;
  letter-spacing: .01rem;
  width: 80%;
  margin-bottom: 0;
  padding-left: 4em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.paws-vision-div {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  height: 20vh;
  display: flex;
}

.paws-vision-paragraph {
  color: #0c0c0c;
  letter-spacing: .01rem;
  width: 78%;
  margin-bottom: 0;
  padding-left: 4em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.paws-challenges-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1279px;
  height: 90vh;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 2em;
  display: flex;
}

.paws-challenge-img-div {
  width: 40%;
  margin-top: 4em;
}

.paws-challenge-img-subdiv {
  background-image: url('../images/pawsitive-mockup-main.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 75vh;
  margin-left: 0;
}

.paws-challenges-heading {
  color: #0c0c0c;
  width: 100%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: .25em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  position: absolute;
  top: 2793.29px;
  left: 460px;
}

.paws-challenges-body-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55%;
  height: 75vh;
  display: flex;
}

.paws-challenges-copy-div {
  justify-content: flex-end;
  align-items: flex-start;
  width: 95%;
  height: 35vh;
  padding-top: 0;
  padding-left: 4rem;
  display: flex;
}

.paws-challenges-paragraph {
  color: #0c0c0c;
  letter-spacing: .01rem;
  width: 100%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.paws-process-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  height: 90vh;
  margin: 8em 0 0;
  display: flex;
}

.paws-process-body-copy-div {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 55%;
  height: 75vh;
  padding-top: 3em;
  padding-right: 0;
  display: flex;
}

.behindthedesign-subhead-div {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 1em;
  display: flex;
}

.behindthedesign-subhead {
  color: #0c0c0c;
  width: 61%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.paws-process-paragraph-div {
  justify-content: flex-start;
  align-items: flex-start;
  width: 90%;
  height: 30vh;
  padding-left: 0;
  display: flex;
}

.paws-process-paragraph {
  color: #0c0c0c;
  width: 87%;
  margin-bottom: 0;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.paws-process-img-head-div {
  background-image: url('../images/pawsitive-front-side.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 35%;
  height: 75vh;
}

.paws-process-header {
  color: #0c0c0c;
  width: 75%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  position: absolute;
  top: 3556.23px;
  left: 248px;
}

.paws-process2-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 50vh;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 8em;
  padding-left: 4em;
  display: flex;
}

.paws-process2-slide-div {
  width: 54%;
  height: 100%;
  margin-top: 4em;
}

.paws-process2-img {
  background-image: url('../images/pawsitive-wag-bags.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 55vh;
  margin-left: 0;
}

.paws-process2-body-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  height: 55vh;
  margin-top: 4rem;
  display: flex;
}

.paws-process2-subhead-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: 1em;
  display: flex;
}

.paws-process2-leadline-div {
  border: 1px solid #0c0c0c;
  width: 35%;
  height: 0;
}

.paws-process2-subhead-subdiv {
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  height: 10vh;
  display: flex;
}

.paws-process2-subheader {
  color: #0c0c0c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: .5em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.paws-process2-bodycopy-div {
  justify-content: flex-end;
  align-items: flex-start;
  width: 95%;
  height: 25vh;
  padding-top: 0;
  padding-left: 2.5rem;
  display: flex;
}

.paws-process2-paragraph {
  color: #0c0c0c;
  width: 83%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.paws-brandidentity-container {
  max-width: none;
  height: 160vh;
  margin-top: 8em;
}

.paws-primary-logo-div {
  border: 2px solid #0c0c0c;
  border-width: 2px 0;
  width: 100%;
  height: 50vh;
}

.paws-primary-logo-subhead-div {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 5vh;
  display: flex;
}

.paws-primary-logo-subhead {
  color: #0c0c0c;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.paws-primary-logo-img-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 45vh;
  display: flex;
}

.paws-primary-logo {
  border-right: 2px solid #000;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 45vh;
  padding-bottom: 0;
  display: flex;
}

.logo-firguremark-div {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 45vh;
  display: flex;
}

.paws-fonts-colors-div {
  border-bottom: 2px solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  height: 50vh;
  display: flex;
}

.paws-primary-font-div {
  border-right: 2px solid #0c0c0c;
  width: 50%;
  height: 50vh;
}

.paws-primaryfont-subhead {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 5vh;
  display: flex;
}

.paws-fonts-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45vh;
  display: flex;
}

.paws-color-palette-div {
  width: 50%;
  height: 50vh;
}

.paws-color-swatches-div {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45vh;
  padding-left: 4em;
  padding-right: 4em;
  display: flex;
}

.paws-orange-swatch-div {
  background-color: #f15623;
  width: 28%;
  height: 20vh;
}

.paws-yellow-swatch-div {
  background-color: #f8f1c7;
  width: 28%;
  height: 20vh;
}

.paws-alternate-logos-div {
  border-bottom: 2px solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 50vh;
  display: flex;
}

.paws-alternate-logo1-div {
  border-right: 2px solid #000;
  width: 50%;
  height: 50vh;
}

.paws-alternate-logo1-img-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45vh;
  display: flex;
}

.paws-alternate-logo2-div {
  width: 50%;
  height: 50vh;
}

.paws-alternate-logo2-imgdiv {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45vh;
  display: flex;
}

.primary-logo-text-div {
  border-right: 2px solid #000;
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
  height: 5vh;
  display: flex;
}

.primary-logo2-text-div {
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
  height: 5vh;
  display: flex;
}

.paws-primary-figuremark-subhead, .primary-font-text-paws {
  color: #0c0c0c;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.paws-process2-container2, .collar-process-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  height: 75vh;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 8em;
  padding-left: 0;
  display: flex;
}

.collar-process-img-div {
  width: 50%;
  height: 100%;
  margin-top: 4em;
}

.collar-process-img {
  background-image: url('../images/pawsitive-collar-package.jpg');
  background-position: 50% 75%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 60vh;
  margin-left: 0;
}

.collar-process-body-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 45%;
  height: 50vh;
  display: flex;
}

.collar-process-subhead-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: 1em;
  display: flex;
}

.collar-process-leadline-div {
  border: 1px solid #0c0c0c;
  width: 35%;
  height: 0;
}

.collar-process-subhead-subdiv {
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  height: 10vh;
  display: flex;
}

.collar-process-subhead {
  color: #0c0c0c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 1em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.collar-process-bodycopy-div {
  justify-content: flex-start;
  align-items: flex-start;
  width: 95%;
  height: 38vh;
  margin-left: 4em;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.collar-process-paragraph {
  color: #0c0c0c;
  width: 68%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.paws-results-container {
  justify-content: flex-start;
  align-items: center;
  width: 1279px;
  max-width: 1279px;
  height: 90vh;
  margin: 4em 0 0;
  display: flex;
}

.paws-results-bodycopy-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 50vh;
  padding-right: 0;
  display: flex;
}

.paws-likely-results-subhead {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 1em;
  display: flex;
}

.paws-likely-results-subheader {
  color: #0c0c0c;
  width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.paws-results-leadline-div {
  border: 1px solid #0c0c0c;
  width: 30%;
}

.paws-results-paragraph-div {
  justify-content: flex-end;
  align-items: flex-start;
  width: 75%;
  height: 30vh;
  padding-left: 2em;
  display: flex;
}

.paws-results-paragraph {
  color: #0c0c0c;
  width: 100%;
  margin-bottom: 0;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.paws-results-img-header-div {
  background-image: url('../images/bulldog-mockup-bg-forweb.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 45%;
  height: 80vh;
}

.paws-results-header {
  color: #0c0c0c;
  width: 75%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  position: absolute;
  top: 7160px;
  left: 161px;
}

.steps-container {
  background-color: #f8f1c800;
  justify-content: flex-start;
  align-items: flex-start;
  width: 75%;
  max-width: none;
  height: 60vh;
  display: flex;
}

.slider-div {
  width: 100%;
  height: 100%;
}

.step2-div, .step3-div, .step4-div, .step5-div {
  width: 20%;
  height: 100%;
}

.pawsitive-slider {
  background-color: #ddd0;
  border: 2px solid #0c0c0c;
  width: 100%;
  height: 100%;
}

.step-subheads-div {
  width: 30%;
  height: 100%;
}

.step1-heading {
  color: #0c0c0c;
  width: 50%;
  margin-top: .5em;
  margin-bottom: 0;
  margin-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
  text-decoration: none;
}

.og-product-slide1 {
  background-image: url('../images/paws-step1.jpg');
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: 650px;
}

.round1-paws-slide2 {
  background-image: url('../images/paws-step2.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 600px;
}

.round1-slide2-header {
  color: #0c0c0c;
  margin-top: .5em;
  margin-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
}

.round2-paws-slider3 {
  background-image: url('../images/paws-step3.jpg');
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: cover;
}

.round2-slide3-header {
  color: #0c0c0c;
  margin-top: .5em;
  margin-bottom: 0;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
}

.round3-paws-slide4 {
  background-image: url('../images/paws-step4.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 580px;
}

.div-block-3 {
  border: 2px solid #000;
  width: 25%;
  height: 100%;
}

.round3-slide4-header {
  color: #0c0c0c;
  margin-top: .5em;
  margin-bottom: 0;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
}

.finaldesign-paws-slide5 {
  background-image: url('../images/paws-final-variations.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 600px;
}

.final-design-slide5-header {
  color: #0c0c0c;
  margin-top: .5em;
  margin-bottom: 0;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
}

.collar-slider {
  border: 2px solid #0c0c0c;
  width: 100%;
  height: 100%;
}

.green-collar-slider {
  background-image: url('../images/paws-green-collar.jpg');
  background-position: 50%;
  background-size: cover;
}

.greencollar-slide1-header {
  color: #0c0c0c;
  width: 55%;
  margin-top: .5em;
  margin-bottom: 0;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
}

.orangecollar-slider {
  background-image: url('../images/paws-collar-v1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.orange-collar-slide2-header {
  color: #0c0c0c;
  margin-top: .5em;
  margin-bottom: 0;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
}

.final-collar-slider {
  background-image: url('../images/paws-collar-final.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.final-collardesign-slide3-header {
  color: #0c0c0c;
  margin-top: .5rem;
  margin-bottom: 0;
  padding-left: 2rem;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 400;
}

.icon-2 {
  opacity: 1;
  filter: invert(85%);
  outline-offset: 0px;
  mix-blend-mode: normal;
  outline: 3px #fff;
}

.mywork-link-block {
  width: 75%;
  text-decoration: none;
}

.paws-casestudy-end-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 45vh;
  margin: 12em 0 0;
  padding-right: 0;
  display: flex;
}

.paws-seemywork-section {
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 30vh;
  padding-right: 8em;
  display: flex;
}

.paws-mywork-link {
  width: 55%;
  text-decoration: none;
}

.paws-mywork-subsection {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 0;
  display: flex;
}

.paws-mywork-reddot-div {
  justify-content: flex-start;
  align-items: center;
  width: 10%;
  height: 100%;
  display: flex;
}

.paws-mywork-div {
  width: 90%;
  height: 15vh;
}

.paws-seemywork-heading {
  color: #0c0c0c;
  text-underline-offset: 6px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  line-height: 8rem;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.paws-mywork-arrow-div {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-top: 0;
  display: flex;
}

.laf-hero-container {
  max-width: none;
  height: 130vh;
  margin-top: 8em;
  margin-left: 0;
  margin-right: 0;
  padding-top: 6em;
}

.laf-dropdown-div {
  justify-content: flex-start;
  align-items: center;
  width: 40%;
  height: 10vh;
  margin-left: 4em;
  display: flex;
}

.laf-dropdown {
  width: 90%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  display: block;
}

.laf-dropdown-click {
  width: 100%;
  height: 10vh;
  padding-left: 10px;
  padding-right: 40px;
  display: flex;
}

.lafdropdown-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.laf-03-heading {
  color: #0c0c0c;
  text-underline-offset: .05em;
  justify-content: flex-start;
  align-items: center;
  width: 5%;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: .125em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: underline;
  text-decoration-thickness: .05em;
  display: block;
}

.laf-dropdown-header {
  color: #0c0c0c;
  letter-spacing: .02em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 2.5em;
  padding-left: .5em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.laf-dropdown-list {
  color: #3330;
  background-color: #ddd0;
  width: 10%;
  display: inline-flex;
}

.laf-dropdown-list.w--open {
  box-sizing: border-box;
  aspect-ratio: auto;
  color: #333;
  background-color: #b7202c;
  width: 10%;
  height: 20vh;
  padding-top: 0;
  padding-bottom: 0;
}

.laf-vare-dropdown {
  color: #f8f6f1;
  letter-spacing: .0625px;
  width: 100%;
  height: 5vh;
  padding-right: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1.5rem;
}

.laf-paws-dropdown {
  color: #f8f6f1;
  letter-spacing: .0625rem;
  width: 100%;
  height: 5vh;
  padding-right: 20px;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1.5rem;
}

.lafayette-hero-img-div {
  background-image: url('../images/lafayette-actual-hero.jpg');
  background-position: 50% 60%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 85vh;
  margin-top: 2rem;
}

.laf-summ-contaainer {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  height: 90vh;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 4em;
  display: flex;
}

.laf-summ-img-div {
  width: 40%;
  margin-top: 4em;
}

.laf-summ-img {
  background-image: url('../images/lafayette-blueback-mockup1.jpg');
  background-position: 80% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 65vh;
  margin-left: 0;
}

.laf-summ-heading {
  color: #0c0c0c;
  width: 100%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: .25em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  position: absolute;
  top: 1507.29px;
  left: 606px;
}

.laf-summ-bodycopy-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  height: 75vh;
  display: flex;
}

.laf-summ-tagline-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 1em;
  margin-bottom: 1em;
  display: flex;
}

.laf-summ-tagline-leadline {
  border: 1px solid #0c0c0c;
  width: 30%;
  height: 0;
}

.laf-summ-tagline-subhead-div {
  justify-content: flex-start;
  align-items: center;
  width: 75%;
  height: 10vh;
  display: flex;
}

.laf-summ-subhead {
  color: #0c0c0c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: .5em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.laf-summ-body-div {
  justify-content: flex-end;
  align-items: flex-start;
  width: 85%;
  height: 35vh;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.laf-summary-paragraph {
  color: #0c0c0c;
  width: 70%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.laf-goals-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  height: 40vh;
  margin-top: 2em;
  display: flex;
}

.laf-goals-div {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 10vh;
  margin-bottom: 1.5em;
  display: flex;
}

.laf-goals-heading {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4em;
  font-style: italic;
  font-weight: 300;
}

.laf-2goals-div {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20vh;
  margin-bottom: 1em;
  padding-left: 6em;
  display: flex;
}

.laf-goal1-div {
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  height: 20vh;
  display: flex;
}

.laf-goal1-paragraph {
  color: #0c0c0c;
  width: 75%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.laf-goal2-div {
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  height: 20vh;
  display: flex;
}

.laf-goal2-paragraph {
  color: #0c0c0c;
  width: 75%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.laf-challenges-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  height: 90vh;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1em;
  display: flex;
}

.laf-challenge-img-div {
  width: 40%;
  margin-top: 4em;
}

.laf-challenge-img {
  background-image: url('../images/lafayette-bluemockup3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 70vh;
  margin-left: 0;
}

.laf-challenge-heading {
  color: #0c0c0c;
  width: 100%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: .25em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  position: absolute;
  top: 2559.29px;
  left: 614px;
}

.laf-challenge-body-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  height: 75vh;
  display: flex;
}

.laf-challenges-subhead-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 1em;
  margin-bottom: 1em;
  display: flex;
}

.laf-challenges-leadline-div {
  border: 1px solid #0c0c0c;
  width: 30%;
  height: 0;
}

.laf-challenges-subheader-div {
  justify-content: flex-start;
  align-items: center;
  width: 75%;
  height: 10vh;
  display: flex;
}

.laf-challenges-subhead {
  color: #0c0c0c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: .5em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.laf-challenge-bodycopy-div {
  justify-content: flex-end;
  align-items: flex-start;
  width: 90%;
  height: 35vh;
  padding-top: 0;
  padding-left: 4rem;
  display: flex;
}

.laf-challenges-paragraph {
  color: #0c0c0c;
  width: 80%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.laf-process-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  height: 90vh;
  margin: 8em 0 0;
  padding-right: 4em;
  display: flex;
}

.laf-process-bodycopy-div {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  height: 60vh;
  padding-right: 0;
  display: flex;
}

.behind-the-design-laf-div {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 1em;
  display: flex;
}

.behindthesite-subhead {
  color: #0c0c0c;
  width: 50%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.laf-process-leadline-div {
  border: 1px solid #0c0c0c;
  width: 30%;
}

.laf-process-paragraph-div {
  justify-content: flex-end;
  align-items: flex-start;
  width: 73%;
  height: 30vh;
  padding-left: 2em;
  display: flex;
}

.laf-process-paragraph {
  color: #0c0c0c;
  width: 100%;
  margin-bottom: 0;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.laf-process-img-header-div {
  background-image: url('../images/lafayette-bluemockup2.jpg');
  background-position: 85%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 42%;
  height: 70vh;
}

.laf-process-header {
  color: #0c0c0c;
  width: 75%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  position: absolute;
  top: 3432.23px;
  left: 221px;
}

.laf-process2-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  height: 80vh;
  margin: 4em 0 8em 0;
  padding-bottom: 8em;
  padding-left: 4em;
  display: flex;
}

.laf-process2-img-div {
  width: 40%;
  margin-top: 4em;
}

.laf-process2-img {
  background-image: url('../images/lafayette-bluemockup4.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 65vh;
  margin-left: 0;
}

.laf-process2-body-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  height: 55vh;
  padding-top: 2em;
  display: flex;
}

.laf-process2-subhead-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 12vh;
  margin-top: 0;
  margin-bottom: 1em;
  display: flex;
}

.laf-process2-leadline-div {
  border: 1px solid #0c0c0c;
  width: 20%;
  height: 0;
}

.laf-process2-subhead-subdiv {
  justify-content: flex-start;
  align-items: center;
  width: 75%;
  height: 10vh;
  display: flex;
}

.laf-process2-subhead {
  color: #0c0c0c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: .5em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.laf-process2-bodycopy-div {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 25vh;
  padding-top: 0;
  padding-left: 3rem;
  display: flex;
}

.laf-process2-paragraph {
  color: #0c0c0c;
  width: 16%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.laf-identity-container {
  max-width: none;
  height: 150vh;
  margin-bottom: 10em;
}

.laf-hero-header-div {
  border: 2px solid #0c0c0c;
  border-width: 2px 0;
  width: 100%;
  height: 50vh;
}

.hero-header-icon-div {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 5vh;
  display: flex;
}

.hero-header-subhead {
  color: #0c0c0c;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.hero-header-img-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45vh;
  display: flex;
}

.laf-hero-header-img-div {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 45vh;
  padding-bottom: 0;
  display: flex;
}

.laf-fonts-div {
  border-bottom: 2px solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  height: 50vh;
  display: flex;
}

.laf-primary-font-div {
  border-right: 2px solid #0c0c0c;
  width: 50%;
  height: 50vh;
}

.laf-heads-subheads-title-div {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 5vh;
  display: flex;
}

.laf-heads-subheads-title {
  color: #0c0c0c;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.laf-boska-font-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45vh;
  display: flex;
}

.laf-font2-div {
  width: 50%;
  height: 50vh;
}

.laf-font2-title-div {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 5vh;
  display: flex;
}

.laf-font2-title {
  color: #0c0c0c;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.laf-font2-futura-div {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 45vh;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
}

.laf-color-palette-div {
  border-bottom: 2px solid #0c0c0c;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 50vh;
  display: flex;
}

.yellow-color-swatch {
  background-color: #f0ea3a;
  width: 10%;
  height: 30%;
}

.orange-color-swatch {
  background-color: #f05126;
  width: 10%;
  height: 30%;
}

.magenta-color-swatch {
  background-color: #8c2256;
  width: 10%;
  height: 30%;
}

.pink-color-swatch {
  background-color: #f9bfce;
  width: 10%;
  height: 30%;
}

.seafoam-color-swatch {
  background-color: #329370;
  width: 10%;
  height: 30%;
}

.green-color-swatch {
  background-color: #083b3a;
  width: 10%;
  height: 30%;
}

.swatches-div {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 45vh;
  display: flex;
}

.text-block {
  color: #0c0c0c;
  margin-top: .5em;
  padding-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.laf-results-container {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  height: 90vh;
  margin: 8em 0 0;
  display: flex;
}

.laf-results-bodycopy-div {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  height: 50vh;
  padding-right: 0;
  display: flex;
}

.laf-results-subhead-div {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 1em;
  display: flex;
}

.laf-likely-results-subhead {
  color: #0c0c0c;
  width: 50%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.laf-results-leadline {
  border: 1px solid #0c0c0c;
  width: 30%;
}

.laf-results-paragraph-div {
  justify-content: flex-end;
  align-items: flex-start;
  width: 67.5%;
  height: 25vh;
  padding-left: 2em;
  display: flex;
}

.laf-results-paragraph {
  color: #0c0c0c;
  width: 100%;
  margin-bottom: 0;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.laf-results-img-header-div {
  background-image: url('../images/lafayette-blueback-mockup5.jpg');
  background-position: 80%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40%;
  height: 70vh;
}

.laf-results-header {
  color: #0c0c0c;
  width: 75%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  position: absolute;
  top: 6409px;
  left: 147px;
}

.mywork-heading-container {
  width: 100%;
  max-width: none;
  height: 35vh;
  margin-top: 4em;
  padding-left: 4em;
}

.mywork-heading-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 30vh;
  padding-bottom: 0;
  display: flex;
}

.work-filters-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 5vh;
  padding-left: .5em;
  display: flex;
}

.filters-list {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.all-filter-text {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.all-filter-text:hover {
  color: #b7202c;
  -webkit-text-decoration: underline #b7202c;
  text-decoration: underline #b7202c;
  text-decoration-thickness: 2px;
}

.all-filter-text.w--current {
  text-decoration: none;
}

.all-filter-text.w--current:hover {
  color: #b7202c;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.packaging-filter-text {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.packaging-filter-text:hover {
  color: #b7202c;
  -webkit-text-decoration: underline #b7202c;
  text-decoration: underline #b7202c;
  text-decoration-thickness: 2px;
}

.branding-filter-text {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.branding-filter-text:hover {
  color: #b6202c;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.print-filter-text {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.print-filter-text:hover {
  color: #b7202c;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.uiux-filter-text {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.uiux-filter-text:hover {
  color: #b7202c;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.casestudy-filter-text {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.casestudy-filter-text:hover {
  color: #b7202c;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.my-work-heading {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
}

.works-container {
  border-left: 0 solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: none;
  height: 520vh;
  margin: 1em 4em 15em;
  padding-left: 0;
  display: flex;
}

.works-1-2-section {
  border-left: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  align-items: flex-start;
  width: 100%;
  height: 85vh;
  display: flex;
}

.curli-div-block {
  width: 50%;
  height: 75vh;
}

.twe-div-block {
  width: 50%;
  height: 60vh;
}

.curli-title-div-block {
  border-top: 2px solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

.curli-img-div {
  background-image: url('../images/curli-mockup-pic.jpg');
  background-position: 50% 65%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  width: 100%;
  height: 60vh;
}

.curli-subhead-div {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 15vh;
  display: flex;
}

._01-div {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 18%;
  height: 10vh;
  padding-left: .5em;
  display: flex;
}

._01-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.curli-heading {
  color: #0c0c0c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.curli-heading-div {
  width: 100%;
}

.work-description-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  height: 15vh;
  padding-top: 0;
  padding-left: 1.3em;
  display: flex;
}

.works-description-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.text-block-2 {
  font-family: Poppins, sans-serif;
}

.work-kind-text {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.explore-more-div {
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 15vh;
  display: flex;
}

.explore-more-link-block {
  border-left: 2px solid #0c0c0c;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.explore-more-link-block:hover {
  text-underline-offset: .1em;
  background-color: #b7202c00;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.exploremore-text-div {
  background-color: #b7202c;
  border-bottom: 2px solid #0c0c0c;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.exploremore-text-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f2;
  text-decoration: underline #f8f6f2;
  text-decoration-thickness: 1.5px;
}

.explore-more-text {
  color: #f8f6f2;
  letter-spacing: .02rem;
  margin-right: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.explore-more-text:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.explore-more-text:active {
  text-decoration: none;
}

.works-3-4-section, .works-5-6-section, .works-7-8-section, .works-9-10-section {
  border-left: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  align-items: flex-start;
  width: 100%;
  height: 85vh;
  display: flex;
}

.twe-div-bl {
  width: 50%;
  height: 75vh;
}

.twe-title-div-block {
  border: 2px solid #0c0c0c;
  border-width: 2px 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

._02-div {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 18%;
  height: 10vh;
  padding-left: .5em;
  display: flex;
}

._02-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.twe-heading-div {
  width: 100%;
}

.twe-heading {
  color: #0c0c0c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.twe-img-div {
  background-image: url('../images/twe-poster-mockup-small.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 2px solid #0c0c0c;
  border-left: 0 solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  width: 100%;
  height: 60vh;
}

.twe-subhead-div {
  border-bottom: 2px solid #000;
  border-right: 0 solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 15vh;
  display: flex;
}

.twe-work-description-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  height: 15vh;
  padding-top: 0;
  padding-left: 1.3em;
  display: flex;
}

.twe-work-description-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.twe-work-kind-text {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.twe-explore-more-div {
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 15vh;
  display: flex;
}

.twe-explore-more-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 1.5px;
}

.twe-explore-more-link-block {
  background-color: #b7202c;
  border-bottom: 2px solid #0c0c0c;
  border-left: 2px solid #0c0c0c;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.twe-explore-more-link-block:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.twe-explore-more-text-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-bottom: 0;
  padding-right: 0;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 0;
  display: flex;
}

.twe-explore-more-text-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f2;
  text-decoration: underline #f8f6f2;
  text-decoration-thickness: 1.5px;
}

.twe-explore-more-text {
  color: #f8f6f2;
  letter-spacing: .02rem;
  margin-right: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.twe-explore-more-text:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.twe-explore-more-text:active {
  text-decoration: none;
}

.hburg-div-block {
  width: 50%;
  height: 75vh;
}

.hburg-title-div-block {
  border-top: 0 solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

._03-div {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 18%;
  height: 10vh;
  padding-left: .5em;
  display: flex;
}

._03-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.hburg-heading-div {
  width: 100%;
}

.hburg-heading {
  color: #0c0c0c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.hburg-img-div {
  background-image: url('../images/harrisonburg-insta-mockup.jpg');
  background-position: 50%;
  background-size: cover;
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  width: 100%;
  height: 60vh;
}

.hburg-subhead-div {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 15vh;
  display: flex;
}

.hburg-work-description-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  height: 15vh;
  padding-top: 0;
  padding-left: 1.3em;
  display: flex;
}

.hburg-works-description-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.hburg-work-kind-text {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.hburg-explore-more-div {
  background-color: #b7202c;
  border-bottom: 2px solid #0c0c0c;
  border-left: 2px solid #0c0c0c;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 15vh;
  display: flex;
}

.hburg-explore-more-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 1.5px;
}

.hburg-explore-link-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.hburg-explore-link-block:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.hburg-explore-text-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.hburg-explore-text-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f2;
  text-decoration: underline #f8f6f2;
  text-decoration-thickness: 1.5px;
}

.hburg-explore-text {
  color: #f8f6f2;
  letter-spacing: .02rem;
  margin-right: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.hburg-explore-text:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.hburg-explore-text:active {
  text-decoration: none;
}

.steap-div-block {
  width: 50%;
  height: 75vh;
}

.steap-title-div-block {
  border-top: 0 solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

._04-div {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 18%;
  height: 10vh;
  padding-left: .5em;
  display: flex;
}

._04-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.steap-heading-div {
  width: 100%;
}

.steap-heading {
  color: #0c0c0c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.steap-img-div {
  background-image: url('../images/3-steap-img.jpg');
  background-position: 35%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 2px solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  width: 100%;
  height: 60vh;
}

.steap-subhead-div {
  border-bottom: 2px solid #000;
  border-right: 0 solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 15vh;
  display: flex;
}

.steap-work-description-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  height: 15vh;
  padding-top: 0;
  padding-left: 1.3em;
  display: flex;
}

.steap-works-description-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.steap-work-kind-text {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.steap-explore-more-div {
  background-color: #b7202c;
  border-bottom: 2px solid #0c0c0c;
  border-left: 2px solid #0c0c0c;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 15vh;
  display: flex;
}

.steap-explore-more-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 1.5px;
}

.steap-explore-link-block {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.steap-explore-link-block:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.steap-explore-text-div {
  text-underline-offset: .1em;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-bottom: 0;
  padding-right: 0;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 1.5px;
  display: flex;
}

.steap-explore-text-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f2;
  text-decoration: underline #f8f6f2;
}

.steap-explore-text {
  color: #f8f6f2;
  letter-spacing: .02rem;
  margin-right: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.steap-explore-text:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.steap-explore-text:active {
  text-decoration: none;
}

.sws-div-block {
  width: 50%;
  height: 75vh;
}

.sws-title-div-block {
  border-top: 0 solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

._05-div {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 18%;
  height: 10vh;
  padding-left: .5em;
  display: flex;
}

._05-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.sws-heading-div {
  width: 100%;
}

.sws-heading {
  color: #0c0c0c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.sws-img-div {
  background-image: url('../images/staywild-mockupcollage-small.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  width: 100%;
  height: 60vh;
}

.sws-subhead-div {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 15vh;
  display: flex;
}

.sws-work-description-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  height: 15vh;
  padding-top: 0;
  padding-left: 1.3em;
  display: flex;
}

.sws-works-description-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.sws-work-kind-text {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.sws-explore-div {
  background-color: #b7202c;
  border-bottom: 2px solid #0c0c0c;
  border-left: 2px solid #0c0c0c;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 15vh;
  display: flex;
}

.sws-explore-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 1.5px;
}

.sws-explore-link-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.sws-explore-link-block:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.sws-explore-text-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.sws-explore-text-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f2;
  text-decoration: underline #f8f6f2;
  text-decoration-thickness: 1.5px;
}

.sws-explore-text {
  color: #f8f6f2;
  letter-spacing: .02rem;
  margin-right: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.sws-explore-text:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.sws-explore-text:active {
  text-decoration: none;
}

.dc-div-block {
  width: 50%;
  height: 75vh;
}

.dc-title-div-block {
  border-top: 0 solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

._06-div {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 18%;
  height: 10vh;
  padding-left: .5em;
  display: flex;
}

._06-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.dc-heading-div {
  width: 100%;
}

.dc-heading {
  color: #0c0c0c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.dc-img-div {
  background-image: url('../images/d-cloth-chair-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 2px solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  width: 100%;
  height: 60vh;
}

.dc-subhead-div {
  border-bottom: 2px solid #000;
  border-right: 0 solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 15vh;
  display: flex;
}

.dc-work-description-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  height: 15vh;
  padding-top: 0;
  padding-left: 1.3em;
  display: flex;
}

.dc-works-description-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.dc-work-kind-text {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.dc-explore-div {
  background-color: #b7202c;
  border-bottom: 2px solid #0c0c0c;
  border-left: 2px solid #0c0c0c;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 15vh;
  display: flex;
}

.dc-explore-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 1.5px;
}

.dc-explore-link-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.dc-explore-link-block:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.dc-explore-text-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.dc-explore-text-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f2;
  text-decoration: underline #f8f6f2;
  text-decoration-thickness: 1.5px;
}

.dc-explore-text {
  color: #f8f6f2;
  letter-spacing: .02rem;
  margin-right: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.dc-explore-text:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.dc-explore-text:active {
  text-decoration: none;
}

.superior-div-block {
  width: 50%;
  height: 75vh;
}

.superior-title-div {
  border-top: 0 solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

._07-div {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 18%;
  height: 10vh;
  padding-left: .5em;
  display: flex;
}

._07-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.superior-heading-div {
  width: 100%;
}

.superior-heading {
  color: #0c0c0c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.superior-img-div {
  background-image: url('../images/superior-tilted-can-smaller.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  width: 100%;
  height: 60vh;
}

.superior-subhead-div {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 15vh;
  display: flex;
}

.sup-work-description-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  height: 15vh;
  padding-top: 0;
  padding-left: 1.3em;
  display: flex;
}

.sup-work-description-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.superior-work-kind-text {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.superior-explore-div {
  background-color: #b7202c;
  border-bottom: 2px solid #000;
  border-left: 2px solid #0c0c0c;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 15vh;
  display: flex;
}

.superior-explore-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 1.5px;
}

.superior-explore-link-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.superior-explore-link-block:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.superior-explore-text-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.superior-explore-text-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f2;
  text-decoration: underline #f8f6f2;
  text-decoration-thickness: 1.5px;
}

.superior-explore-text {
  color: #f8f6f2;
  letter-spacing: .02rem;
  margin-right: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.superior-explore-text:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.superior-explore-text:active {
  text-decoration: none;
}

.stratus-div-block {
  width: 50%;
  height: 75vh;
}

.stratus-title-div {
  border-top: 0 solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

._08-div {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 18%;
  height: 10vh;
  padding-left: .5em;
  display: flex;
}

._08-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.stratus-heading-div {
  width: 100%;
}

.stratus-heading {
  color: #0c0c0c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.stratus-img-div {
  background-image: url('../images/stratus-art-pgs1-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 2px solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  width: 100%;
  height: 60vh;
}

.stratus-subhead-div {
  border-bottom: 2px solid #000;
  border-right: 0 solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 15vh;
  display: flex;
}

.strat-work-description-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  height: 15vh;
  padding-top: 0;
  padding-left: 1.3em;
  display: flex;
}

.strat-work-description-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.strat-work-kind-text {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.stratus-explore-div {
  background-color: #b7202c;
  border-bottom: 2px solid #0c0c0c;
  border-left: 2px solid #0c0c0c;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 15vh;
  display: flex;
}

.stratus-explore-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 1.5px;
}

.stratus-explore-link-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.stratus-explore-link-block:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.stratus-explore-text-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.stratus-explore-text-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f2;
  text-decoration: underline #f8f6f2;
  text-decoration-thickness: 1.5px;
}

.stratus-explore-text {
  color: #f8f6f2;
  letter-spacing: .02rem;
  margin-right: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.stratus-explore-text:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.stratus-explore-text:active {
  text-decoration: none;
}

.nuuly-div-block {
  width: 50%;
  height: 75vh;
}

.nuuly-title-div {
  border-top: 0 solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

._09-div {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 18%;
  height: 10vh;
  padding-left: .5em;
  display: flex;
}

._09-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.nuuly-heading-div {
  width: 100%;
}

.nuuly-heading {
  color: #0c0c0c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.nuuly-img-div {
  background-image: url('../images/nuuly-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  width: 100%;
  height: 60vh;
}

.nuuly-subhead-div {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 15vh;
  display: flex;
}

.nuuly-work-description-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  height: 15vh;
  padding-top: 0;
  padding-left: 1.3em;
  display: flex;
}

.nuuly-work-description-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.nuuly-work-kind-text {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.nuuly-explore-div {
  background-color: #b7202c;
  border-bottom: 2px solid #0c0c0c;
  border-left: 2px solid #0c0c0c;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 15vh;
  display: flex;
}

.nuuly-explore-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 1.5px;
}

.nuuly-explore-link-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.nuuly-explore-link-block:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.nuuly-explore-text-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.nuuly-explore-text-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f2;
  text-decoration: underline #f8f6f2;
  text-decoration-thickness: 1.5px;
}

.nuuly-explore-text {
  color: #f8f6f2;
  letter-spacing: .02rem;
  margin-right: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.nuuly-explore-text:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.nuuly-explore-text:active {
  text-decoration: none;
}

.fall-layers-div-block {
  width: 50%;
  height: 75vh;
}

.fall-layers-title-div {
  border-top: 0 solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

._10-div {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 18%;
  height: 10vh;
  padding-left: .5em;
  display: flex;
}

._10-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.fall-layers-heading-div {
  width: 100%;
}

.vis-heading {
  color: #0c0c0c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 3rem;
  font-weight: 600;
}

.fall-layers-img-div {
  background-image: url('../images/fall-layers-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 2px solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  width: 100%;
  height: 60vh;
}

.fall-subhead-div {
  border-bottom: 2px solid #000;
  border-right: 0 solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 15vh;
  display: flex;
}

.fall-work-description-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  height: 15vh;
  padding-top: 0;
  padding-left: 1.3em;
  display: flex;
}

.fall-work-description-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.fall-work-kind-text {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.fall-layers-explore-div {
  background-color: #b7202c;
  border-bottom: 2px solid #0c0c0c;
  border-left: 2px solid #0c0c0c;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 15vh;
  display: flex;
}

.fall-layers-explore-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 1.5px;
}

.fall-explore-link-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.fall-explore-link-block:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.fall-explore-text-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.fall-explore-text-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f2;
  text-decoration: underline #f8f6f2;
  text-decoration-thickness: 1.5px;
}

.fall-layers-explore-text {
  color: #f8f6f2;
  letter-spacing: .02rem;
  margin-right: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.fall-layers-explore-text:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.fall-layers-explore-text:active {
  text-decoration: none;
}

.contact-me-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 45vh;
  margin: 2em 0 8em;
  padding-right: 0;
  display: flex;
}

.contact-cta-subhead-div {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 10vh;
  margin-bottom: 0;
  display: flex;
}

.contact-transition-cta {
  color: #b7202c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.contact-me-section {
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 30vh;
  padding-right: 8em;
  display: flex;
}

.contact-me-link {
  width: 70%;
  text-decoration: none;
}

.contact-me-link.w--current {
  width: 68%;
}

.contact-me-subsection {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 0;
  display: flex;
}

.contactme-reddot-div {
  justify-content: flex-start;
  align-items: center;
  width: 10%;
  height: 100%;
  display: flex;
}

.contactme-div {
  width: 90%;
  height: 15vh;
}

.contactme-heading {
  color: #0c0c0c;
  text-underline-offset: 6px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  line-height: 8rem;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.contactme-arrow-div {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-top: 0;
  display: flex;
}

.works-11-12-section {
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  align-items: flex-start;
  width: 100%;
  height: 85vh;
  margin-bottom: 0;
  display: flex;
}

.movie-poster-div {
  width: 50%;
  height: 75vh;
}

.movie-poster-title-div {
  border-top: 0 solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

._11-div {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 18%;
  height: 10vh;
  padding-left: .5em;
  display: flex;
}

._11-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.movieposter-heading-div {
  width: 100%;
}

.movie-poster-heading {
  color: #0c0c0c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.movie-poster-img-div {
  background-image: url('../images/page-of-madness-poster-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  width: 100%;
  height: 60vh;
}

.movieposter-subhead-div {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 15vh;
  display: flex;
}

.movposter-work-description-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  height: 15vh;
  padding-top: 0;
  padding-left: 1.3em;
  display: flex;
}

.movposter-work-description-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.movposter-work-kind-text {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.movposter-explore-div {
  background-color: #b7202c;
  border-bottom: 2px solid #0c0c0c;
  border-left: 2px solid #0c0c0c;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 15vh;
  display: flex;
}

.movposter-explore-link-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.movposter-explore-link-block:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f2;
  text-decoration: underline #f8f6f2;
  text-decoration-thickness: 1.5px;
}

.movposter-explore-text-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.movposter-explore-text-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f2;
  text-decoration: underline #f8f6f2;
}

.movposter-explore-text {
  color: #f8f6f2;
  letter-spacing: .02rem;
  margin-right: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.movposter-explore-text:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.movposter-explore-text:active {
  text-decoration: none;
}

.hallo-div-block {
  width: 50%;
  height: 75vh;
}

.hallo-title-div {
  border-top: 0 solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

._12-div {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 18%;
  height: 10vh;
  padding-left: .5em;
  display: flex;
}

._12-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.hallo-heading-div {
  width: 100%;
}

.hallo-heading {
  color: #0c0c0c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.hallo-img-div {
  background-image: url('../images/hallowen-poster-invite-img.jpg');
  background-position: 50% 60%;
  background-size: cover;
  border-bottom: 2px solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  width: 100%;
  height: 60vh;
}

.hallo-subhead-div {
  border-bottom: 2px solid #000;
  border-right: 0 solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 15vh;
  display: flex;
}

.hallo-work-description-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
  height: 15vh;
  padding-top: 0;
  padding-left: 1em;
  display: flex;
}

.hallo-work-description-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.hallo-work-kind-text {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.hallo-explore-div {
  background-color: #b7202c;
  border-bottom: 2px solid #0c0c0c;
  border-left: 2px solid #0c0c0c;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 15vh;
  display: flex;
}

.hallo-explore-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 1.5px;
}

.hallo-explore-link-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.hallo-explore-link-block:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.hallo-explore-text-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.hallo-explore-text-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f2;
  text-decoration: underline #f8f6f2;
  text-decoration-thickness: 1.5px;
}

.hallo-explore-text {
  color: #f8f6f2;
  letter-spacing: .02rem;
  margin-right: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.hallo-explore-text:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.hallo-explore-text:active {
  text-decoration: none;
}

.body-7 {
  background-color: #f8f6f1;
}

.seemore-div-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25vh;
  text-decoration: none;
  display: flex;
}

.seemore-div-block:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f1;
  text-decoration: underline #f8f6f1;
  text-decoration-thickness: 1.5px;
}

.paws-seemore-link-blk {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25vh;
  text-decoration: none;
  display: flex;
}

.paws-seemore-link-blk:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f1;
  text-decoration: underline #f8f6f1;
  text-decoration-thickness: 1.5px;
}

.paws-seemore-link-txt {
  color: #f8f6f1;
  letter-spacing: .02em;
  background-color: #f8f6f200;
  justify-content: center;
  align-items: center;
  width: 25%;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.paws-seemore-link-txt:hover {
  text-underline-offset: .1em;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.laf-see-more-link-blk {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25vh;
  text-decoration: none;
  display: flex;
}

.laf-see-more-link-blk:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f1;
  text-decoration: underline #f8f6f1;
  text-decoration-thickness: 1.5px;
}

.laf-seemore-link-txt {
  color: #f8f6f1;
  letter-spacing: .02em;
  background-color: #f8f6f200;
  justify-content: center;
  align-items: center;
  width: 35%;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.laf-seemore-link-txt:hover {
  text-underline-offset: .1em;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.packaging-filter-container {
  max-width: none;
  height: 190vh;
  margin-top: 1em;
  margin-left: 4em;
  margin-right: 4em;
}

.package-work-1-2-sec {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 85vh;
  display: flex;
}

.section-2 {
  width: 100%;
  height: 90vh;
}

.package-work-3-4-sec {
  width: 100%;
  height: 85vh;
}

.steap-title-div-block-copy {
  border-top: 2px solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

.packaging-filter-text-page {
  color: #b7202c;
  text-underline-offset: auto;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.brand-works-container {
  border-right: 0 solid #0c0c0c;
  max-width: none;
  height: 100vh;
  margin-top: 1em;
  margin-left: 4em;
  margin-right: 4em;
}

.brand-work-1-2-sec {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 90vh;
  display: flex;
}

.section-3 {
  width: 100%;
  height: 90vh;
}

.twe-title-div-block-copy {
  border: 2px solid #0c0c0c;
  border-width: 2px 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

.hburg-title-div-block-copy {
  border-top: 2px solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

.hburg-img-div-copy {
  background-image: url('../images/harrisonburg-insta-mockup.jpg');
  background-position: 50%;
  background-size: cover;
  border-bottom: 2px solid #0c0c0c;
  border-left: 2px solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  width: 100%;
  height: 65vh;
}

.twe-img-div--copy {
  background-image: url('../images/twe-poster-mockup-small.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 2px solid #0c0c0c;
  border-left: 0 solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  width: 100%;
  height: 65vh;
}

._02-div-copy {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 18%;
  height: 10vh;
  padding-left: .5em;
  display: flex;
}

._03-div-copy {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-left: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 18%;
  height: 10vh;
  padding-left: .5em;
  display: flex;
}

.twe-explore-more-link-block-copy {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.twe-explore-more-link-block-copy:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 2px;
}

.hburg-work-description-div-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-left: 2px solid #0c0c0c;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 70%;
  height: 15vh;
  padding-top: 1.5em;
  padding-left: 1.3em;
  display: flex;
}

.hburg-subhead-div-copy {
  border-bottom: 2px solid #000;
  border-right: 0 solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 15vh;
  display: flex;
}

.all-filter-text-copy {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.all-filter-text-copy:hover {
  color: #b7202c;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.all-filter-text-copy.w--current {
  text-decoration: none;
}

.all-filter-text-copy.w--current:hover {
  color: #b7202c;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.branding-filter-text-page {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.branding-filter-text-page:hover {
  color: #b6202c;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.branding-filter-text-page.w--current {
  color: #b7202c;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.print-works-container {
  border-left: 0 solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  max-width: none;
  height: 190vh;
  margin-left: 4em;
  margin-right: 4em;
}

.print-works-1-2-sec {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 85vh;
  margin-top: 1em;
  display: flex;
}

.print-works-3-4-sec {
  width: 100%;
  height: 90vh;
}

.print-work-3-4-sec {
  align-items: flex-start;
  width: 100%;
  height: 85vh;
  display: flex;
}

.sws-title-div-block-copy {
  border-top: 2px solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

.stratus-title-div-copy {
  border-top: 2px solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

.ui-ux-works-container {
  max-width: none;
  height: 190vh;
  margin-left: 4em;
  margin-right: 4em;
}

.ui-ux-work-1-2-sec {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 90vh;
  margin-top: 1em;
  display: flex;
}

.ui-ux-work-3-4-sec {
  width: 50%;
  height: 90vh;
}

.dc-title-div-block-copy {
  border-top: 2px solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

.nuuly-title-div-copy {
  border-top: 2px solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

.nuuly-img-div-copy {
  background-image: url('../images/nuuly-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 2px solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  width: 100%;
  height: 65vh;
}

.vis-title-div-copy {
  border-top: 0 solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

.vis-img-div-copy {
  background-image: url('../images/visionary-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  width: 100%;
  height: 65vh;
}

.vis-subhead-div-copy {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 15vh;
  display: flex;
}

.packaging-filter-text-red {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.packaging-filter-text-red:hover {
  color: #b7202c;
  -webkit-text-decoration: underline #b7202c;
  text-decoration: underline #b7202c;
  text-decoration-thickness: 2px;
}

.packaging-filter-text-red.w--current {
  color: #b7202c;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.print-filter-text-red {
  color: #b7202c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.print-filter-text-red:hover {
  color: #b7202c;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.uiux-filter-text-red {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.uiux-filter-text-red:hover, .uiux-filter-text-red.w--current {
  color: #b7202c;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.twe-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  height: 165vh;
  margin-bottom: 10em;
  margin-left: 4em;
  margin-right: 4em;
  display: flex;
}

.twe-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: column;
  max-width: 1440px;
  height: 200vh;
  margin-left: 4em;
  margin-right: 0;
}

.back-button-section {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  height: 10vh;
  margin-top: 8em;
  padding-left: 4em;
  display: flex;
}

.div-block-4, .div-block-5 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.div-block-6 {
  display: flex;
}

.div-block-7 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  display: block;
}

.div-block-8 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.twe-poster-div {
  background-image: url('../images/twe-poster-mockup-small.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #000;
  width: 100%;
  height: 100vh;
}

.twe-info-sec {
  width: 45%;
  height: 88vh;
}

.twe-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-left-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 40vh;
  padding-left: 0;
  display: flex;
}

.div-block-11 {
  width: 100%;
  height: 20vh;
}

.twe-page-heading {
  color: #0c0c0c;
  text-align: center;
  border-bottom: 0 solid #000;
  width: 100%;
  height: 9vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.twe-description {
  color: #0c0c0c;
  width: 76%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.tabs-menu {
  max-width: none;
  height: 15vh;
  margin-bottom: 1em;
  padding-left: 4em;
  display: flex;
}

.poster-design-tab-link {
  background-color: #ddd0;
  background-image: url('../images/Ellipse-3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 10%;
  height: 13vh;
  display: flex;
}

.poster-design-tab-link.w--current {
  color: #0c0c0c;
  text-overflow: clip;
  white-space: nowrap;
  background-color: #c8c8c800;
  background-image: url('../images/Ellipse-3.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0 solid #0c0c0c;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 8%;
  height: 13vh;
  margin-right: 1em;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.tab-link-tab-2 {
  background-color: #ddd0;
  background-image: url('../images/blk-outline-circle.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0 solid #0c0c0c;
  justify-content: center;
  align-items: center;
  width: 10%;
  height: 13vh;
  display: flex;
}

.text-block-3 {
  color: #f8f6f1;
  text-align: center;
  letter-spacing: .03em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5em;
  text-decoration: none;
}

.brochure-link-text-blk {
  color: #0c0c0c;
  text-align: left;
  letter-spacing: .03em;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: 15vh;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.brochure-link-text-blk:hover {
  color: #f8f6f1;
}

.brochure-tab-link {
  background-color: #ddd0;
  background-image: url('../images/blk-outline-circle.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0 solid #0c0c0c;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 8%;
  height: 13vh;
  padding: 0;
  display: flex;
}

.brochure-tab-link:hover {
  background-image: url('../images/Ellipse-3.png');
}

.brochure-tab-link.w--current {
  background-color: #ddd0;
  background-image: url('../images/Ellipse-3.png');
  margin-left: 1em;
}

.brochure-tab-link.w--current:hover {
  background-image: url('../images/Ellipse-3.png');
}

.back-button-text-blk {
  color: #0c0c0c;
  width: 100%;
  padding-left: .5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.back-button-text-blk:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

.back-button-div {
  justify-content: flex-start;
  align-items: center;
  width: 8%;
  text-decoration: none;
  display: flex;
}

.back-button-div:hover {
  -webkit-text-decoration: underline #0c0c0c;
  text-decoration: underline #0c0c0c;
  text-decoration-thickness: 2px;
}

.body-8, .body-9, .body-10, .body-11, .body-12, .body-13, .body-14, .body-15, .body-16, .body-17, .body-18, .body-19, .body-20, .body-21, .body-22, .body-23 {
  background-color: #f8f6f1;
}

.div-block-12 {
  width: 100%;
  height: 15vh;
}

.twe-poster-sec {
  width: 55%;
}

.twe-objective-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.twe-objective-paragraph {
  color: #0c0c0c;
  width: 100%;
  padding-left: 5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.twe-description-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 22vh;
  display: flex;
}

.twe-header-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 12vh;
  padding-top: 3em;
  display: flex;
}

.blk-outline-circle-div {
  justify-content: center;
  align-items: center;
  width: 8%;
  height: 5vh;
  margin-left: 1em;
  display: flex;
}

.twe-objective-div {
  justify-content: flex-start;
  align-items: flex-end;
  height: 5vh;
  margin-top: 1em;
  padding-left: 6em;
  display: flex;
}

.twe-objective-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-width: 0 2px 2px 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 27vh;
  padding-left: 0;
  display: flex;
}

.twe-objective-head-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 8vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5em;
  display: flex;
}

.twe-objective-p-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 25vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.twe-objective {
  color: #0c0c0c;
  width: 75%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.tools-used-div {
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 6vh;
  padding-top: 0;
  padding-left: 5em;
  display: flex;
}

.tools-used-heading {
  color: #0c0c0c;
  width: 30%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.tools-div {
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-left: 4em;
  display: flex;
}

.adobe-tools-text {
  color: #0c0c0c;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
}

.twe-about-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 6vh;
  padding-top: 0;
  padding-left: 5em;
  display: flex;
}

.twe-about-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .7em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.section-4 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 30vh;
  display: flex;
}

.poster-info-section {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 88vh;
  display: flex;
}

.brochure-section {
  width: 100%;
  height: 75vh;
}

.lanyard-div {
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 75vh;
  padding-right: 0;
  display: flex;
}

.twe-lanyard-img-div {
  border-right: 0 solid #0c0c0c;
  order: 0;
  justify-content: center;
  align-items: center;
  width: 49%;
  height: 80vh;
  display: flex;
}

.twe-lanyard-img {
  border: 0 solid #000;
  width: 100%;
}

.brochure-pics-div {
  border: 0 solid #000;
  width: 60%;
  height: 63vh;
}

.brochure-dieline-sec {
  width: 100%;
  height: 55vh;
  display: flex;
}

.div-block-13, .div-block-14 {
  width: 50%;
}

.twe-brochure-slider {
  background-color: #ddd0;
  border-left: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  width: 100%;
  height: 63vh;
}

.twe-cover-pg1-slide {
  background-image: url('../images/twe-brochure-coverinside.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
}

.twe-pg1-2-slide {
  background-image: url('../images/twe-brochure-pg1-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.twe-vendor-pgs-slide {
  background-image: url('../images/twe-brochure-vendor-pgs.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.twe-lastpg-back-slide {
  background-image: url('../images/twe-brochure-lastpg-map.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.twe-brochure-right-arrow {
  filter: invert(85%);
  outline-offset: 0px;
  outline: 3px #fff;
}

.twe-brochure-left-arrow {
  filter: invert(85%);
}

.twe-slide-right-arrow {
  border-left: 0 solid #000;
  width: 6%;
}

.twe-slider-left-arrow {
  border-right: 0 solid #0c0c0c;
  width: 6%;
}

.slide-nav {
  border-top: 0 solid #0c0c0c;
  width: 90%;
}

.hburg {
  justify-content: flex-start;
  align-items: center;
  width: 6%;
  text-decoration: none;
  display: flex;
}

.hburg:hover {
  -webkit-text-decoration: underline #0c0c0c;
  text-decoration: underline #0c0c0c;
  text-decoration-thickness: 2px;
}

.steap-div-block-copy {
  border-right: 2px solid #0c0c0c;
  width: 50%;
  height: 85vh;
}

.steap-subhead-div-copy {
  border-bottom: 2px solid #000;
  border-right: 0 solid #0c0c0c;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 15vh;
  display: flex;
}

.curli-div-block-copy, .superior-div-block-copy {
  border-left: 2px solid #0c0c0c;
  width: 50%;
  height: 85vh;
}

.twe-div-block-copy {
  border-left: 2px solid #0c0c0c;
  width: 50%;
  height: 90vh;
}

.twe-explore-more-div-copy {
  background-color: #b7202c;
  border-bottom: 2px solid #0c0c0c;
  border-left: 2px solid #0c0c0c;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 15vh;
  display: flex;
}

.twe-explore-more-div-copy:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-decoration-thickness: 1.5px;
}

.sws-div-block-copy {
  border-left: 2px solid #0c0c0c;
  width: 50%;
  height: 85vh;
}

.stratus-div-block-copy {
  border-right: 2px solid #0c0c0c;
  width: 50%;
  height: 85vh;
}

.movie-poster-div-copy {
  border-left: 2px solid #0c0c0c;
  width: 50%;
  height: 85vh;
}

.hallo-div-block-copy {
  border-right: 2px solid #0c0c0c;
  width: 50%;
  height: 85vh;
}

.dc-div-block-copy {
  border-left: 2px solid #0c0c0c;
  width: 50%;
  height: 90vh;
}

.nuuly-div-block-copy {
  border-right: 2px solid #0c0c0c;
  width: 50%;
  height: 90vh;
}

.nuuly-subhead-div-copy {
  border-bottom: 2px solid #000;
  border-right: 0 solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 15vh;
  display: flex;
}

.vis-div-block-copy {
  border-left: 2px solid #0c0c0c;
  width: 50%;
  height: 90vh;
}

.hburg-div-block-copy {
  border-right: 2px solid #0c0c0c;
  width: 50%;
  height: 90vh;
}

.hburg-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  height: 88vh;
  margin-bottom: 13em;
  margin-left: 4em;
  margin-right: 4em;
  display: flex;
}

.hburg-info-sec {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 88vh;
  display: flex;
}

.hburg-mockup-sec {
  width: 60%;
}

.hburg-mockup-img-div {
  background-image: url('../images/harrisonburg-insta-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #000;
  width: 100%;
  height: 88vh;
}

.hburg-info-text-sec {
  width: 40%;
  height: 88vh;
}

.hburg-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-left-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 40vh;
  padding-left: 0;
  display: flex;
}

.hburg-header-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 12vh;
  padding-top: 3em;
  display: flex;
}

.hburg-page-heading {
  color: #0c0c0c;
  text-align: center;
  border-bottom: 0 solid #000;
  width: 100%;
  height: 9vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.hburg-about-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 6vh;
  padding-top: 0;
  padding-left: 5em;
  display: flex;
}

.hburg-about-header {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .7em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.hburg-description-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 22vh;
  display: flex;
}

.hburg-description {
  color: #0c0c0c;
  width: 80%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.hburg-objective-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-width: 0 2px 2px 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 27vh;
  padding-left: 0;
  display: flex;
}

.hburg-objective-header-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 8vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5em;
  display: flex;
}

.hburg-objective-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.hburg-objective-p-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 25vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.hburg-objective {
  color: #0c0c0c;
  width: 75%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.hburg-tools-div {
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-left: 4em;
  display: flex;
}

.hburg-adobe-tools-text {
  color: #0c0c0c;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
}

.sws-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  height: 190vh;
  margin-bottom: 13em;
  margin-left: 4em;
  margin-right: 4em;
  display: flex;
}

.sws-cover-info-sec {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 87vh;
  display: flex;
}

.sws-cover-sec {
  width: 60%;
}

.sws-cover-div {
  background-image: url('../images/sws-cover-mockup.jpg');
  background-position: 55%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #000;
  border-bottom-width: 0;
  width: 100%;
  height: 87vh;
}

.sws-info-sec {
  width: 40%;
  height: 90vh;
}

.sws-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-left-width: 0;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 45vh;
  padding-left: 0;
  display: flex;
}

.sws-header-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  padding-top: 3em;
  display: flex;
}

.sws-page-heading {
  color: #0c0c0c;
  text-align: center;
  border-bottom: 0 solid #000;
  width: 100%;
  height: 9vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.sws-about-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 6vh;
  padding-top: 0;
  padding-left: 5em;
  display: flex;
}

.sws-about-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .7em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.sws-description-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 30vh;
  display: flex;
}

.sws-description {
  color: #0c0c0c;
  width: 85%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.sws-description-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-width: 0 2px 2px 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 23vh;
  padding-left: 0;
  display: flex;
}

.sws-objective-head-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 6vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5em;
  display: flex;
}

.sws-objective-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.sws-objective-p-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 18vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.sws-objective {
  color: #0c0c0c;
  width: 80%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.sws-tools-div {
  border-bottom: 0 solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 13vh;
  padding-left: 4em;
  display: flex;
}

.sws-tools-used-text {
  color: #0c0c0c;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
}

.magazine-pgs-sec {
  border-bottom: 2px solid #0c0c0c;
  width: 100%;
  height: 100vh;
}

.magazine-pgs-div {
  border: 0 solid #000;
  border-bottom: 2px solid #0c0c0c;
  width: 100%;
  height: 100vh;
}

.sws-magazine-pgs-slider {
  background-color: #ddd0;
  border: 2px solid #0c0c0c;
  width: 100%;
  height: 100vh;
}

.sws-cover-back-slide {
  background-image: url('../images/sws-cover-front-view.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sws-inside-contents-slide {
  background-image: url('../images/sws-pg1contents-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sws-pgs-1-2-slide {
  background-image: url('../images/sws-mission-about-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sws-pgs-3-4-slide {
  background-image: url('../images/sws-founder-pg-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.sws-slider-left-arrow {
  border-right: 0 solid #0c0c0c;
  width: 5%;
}

.sws-pgs-left-arrow {
  filter: invert(85%);
}

.sws-slider-right-arrow {
  border-left: 0 solid #0c0c0c;
  width: 5%;
}

.sws-pgs-right-arrow {
  filter: invert(85%);
  outline-offset: 0px;
  outline: 3px #fff;
}

.bcorp-pgs-slide {
  background-image: url('../images/sws-bcorp-pgs-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.econyl-pgs-slide {
  background-image: url('../images/sws-econyl-pgs-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.tencel-pgs-slide {
  background-image: url('../images/sws-tencel-pgs-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ecovero-pgs-slide {
  background-image: url('../images/sws-ecovero-pgs-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.fabric-pgs-slide {
  background-image: url('../images/sws-fabric-pgs-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.factory-pgs-slide {
  background-image: url('../images/sws-factory-pgs-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.circularity-pgs-slide {
  background-image: url('../images/sws-circular-pgs-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.recycling-pgs-slide {
  background-image: url('../images/sws-recycle-pgs-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.goals-pgs-slide {
  background-image: url('../images/sws-goalsclosing-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.back-cover-slide {
  background-image: url('../images/sws-backcover-front-view.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.dcloth-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  height: 100vh;
  margin-bottom: 13em;
  margin-left: 4em;
  margin-right: 4em;
  display: flex;
}

.dc-info-section {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 88vh;
  display: flex;
}

.dc-main-img-sec {
  width: 60%;
}

.dc-main-img-div {
  background-image: url('../images/d-cloth-chair-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #000;
  width: 100%;
  height: 96vh;
}

.dc-info-sec {
  width: 40%;
  height: 94vh;
}

.dc-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-left-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 42vh;
  padding-left: 0;
  display: flex;
}

.dc-header-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  padding-top: 3em;
  display: flex;
}

.dcloth-page-heading {
  color: #0c0c0c;
  text-align: center;
  border-bottom: 0 solid #000;
  width: 100%;
  height: 9vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.dc-about-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 6vh;
  padding-top: 0;
  padding-left: 5em;
  display: flex;
}

.dc-about-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .7em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.dc-description-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 25vh;
  display: flex;
}

.dcloth-description {
  color: #0c0c0c;
  width: 85%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.dc-objective-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-width: 0 2px 2px 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 27vh;
  padding-left: 0;
  display: flex;
}

.dc-objective-header-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 8vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5em;
  display: flex;
}

.dc-objective-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.dc-objective-p-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 25vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.dcloth-objective {
  color: #0c0c0c;
  width: 70%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.dc-tools-div {
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-left: 4em;
  display: flex;
}

.dc-tools-used {
  color: #0c0c0c;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
}

.dcloth-imgs-sec {
  width: 100%;
  height: 75vh;
}

.brochure-pics-div-copy {
  border: 0 solid #000;
  width: 60%;
  height: 58vh;
}

.twe-lanyard-img-div-copy {
  order: 0;
  justify-content: center;
  align-items: flex-end;
  width: 40%;
  height: 100vh;
  display: flex;
}

.dcloth-link-txt-block {
  color: #f8f6f1;
  text-align: center;
  letter-spacing: .02em;
  width: 63%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .25em;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
}

.dcloth-link-div {
  background-color: #b7202c;
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6vh;
  padding-top: 0;
  padding-left: 0;
  text-decoration: none;
  display: flex;
}

.dcloth-link-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f1;
  text-decoration: underline #f8f6f1;
  text-decoration-thickness: 1.5px;
}

.gotosite-arrow-div {
  width: 4%;
}

.halloween-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  height: 93vh;
  margin-bottom: 10em;
  margin-left: 4em;
  margin-right: 4em;
  display: flex;
}

.hallo-poster-section {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 85vh;
  display: flex;
}

.hallo-poster-sec {
  width: 60%;
}

.hallo-poster-div {
  background-image: url('../images/hallowen-poster-invite-img.jpg');
  background-position: 70%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #000;
  width: 100%;
  height: 85vh;
}

.hallo-info-sec {
  width: 40%;
  height: 85vh;
}

.hallo-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-left-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 40vh;
  padding-left: 0;
  display: flex;
}

.hallo-header-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 12vh;
  padding-top: 3em;
  display: flex;
}

.hallo-page-heading {
  color: #0c0c0c;
  text-align: center;
  border-bottom: 0 solid #000;
  width: 100%;
  height: 9vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.hallo-about-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 6vh;
  padding-top: 0;
  padding-left: 5em;
  display: flex;
}

.hallo-about-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .7em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.hallo-description-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 22vh;
  display: flex;
}

.poster-description {
  color: #0c0c0c;
  width: 76%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.exhibition-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-width: 0 2px 2px 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 24vh;
  padding-left: 0;
  display: flex;
}

.exhibition-head-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 8vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5em;
  display: flex;
}

.exhibition-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.exhibition-p-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 25vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.exhibition-info {
  color: #0c0c0c;
  width: 70%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
}

.hallo-tools-head-div {
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 6vh;
  padding-top: 0;
  padding-left: 5em;
  display: flex;
}

.hallo-tools-div {
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-left: 4em;
  display: flex;
}

.hallo-tools-text {
  color: #0c0c0c;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
}

.bold-text {
  font-weight: 600;
}

.superior-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  height: 185vh;
  margin-bottom: 13em;
  margin-left: 4em;
  margin-right: 4em;
  display: flex;
}

.superior-main-img-sec {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 88vh;
  display: flex;
}

.superior-img-sec {
  width: 60%;
}

.superior-main-img-div {
  background-image: url('../images/superior-main-front-can.jpg');
  background-position: 50% 55%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #000;
  border-bottom-width: 0;
  width: 100%;
  height: 90vh;
}

.superior-info-sec {
  width: 40%;
  height: 90vh;
}

.superior-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-left-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 42vh;
  padding-left: 0;
  display: flex;
}

.superior-header-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 12vh;
  padding-top: 3em;
  display: flex;
}

.superior-page-heading {
  color: #0c0c0c;
  text-align: center;
  border-bottom: 0 solid #000;
  width: 100%;
  height: 9vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.superior-about-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 6vh;
  padding-top: 0;
  padding-left: 5em;
  display: flex;
}

.superior-about-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .7em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.superior-description-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 24vh;
  display: flex;
}

.superior-description {
  color: #0c0c0c;
  width: 82%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.superior-objective-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-width: 0 2px 2px 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 27vh;
  padding-left: 0;
  display: flex;
}

.superior-objective-header-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 7vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5em;
  display: flex;
}

.superior-objective-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.superior-objective-p-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 25vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.superior-objective {
  color: #0c0c0c;
  width: 80%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.superior-tools-div {
  border-bottom: 0 solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-left: 4em;
  display: flex;
}

.superior-tools-used {
  color: #0c0c0c;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
}

.superior-other-img-sec {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 75vh;
  margin-top: 1.2em;
  display: flex;
}

.superior-2-img-div {
  border: 2px solid #0c0c0c;
  border-top-width: 0;
  width: 50%;
  height: 100vh;
  margin-top: 1.2em;
}

.div-block-16 {
  width: 40%;
  height: 75vh;
}

.superior-can-back-div {
  background-image: url('../images/superior-2-can-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 2px solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  width: 50%;
  height: 90vh;
  margin-top: 0;
}

.superior-tilted-can-div {
  background-image: url('../images/superior-tilted-can.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #0c0c0c;
  width: 50%;
  height: 90vh;
  margin-top: 0;
}

.stratus-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  height: 193vh;
  margin-bottom: 13em;
  margin-left: 4em;
  margin-right: 4em;
  display: flex;
}

.stratus-cover-section {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 88vh;
  display: flex;
}

.stratus-cover-img-sec {
  width: 60%;
}

.stratus-cover-div {
  background-image: url('../images/stratus-main-cover-mockup.jpg');
  background-position: 65%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #000;
  width: 100%;
  height: 88vh;
}

.stratus-info-sec {
  width: 40%;
  height: 88vh;
}

.stratus-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-left-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 40vh;
  padding-left: 0;
  display: flex;
}

.stratus-header-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 12vh;
  padding-top: 3em;
  display: flex;
}

.stratus-page-heading {
  color: #0c0c0c;
  text-align: center;
  border-bottom: 0 solid #000;
  width: 100%;
  height: 9vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.stratus-about-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 6vh;
  padding-top: 0;
  padding-left: 5em;
  display: flex;
}

.stratus-about-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .7em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.stratus-description-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 22vh;
  display: flex;
}

.stratus-description {
  color: #0c0c0c;
  width: 82%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.stratus-objective-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-width: 0 2px 2px 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 27vh;
  padding-left: 0;
  display: flex;
}

.stratus-objective-head-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 8vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5em;
  display: flex;
}

.stratus-objective-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.stratus-objective-p-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 25vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.stratus-tools-used-div {
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 6vh;
  padding-top: 0;
  padding-left: 5em;
  display: flex;
}

.zine-pgs-section {
  width: 100%;
  height: 75vh;
}

.lanyard-div-copy {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 80vh;
  padding-right: 0;
  display: flex;
}

.zine-pgs-div {
  border: 0 solid #000;
  width: 100%;
  height: 100vh;
}

.stratus-objective {
  color: #0c0c0c;
  width: 80%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.zine-pgs-sec {
  border-bottom: 2px solid #0c0c0c;
  width: 100%;
  height: 90vh;
}

.zine-pages-div {
  border: 0 solid #000;
  border-bottom: 2px solid #0c0c0c;
  width: 100%;
  height: 100vh;
}

.stratus-zine-slider {
  background-color: #ddd0;
  border: 2px solid #0c0c0c;
  border-top-width: 0;
  width: 100%;
  height: 100vh;
}

.stratus-cover-slide {
  background-image: url('../images/stratus-cover-front-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.stratus-contents-pgs-slide {
  background-image: url('../images/stratus-contents-pgs-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.stratus-pgs-1-2-slide {
  background-image: url('../images/stratus-editornote-pg-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.stratus-pgs-3-4-slide {
  background-image: url('../images/stratus-andrea-pgs-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.stratus-pgs-5-6-slide {
  background-image: url('../images/stratus-art-pgs1-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.stratus-pgs-7-8-slide {
  background-image: url('../images/stratus-art-pgs2-mockups.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.stratus-pgs-9-10-slide {
  background-image: url('../images/stratus-whale-poem-pgs.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.stratus-pgs-11-12-slide {
  background-image: url('../images/stratus-whale-poempt2-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.stratus-pgs-13-14-slide {
  background-image: url('../images/stratus-wanted-poem-pgs.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.stratus-pgs-15-16-slide {
  background-image: url('../images/stratus-imagine-pgs.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.stratus-pgs-17-18-slide {
  background-image: url('../images/stratus-thisroom-pgs.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.stratus-pgs-19-20-slide {
  background-image: url('../images/sws-recycle-pgs-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.stratus-lastpgs-slide {
  background-image: url('../images/stratus-lastpgs-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.stratus-back-cover-slide {
  background-image: url('../images/stratus-back-cover.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.twe-page-heading-copy {
  color: #0c0c0c;
  border-bottom: 0 solid #000;
  width: 100%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 3rem;
  font-weight: 600;
}

.fall-layers-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  height: 200vh;
  margin-bottom: 10em;
  margin-left: 4em;
  margin-right: 4em;
  display: flex;
}

.fall-layers-main-img-sec {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 97vh;
  display: flex;
}

.fall-main-img-sec {
  width: 60%;
}

.fall-main-vid-div {
  background-image: url('../images/fall-layers-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #000;
  width: 100%;
  height: 97vh;
}

.fall-layers-info-sec {
  width: 40%;
  height: 90vh;
}

.fall-layers-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-left-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 46vh;
  padding-left: 0;
  display: flex;
}

.fall-layers-header-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 12vh;
  padding-top: 3em;
  display: flex;
}

.fall-layers-page-heading {
  color: #0c0c0c;
  text-align: center;
  border-bottom: 0 solid #000;
  width: 100%;
  height: 9vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.fall-layers-about-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 6vh;
  padding-top: 0;
  padding-left: 5em;
  display: flex;
}

.fall-layers-about-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .7em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.fall-layers-description-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 27vh;
  display: flex;
}

.fall-layers-description {
  color: #0c0c0c;
  width: 80%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.fall-layers-objective-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-width: 0 2px 2px 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 30vh;
  padding-left: 0;
  display: flex;
}

.fall-objective-head-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 8vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5em;
  display: flex;
}

.fall-layers-objective-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.fall-layers-objective-p-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 30vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.fall-layers-objective {
  color: #0c0c0c;
  width: 80%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.fall-layers-tools-used {
  color: #0c0c0c;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
}

.fall-layers-tools-div {
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-left: 4em;
  display: flex;
}

.wireframes-sec {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 60vh;
  display: flex;
}

.mywork-link {
  color: #0c0c0c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.mywork-link:hover {
  color: #b7202c;
  text-underline-offset: .1em;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
}

.visionary-vid-div {
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  height: 60vh;
  display: flex;
}

.vis-elements-div {
  background-color: #f8f6f100;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  justify-content: space-around;
  align-items: center;
  width: 70%;
  height: 60vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-19 {
  width: 50%;
  height: 90vh;
  padding-left: 2em;
  padding-right: 2em;
}

.div-block-20 {
  width: 50%;
  height: 75vh;
}

.background-video {
  width: 100%;
  height: 100vh;
}

.background-video-2 {
  width: 45%;
  height: 65vh;
}

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

.visionary-video {
  width: 100%;
  height: 70vh;
}

.vis-logo-div {
  border-right: 2px solid #000;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 60vh;
  padding-right: 1em;
  display: flex;
}

.purple-shape-div {
  justify-content: flex-start;
  align-items: center;
  width: 20%;
  height: 60vh;
  display: flex;
}

.div-block-24, .yellow-shape-div, .salmon-shape-div {
  justify-content: center;
  align-items: center;
  width: 20%;
  height: 60vh;
  display: flex;
}

.movie-poster-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  height: 93vh;
  margin-bottom: 13em;
  margin-left: 4em;
  margin-right: 4em;
  display: flex;
}

.movie-poster-info-sec {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 88vh;
  display: flex;
}

.mov-poster-sec {
  width: 58%;
}

.mov-poster-div {
  background-image: url('../images/page-of-madness-poster-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #000;
  width: 100%;
  height: 88vh;
}

.mov-poster-info-sec {
  width: 42%;
  height: 88vh;
}

.movie-poster-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-left-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 38vh;
  padding-left: 0;
  display: flex;
}

.pageofmadness-header-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 12vh;
  padding-top: 3em;
  display: flex;
}

.pageofmadness-heading {
  color: #0c0c0c;
  text-align: center;
  border-bottom: 0 solid #000;
  width: 100%;
  height: 9vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.78rem;
  font-weight: 600;
}

.mov-poster-about-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 7vh;
  padding-top: 0;
  padding-left: 5em;
  display: flex;
}

.mov-poster-about-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .7em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.mov-description-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 22vh;
  display: flex;
}

.mov-poster-description {
  color: #0c0c0c;
  width: 82.5%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.mov-poster-objective-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-width: 0 2px 2px 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 30vh;
  padding-left: 0;
  display: flex;
}

.mov-objective-head-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 8vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5em;
  display: flex;
}

.mov-objective-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.mov-objective-p-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 30vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.mov-poster-objective {
  color: #0c0c0c;
  width: 78%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.mov-poster-tools-div {
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 14vh;
  padding-left: 4em;
  display: flex;
}

.mov-poster-tools-text {
  color: #0c0c0c;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
}

.actual-mov-poster-div {
  background-image: url('../images/small-madness-movie-poster-smaller.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding-top: 1em;
  display: block;
}

.nuuly-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  height: 85vh;
  margin-bottom: 10em;
  margin-left: 4em;
  margin-right: 4em;
  display: flex;
}

.nuuly-info-section {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 80vh;
  display: flex;
}

.nuuly-vid-sec {
  width: 60%;
}

.nuuly-vid-div {
  border: 0 solid #000;
  border-top-width: 2px;
  width: 100%;
  height: 64.5vh;
}

.nuuly-info-sec {
  border-left: 2px solid #000;
  width: 40%;
  height: 80vh;
}

.nuuly-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-left-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 35vh;
  padding-left: 0;
  display: flex;
}

.nuuly-header-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 12vh;
  padding-top: 3em;
  display: flex;
}

.nuuly-page-heading {
  color: #0c0c0c;
  text-align: center;
  border-bottom: 0 solid #000;
  width: 100%;
  height: 9vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.nuuly-about-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 6vh;
  padding-top: 0;
  padding-left: 5em;
  display: flex;
}

.nuuly-about-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .7em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.nuuly-description-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 18vh;
  display: flex;
}

.nuuly-description {
  color: #0c0c0c;
  width: 76%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.nuuly-objective-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-width: 0 2px 2px 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 24vh;
  padding-left: 0;
  display: flex;
}

.nuuly-objective-header-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 8vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5em;
  display: flex;
}

.nuuly-objective-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.nuuly-objective-p-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 25vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.nuuly-objective {
  color: #0c0c0c;
  width: 70%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.nuuly-tools-div {
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-left: 4em;
  display: flex;
}

.nuuly-tools-text {
  color: #0c0c0c;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
}

.nuuly-video {
  border-bottom: 2px solid #0c0c0c;
  border-left: 2px solid #0c0c0c;
  width: 100%;
  height: 60vh;
}

.curli-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 0 solid #0c0c0c;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  height: 165vh;
  margin-bottom: 10em;
  margin-left: 4em;
  margin-right: 4em;
  display: flex;
}

.curli-main-img-sec {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 88vh;
  display: flex;
}

.curli-img-sec {
  border-bottom: 0 solid #000;
  width: 60%;
}

.curli-main-img-div {
  background-image: url('../images/curli-mockup-pic.jpg');
  background-position: 50% 55%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #000;
  border-bottom-width: 0;
  width: 100%;
  height: 90vh;
}

.curli-info-sec {
  width: 40%;
  height: 90vh;
}

.curli-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-left-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 42vh;
  padding-left: 0;
  display: flex;
}

.curli-header-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 12vh;
  padding-top: 3em;
  display: flex;
}

.curli-page-heading {
  color: #0c0c0c;
  text-align: center;
  border-bottom: 0 solid #000;
  width: 100%;
  height: 9vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.curli-about-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 6vh;
  padding-top: 0;
  padding-left: 5em;
  display: flex;
}

.curli-about-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .7em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.curli-description-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 24vh;
  display: flex;
}

.curli-description {
  color: #0c0c0c;
  width: 76%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.curli-objective-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-width: 0 2px 2px 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 27vh;
  padding-left: 0;
  display: flex;
}

.curli-objective-header-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 7vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5em;
  display: flex;
}

.curli-objective-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.curli-objective-p-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 25vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.curli-objective {
  color: #0c0c0c;
  width: 62%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.curli-tools-used-div {
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 6vh;
  padding-top: 0;
  padding-left: 5em;
  display: flex;
}

.curli-tools-div {
  border-bottom: 0 solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-left: 4em;
  display: flex;
}

.curli-tools-used {
  color: #0c0c0c;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
}

.curli-other-imgs-sec {
  border-top: 2px solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 75vh;
  margin-top: 1.2em;
  display: flex;
}

.whats-inside-div {
  background-image: url('../images/curli-mockupbox.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 2px solid #0c0c0c;
  border-left: 2px solid #0c0c0c;
  width: 50%;
  height: 75vh;
}

.curli-slider-div {
  width: 50%;
  height: 75vh;
}

.curli-slider {
  background-color: #ddd0;
  border-bottom: 2px solid #0c0c0c;
  border-left: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  width: 100%;
  height: 75vh;
}

.curli-slider-left-arrow {
  border-right: 0 solid #0c0c0c;
  width: 6.5%;
}

.curli-left-arrow {
  filter: invert(85%);
}

.curli-slider-right-arrow {
  border-left: 0 solid #000;
  width: 6.5%;
}

.curli-right-arrow {
  filter: invert(85%);
  outline-offset: 0px;
  outline: 3px #fff;
}

.curl-cream-slide {
  background-image: url('../images/curli-cream-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.curl-gel-slide {
  background-image: url('../images/curli-gel-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.curl-oil-slide {
  background-image: url('../images/hairoil-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.silk-bonnet-slide {
  background-image: url('../images/curli-bonnet-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.curl-guide-slide {
  background-image: url('../images/curli-guide-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.know-your-curls-slide {
  background-image: url('../images/curli-knowcurls-card-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.thanks-card-slide {
  background-image: url('../images/curli-thanks-card-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.container-2 {
  height: 20vh;
}

.footer-light {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px 40px;
  position: relative;
}

.container-3 {
  width: 100%;
  max-width: none;
  height: 20vh;
  margin-left: 0;
  margin-right: 0;
}

.footer-wrapper-two {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-block-two {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.footer-link-two {
  color: #1a1b1f;
  margin-top: 20px;
  text-decoration: none;
}

.footer-link-two:hover {
  color: #1a1b1fbf;
}

.footer-form {
  width: 315px;
  max-width: 100%;
  margin-bottom: 0;
}

.footer-form-block {
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.footer-form-field {
  border: 1px solid #a6b1bf;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 22px;
  transition: all .2s;
}

.footer-form-field:hover, .footer-form-field:focus {
  border-color: #76879d;
}

.footer-form-field::placeholder {
  color: #1a1b1fcc;
  font-size: 14px;
  line-height: 22px;
}

.footer-form-submit {
  background-color: #1a1b1f;
  background-image: url('../images/');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 50px;
  height: 48px;
  transition: all .2s;
}

.footer-form-submit:hover {
  background-color: #3a4554;
}

.footer-divider-two {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
}

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

.footer-copyright {
  color: #3a4554;
}

.footer-social-block-two {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: -12px;
  display: flex;
}

.footer-social-link {
  margin-left: 12px;
}

.site-footer {
  border-bottom: 1px solid #e4ebf3;
  width: 100%;
  height: 20vh;
  padding: 80px 30px 40px;
  position: relative;
}

.footer-container {
  background-color: #b7202c;
  border-top: 0 solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 30vh;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.section-5 {
  width: 30%;
  height: 30vh;
}

.div-block-25 {
  width: 100%;
  height: 10vh;
}

.image {
  overflow: hidden;
}

.written-d-white-div {
  background-image: url('../images/written-d-cream.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 25%;
  height: 30vh;
}

.home-footer-links-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 15%;
  height: 30vh;
  padding-top: 4em;
  display: flex;
}

.home-footer-link, .link-2 {
  color: #f8f6f1;
  letter-spacing: .02em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.casestudy-footer-link, .package-footer-link, .branding-footer-link, .print-footer-link, .ui-ux-footer-link {
  color: #f8f6f1;
  font-family: Poppins, sans-serif;
  font-size: .9rem;
  font-weight: 300;
  text-decoration: none;
}

.contact-footer-div {
  justify-content: flex-end;
  align-items: flex-start;
  width: 15%;
  height: 30vh;
  padding-top: 0;
  display: flex;
}

.contact-footer-link {
  color: #f8f6f1;
  letter-spacing: .02em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.footer-page-links-sec {
  justify-content: space-around;
  align-items: flex-start;
  width: 70%;
  display: flex;
}

.home-links-foot-div {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 70%;
  height: 30vh;
  padding-top: 4em;
  display: flex;
}

.work-footer-links-div {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
  height: 30vh;
  padding-top: 0;
  display: flex;
}

.about-footer-links-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
  height: 30vh;
  padding-top: 0;
  display: flex;
}

.cream-circle-div {
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
  height: 30vh;
  padding-top: 4.2em;
  display: flex;
}

.aboutme-foot-div {
  width: 70%;
  height: 30vh;
  padding-top: 4em;
}

.mywork-footer-link, .aboutme-footer-link {
  color: #f8f6f1;
  letter-spacing: .02em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.mywork {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 70%;
  height: 30vh;
  padding-top: 4em;
  display: flex;
}

.contact-foot-div {
  width: 75%;
  height: 30vh;
  padding-top: 4em;
}

.contact-icons-foot-div {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 6vh;
  display: flex;
}

.mail-link-block {
  width: 11%;
  height: 3vh;
}

.linkedin-link-block {
  width: 10%;
  height: 3vh;
}

.laf-hotel-link-div {
  background-color: #b7202c;
  border: 0 solid #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6vh;
  padding-top: 0;
  padding-left: 0;
  text-decoration: none;
  display: flex;
}

.laf-hotel-link-div:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f1;
  text-decoration: underline #f8f6f1;
  text-decoration-thickness: 1.5px;
}

.laf-hotel-txt-block {
  color: #f8f6f1;
  text-align: center;
  letter-spacing: .02em;
  width: 80%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .25em;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
}

.goto-lafsite-arrow-div-copy {
  width: 4%;
}

.case-studydropdown {
  width: 75%;
  margin-left: 0;
  margin-right: 0;
}

.casestudy-dropdown-toggle {
  width: 75%;
}

.vare-dropdown-head {
  color: #0c0c0c;
  width: 100%;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.pawsitive-dropdown-link {
  color: #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.pawsitive-dropdown-link:hover {
  color: #fff;
  background-color: #b7202c;
}

.lafayette-dropdown-link {
  color: #0c0c0c;
  border-top: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10.5vh;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.lafayette-dropdown-link:hover {
  color: #fff;
  background-color: #b7202c;
}

.dropdown-list-2 {
  width: 636.508vw;
}

.dropdown-list-2.w--open {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: #f8f6f2;
  border: 2px solid #0c0c0c;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 25vw;
  height: 31vh;
  margin-top: .5em;
  display: block;
  box-shadow: 0 4px 5px -1px #000000b5;
}

.paws-case-studydropdown {
  width: 95%;
  margin-left: 0;
  margin-right: 0;
}

.paws-casestudy-dropdown-toggle {
  width: 75%;
}

.paws-dropdown-head {
  color: #0c0c0c;
  width: 100%;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.paws-dropdown-list {
  width: 25vw;
}

.paws-dropdown-list.w--open {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: #f8f6f2;
  border: 2px solid #0c0c0c;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 25vw;
  height: 21vh;
  margin-top: .5em;
  display: block;
  box-shadow: 0 4px 5px -1px #000000b5;
}

.p-laf-dropdown-link {
  color: #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.p-laf-dropdown-link:hover {
  color: #f8f6f1;
  text-underline-offset: .1em;
  background-color: #b7202c;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
}

.p-vare--dropdown-link {
  color: #0c0c0c;
  border-top: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 11vh;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.p-vare--dropdown-link:hover {
  color: #f8f6f1;
  text-underline-offset: .1em;
  background-color: #b7202c;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
}

.laf-casestudy-dropdown {
  width: 95%;
  margin-left: 0;
  margin-right: 0;
}

.laf-dropdown-toggle {
  width: 100%;
}

.laf-dropdown-head {
  color: #0c0c0c;
  width: 100%;
  padding-right: 1em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.lafayette-dropdown-list {
  width: 25vw;
}

.lafayette-dropdown-list.w--open {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: #f8f6f2;
  border: 2px solid #0c0c0c;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 25vw;
  height: 21vh;
  margin-top: .5em;
  display: block;
  box-shadow: 0 4px 5px -1px #000000b5;
}

.laf-vare-dropdown-link {
  color: #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.laf-vare-dropdown-link:hover {
  color: #f8f6f1;
  text-underline-offset: .1em;
  background-color: #b7202c;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
}

.laf-paws-dropdown-link {
  color: #0c0c0c;
  border-top: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 11vh;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.laf-paws-dropdown-link:hover {
  color: #f8f6f1;
  text-underline-offset: .1em;
  background-color: #b7202c;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
}

.left-arrow {
  border-right: 0 solid #0c0c0c;
  width: 6%;
}

.icon-3 {
  filter: invert(85%);
}

.right-arrow {
  border-left: 0 solid #0c0c0c;
  width: 6%;
}

.left-arrow-2 {
  border-right: 0 solid #0c0c0c;
  width: 6%;
}

.icon-4 {
  filter: invert(85%);
}

.right-arrow-2 {
  border-left: 0 solid #0c0c0c;
  width: 6%;
}

.icon-5 {
  filter: invert(85%);
}

.image-2 {
  opacity: .48;
  filter: invert();
}

.steap-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  height: 160vh;
  margin-bottom: 8em;
  margin-left: 4em;
  margin-right: 4em;
  display: flex;
}

.steap-main-img-section {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 72vh;
  display: flex;
}

.steap-img-sec {
  width: 70%;
}

.steap-main-img-div {
  background-image: url('../images/3-steap-img.jpg');
  background-position: 35%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #000;
  width: 100%;
  height: 72vh;
}

.steap-info-section {
  width: 40%;
  height: 73vh;
}

.steap-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-left-width: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 33vh;
  padding-left: 0;
  display: flex;
}

.steap-header-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  padding-top: 3em;
  display: flex;
}

.steap-page-heading {
  color: #0c0c0c;
  text-align: center;
  border-bottom: 0 solid #000;
  width: 100%;
  height: 9vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.steap-about-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 8vh;
  padding-top: 0;
  padding-left: 5em;
  display: flex;
}

.steap-about-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .7em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.steap-description-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 25vh;
  display: flex;
}

.steap-description {
  color: #0c0c0c;
  width: 85%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.steap-objective-info-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 2px solid #0c0c0c;
  border-width: 0 2px 2px 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 23vh;
  padding-left: 0;
  display: flex;
}

.steap-objective-head-div {
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 6vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5em;
  display: flex;
}

.steap-objective-heading {
  color: #0c0c0c;
  width: 20%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
}

.steap-objective-p-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 20vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.steap-objective {
  color: #0c0c0c;
  width: 78%;
  margin-bottom: 0;
  padding-left: 1em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.steap-tools-div {
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  padding-left: 4em;
  display: flex;
}

.steap-tools-used-text {
  color: #0c0c0c;
  padding-left: .6em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
}

.steap-extra-section {
  border-bottom: 2px solid #0c0c0c;
  border-left: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: space-around;
  align-items: stretch;
  width: 100%;
  height: 65vh;
  display: flex;
}

.steap-slider-pics-div {
  border: 0 solid #000;
  width: 100%;
  height: 100vh;
}

.steap-slider {
  background-color: #ddd0;
  border-bottom: 2px solid #0c0c0c;
  border-left: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  width: 100%;
  height: 100vh;
}

.steap-generic-slide {
  background-image: url('../images/generic-steap-mockup.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.steap-organic-slide {
  background-image: url('../images/organic-steap-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.steap-expensive-slide {
  background-image: url('../images/expensive-steap-mockup.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.red-dot-div {
  width: 15%;
  height: 10vh;
}

.layers-of-fall-heading {
  color: #0c0c0c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

.fall-layers-video-sec {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  display: flex;
}

.fall-layers-poster-div {
  background-image: url('../images/falllayers-poster-small.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 2px solid #0c0c0c;
  border-left: 2px solid #0c0c0c;
  width: 65%;
  height: 100vh;
}

.fall-layers-vd-div {
  border-top: 0 solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
  border-right: 2px solid #0c0c0c;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 100vh;
  display: flex;
}

.fall-layers-video {
  width: 75%;
  height: 100vh;
}

.fall-layers-vid {
  width: 90%;
  height: 85vh;
}

.shoe-case-study-sec {
  width: 100%;
  height: 25vh;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.shoe-01-div {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 0 solid #000;
  flex-flow: column wrap-reverse;
  width: 10%;
  height: 100%;
  display: flex;
}

.shoe01-subhead-div {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 100%;
  padding-left: 1em;
  display: flex;
}

.shoe-01-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4em;
  font-style: italic;
  font-weight: 300;
}

.shoe-heading-div {
  border: 2px solid #000;
  justify-content: center;
  align-items: center;
  width: 38%;
  display: flex;
}

.shoe-heading {
  color: #0c0c0c;
  font-size: 4em;
}

.shoe-design-div {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  border: 2px solid #000;
  border-left-width: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  padding-left: 0;
  display: flex;
}

.shoe-subheads-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 8vh;
  display: flex;
}

.shoedesign-subhead {
  color: #0c0c0c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.shoe-sub-subhead {
  color: #0c0c0c;
  margin-bottom: 0;
  padding-left: .25em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
}

.see-more-shoe-div {
  background-color: #b7202c;
  border: 2px solid #000;
  border-width: 2px 0;
  justify-content: center;
  align-items: center;
  width: 18%;
  height: 25vh;
  display: flex;
}

.seemore-shoe-div-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25vh;
  text-decoration: none;
  display: flex;
}

.seemore-shoe-div-block:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f1;
  text-decoration: underline #f8f6f1;
  text-decoration-thickness: 1.5px;
}

.shoe-seemore-link-txt {
  color: #f8f6f1;
  letter-spacing: .02em;
  background-color: #f8f6f200;
  justify-content: center;
  align-items: center;
  width: 45%;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.shoe-seemore-link-txt:hover {
  text-underline-offset: .1em;
  text-decoration: none;
  text-decoration-thickness: 1.5px;
}

.shoe-imgs-section {
  max-width: none;
  height: 60vh;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.shoe-img1-div {
  background-image: url('../images/shoebook-intropg.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 0 solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  width: 33.3%;
  height: 60vh;
}

.shoe-img2-div {
  background-image: url('../images/shoe-streetposter-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-right: 2px solid #0c0c0c;
  width: 33.3%;
  height: 60vh;
}

.shoe-img3-div {
  background-image: url('../images/shoebook-af1-zoomin.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 33.5%;
  height: 60vh;
}

.shoe-hero-container {
  max-width: none;
  height: 130vh;
  margin-top: 8em;
  margin-left: 0;
  margin-right: 0;
  padding-top: 6em;
}

.dropdown-casestudy-div-shoe {
  justify-content: flex-start;
  align-items: center;
  width: 63%;
  height: 10vh;
  margin-left: 4em;
  display: flex;
}

.shoe-case-studydropdown {
  width: 92%;
  margin-left: 0;
  margin-right: 0;
}

.shoe-casestudy-dropdown-toggle {
  width: 100%;
}

.shoe-casestudy-dropdown-toggle.w--open {
  width: 100%;
  padding-right: 0;
}

.shoe-dropdown-head {
  color: #0c0c0c;
  width: 100%;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.vare-drop-link {
  width: 100%;
  height: 10vh;
}

.vare-dropdownlink {
  color: #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.vare-dropdownlink:hover {
  color: #fff;
  background-color: #b7202c;
}

.shoe-hero-img-div {
  background-image: url('../images/final-data-visualization-poster.jpg');
  background-position: 50% 60%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 85vh;
  margin-top: 2rem;
}

.shoe-summ-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  height: 85vh;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1em;
  display: flex;
}

.shoe-summary-img-div {
  width: 48%;
  margin-top: 4em;
}

.shoe-summary-imgdiv {
  background-image: url('../images/shoebook-intropg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 50vh;
  margin-left: 0;
}

.shoe-summary-heading {
  color: #0c0c0c;
  width: 100%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: .25em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  position: absolute;
  top: 1496.29px;
  left: 600px;
}

.shoe-summary-bodycopy-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  height: 75vh;
  display: flex;
}

.shoedesign-subhead-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 1em;
  margin-bottom: 1.5em;
  display: flex;
}

.shoedesign-leadline-div {
  border: 1px solid #0c0c0c;
  width: 28%;
  height: 0;
}

.shoedesign-subhead-subdiv {
  justify-content: flex-start;
  align-items: center;
  width: 75%;
  height: 10vh;
  padding-left: 1.5em;
  display: flex;
}

.shoedesign-subheader {
  color: #0c0c0c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1.2em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.shoe-summary-body-div {
  justify-content: flex-end;
  align-items: flex-start;
  width: 85%;
  height: 35vh;
  padding-top: 0;
  padding-left: 4rem;
  display: flex;
}

.shoe-summary-paragraph {
  color: #0c0c0c;
  width: 83%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.shoe-goals-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  height: 70vh;
  margin-top: 2em;
  display: flex;
}

.shoe-goals-subhead {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20vh;
  margin-bottom: 2em;
  display: flex;
}

.shoe-research-question {
  color: #0c0c0c;
  text-align: center;
  width: 51%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  line-height: 3rem;
}

.shoe-3goals-div {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20vh;
  margin-bottom: 2em;
  padding-left: 2em;
  display: flex;
}

.shoe-goal1-div {
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 20vh;
  display: flex;
}

.shoe-goal1-paragraph {
  color: #0c0c0c;
  letter-spacing: .01rem;
  width: 67%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.shoe-goal2-div {
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  height: 20vh;
  display: flex;
}

.shoe-goal2-paragraph {
  color: #0c0c0c;
  width: 65%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.shoe-goal3-div {
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  height: 20vh;
  display: flex;
}

.shoe-goal3-paragraph {
  color: #0c0c0c;
  width: 60%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.shoe-mission-vision-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25vh;
  padding-left: 0;
  display: flex;
}

.shoe-mission-div {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30%;
  height: 20vh;
  display: flex;
}

.shoe-mission-paragraph {
  color: #0c0c0c;
  letter-spacing: .01rem;
  width: 100%;
  margin-bottom: 0;
  padding-left: 4em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.shoe-vision-div {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30%;
  height: 20vh;
  margin-left: 8em;
  padding-left: 0;
  display: flex;
}

.shoe-vision-paragraph {
  color: #0c0c0c;
  letter-spacing: .01rem;
  width: 100%;
  margin-bottom: 0;
  padding-left: 4em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.6rem;
}

.shoe-challenge-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  height: 70vh;
  margin-top: 6em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  display: flex;
}

.shoe-challenge-img-div {
  width: 40%;
  margin-top: 4em;
}

.shoe-challenges-img-div {
  background-image: url('../images/shoebook-af1-slider.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 45vh;
  margin-left: 0;
}

.shoe-challenge-heading {
  color: #0c0c0c;
  width: 100%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  position: absolute;
  top: 2840.29px;
  left: 509px;
}

.shoe-challenges-body-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 45%;
  height: 62vh;
  display: flex;
}

.shoe-challenges-subhead-div {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 1em;
  margin-bottom: 1em;
  display: flex;
}

.shoe-challenges-leadline-div {
  border: 1px solid #0c0c0c;
  width: 30%;
  height: 0;
}

.shoe-challenges-subhead-subdiv {
  justify-content: flex-start;
  align-items: center;
  width: 75%;
  height: 10vh;
  display: flex;
}

.shoe-challenges-subheader {
  color: #0c0c0c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1.2em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.shoe-summary-bodydiv {
  justify-content: flex-end;
  align-items: flex-start;
  width: 90%;
  height: 33vh;
  padding-top: 0;
  padding-left: 3rem;
  display: flex;
}

.shoe-challnges-paragraph {
  color: #0c0c0c;
  letter-spacing: .01rem;
  width: 83%;
  margin-bottom: 0;
  margin-left: 1.5em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.shoe-process-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  height: 95vh;
  margin: 0 0 4em;
  display: flex;
}

.shoe-process-bodycopy-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 50vh;
  padding-right: 0;
  display: flex;
}

.shoe-process-subhead {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 1em;
  display: flex;
}

.shoe-process-subheading {
  color: #0c0c0c;
  width: 45%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.shoe-process-leadline-div {
  border: 1px solid #0c0c0c;
  width: 30%;
}

.shoe-process-paragraph-div {
  justify-content: flex-end;
  align-items: flex-start;
  width: 90%;
  height: 30vh;
  padding-left: 2em;
  display: flex;
}

.shoe-process-paragraph {
  color: #0c0c0c;
  letter-spacing: .01rem;
  width: 100%;
  margin-bottom: 0;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.shoe-process-img-header-div {
  background-image: url('../images/navy-set-back2.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 60vh;
}

.shoe-process-header {
  color: #0c0c0c;
  width: 75%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  position: absolute;
  top: 3562.23px;
  left: 91px;
}

.shoe-results-container {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  height: 90vh;
  margin: 0 0;
  display: flex;
}

.shoe-results-bodycopy-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 50vh;
  padding-right: 0;
  display: flex;
}

.shoe-likelyresults-subhead-div {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 10vh;
  margin-top: 1em;
  margin-bottom: 1em;
  display: flex;
}

.shoe-likely-results-subhead {
  color: #0c0c0c;
  width: 50%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.shoe-results-leadline-div {
  border: 1px solid #0c0c0c;
  width: 30%;
}

.shoe-results-paragraph-div {
  justify-content: flex-end;
  align-items: flex-start;
  width: 75%;
  height: 30vh;
  padding-left: 2em;
  display: flex;
}

.shoe-results-paragraph {
  color: #0c0c0c;
  width: 100%;
  margin-bottom: 0;
  padding-left: 2em;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.shoe-results-img-header-div {
  background-image: url('../images/shoe-streetposter-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 45%;
  height: 70vh;
}

.shoe-results-header {
  color: #0c0c0c;
  width: 75%;
  height: 10vh;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
  position: absolute;
  top: 5686px;
  left: 196px;
}

.dropdown-casestudy-div-vare {
  justify-content: flex-start;
  align-items: center;
  width: 62%;
  height: 10vh;
  margin-left: 4em;
  display: flex;
}

.vare-case-studydropdown {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.vare-casestudy-dropdown-toggle {
  width: 61%;
}

.vare-casestudy-dropdown-toggle.w--open {
  width: 100%;
  padding-right: 0;
}

.varee-dropdown-head {
  color: #0c0c0c;
  width: 100%;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.vare-dropdown-list {
  width: 636.508vw;
}

.vare-dropdown-list.w--open {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: #f8f6f2;
  border: 2px solid #0c0c0c;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 25vw;
  height: 31vh;
  margin-top: .5em;
  display: block;
  box-shadow: 0 4px 5px -1px #000000b5;
}

.shoe-dropdownlink-varepg {
  color: #0c0c0c;
  border-top: 2px solid #0c0c0c;
  border-bottom: 0 solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10.5vh;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.shoe-dropdownlink-varepg:hover {
  color: #f8f6f2;
  background-color: #b7202c;
}

.pawsitive-dropdown-link-varepg {
  color: #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.pawsitive-dropdown-link-varepg:hover {
  color: #f8f6f2;
  background-color: #b7202c;
}

.lafayette-dropdown-link-varepg {
  color: #0c0c0c;
  border-top: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.lafayette-dropdown-link-varepg:hover {
  color: #f8f6f2;
  background-color: #b7202c;
}

.dropdown-casestudy-div-pawsitive {
  justify-content: flex-start;
  align-items: center;
  width: 73%;
  height: 10vh;
  margin-left: 4em;
  display: flex;
}

.pawsitive-case-studydropdown {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.paws-case-study-dropdown-toggle {
  width: 52%;
}

.paws-case-study-dropdown-toggle.w--open {
  width: 100%;
  padding-right: 0;
}

.pawsitive-dropdown-head {
  color: #0c0c0c;
  width: 100%;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.pawsitive-dropdown-list {
  width: 636.508vw;
}

.pawsitive-dropdown-list.w--open {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: #f8f6f2;
  border: 2px solid #0c0c0c;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 25vw;
  height: 31vh;
  margin-top: .5em;
  display: block;
  box-shadow: 0 4px 5px -1px #000000b5;
}

.vare-dropdown-link-pawspg {
  color: #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.vare-dropdown-link-pawspg:hover {
  color: #f8f6f2;
  background-color: #b7202c;
}

.vare-dropdown-link-pawspg.w--current {
  color: #0c0c0c;
  border-top: 2px solid #0c0c0c;
  border-bottom: 0 solid #0c0c0c;
  font-size: 2rem;
}

.vare-dropdown-link-pawspg.w--current:hover {
  color: #f8f6f2;
}

.lafayette-dropdown-link-pawspg {
  color: #0c0c0c;
  border-top: 0 solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.lafayette-dropdown-link-pawspg:hover {
  color: #f8f6f2;
  background-color: #b7202c;
}

.shoe-dropdownlink-pawspg {
  color: #0c0c0c;
  border-top: 0 solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10.5vh;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.shoe-dropdownlink-pawspg:hover {
  color: #f8f6f2;
  background-color: #b7202c;
}

.shoe-dropdownlink-pawspg.w--current {
  color: #0c0c0c;
  border-top-width: 0;
  font-size: 2rem;
}

.shoe-dropdownlink-pawspg.w--current:hover {
  color: #f8f6f2;
}

.laf-case-studydropdown {
  width: 92%;
  margin-left: 0;
  margin-right: 0;
}

.laf-case-study-dropdown-toggle {
  width: 60%;
}

.laf-case-study-dropdown-toggle.w--open {
  width: 100%;
  padding-right: 0;
}

.lafayette-dropdown-head {
  color: #0c0c0c;
  width: 75%;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.laf-casestudy-dropdown-list {
  width: 636.508vw;
}

.laf-casestudy-dropdown-list.w--open {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: #f8f6f2;
  border: 2px solid #0c0c0c;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 25vw;
  height: 31vh;
  margin-top: .5em;
  display: block;
  box-shadow: 0 4px 5px -1px #000000b5;
}

.pawsitive-dropdown-link-lafpg {
  color: #0c0c0c;
  border-top: 0 solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.pawsitive-dropdown-link-lafpg:hover {
  color: #f8f6f2;
  background-color: #b7202c;
}

.pawsitive-dropdown-link-lafpg.w--current {
  color: #0c0c0c;
}

.pawsitive-dropdown-link-lafpg.w--current:hover {
  color: #f8f6f2;
}

.shoe-dropdownlink-lafpg {
  color: #0c0c0c;
  border-top: 2px solid #0c0c0c;
  border-bottom: 0 solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10.5vh;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.shoe-dropdownlink-lafpg:hover {
  color: #f8f6f2;
  background-color: #b7202c;
}

.shoe-dropdownlink-lafpg.w--current {
  color: #0c0c0c;
  border-top-width: 0;
}

.shoe-dropdownlink-lafpg.w--current:hover {
  color: #f8f6f2;
}

.vare-dropdown-link-lafpg {
  color: #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.vare-dropdown-link-lafpg:hover {
  color: #f8f6f2;
  background-color: #b7202c;
}

.vare-dropdown-link-lafpg.w--current {
  color: #0c0c0c;
  border-top: 2px solid #0c0c0c;
  border-bottom: 0 solid #0c0c0c;
}

.vare-dropdown-link-lafpg.w--current:hover {
  color: #f8f6f2;
}

.laf-dropdown-casestduyd-div {
  justify-content: flex-start;
  align-items: center;
  width: 73%;
  height: 10vh;
  margin-left: 4em;
  display: flex;
}

.laf-cs-dropdown {
  width: 92%;
  margin-left: 0;
  margin-right: 0;
}

.laf-casestudy-dropdown-toggle {
  width: 78%;
}

.laf-casestudy-dropdown-toggle.w--open {
  width: 100%;
  padding-right: 0;
}

.lafayette-cs-dropdown-head {
  color: #0c0c0c;
  width: 100%;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.lafayette-cs-dropdown-list {
  width: 636.508vw;
}

.lafayette-cs-dropdown-list.w--open {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: #f8f6f2;
  border: 2px solid #0c0c0c;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 25vw;
  height: 31vh;
  margin-top: .5em;
  display: block;
  box-shadow: 0 4px 5px -1px #000000b5;
}

.paws-dropdownlink-lafhotelpg {
  color: #0c0c0c;
  border-top: 0 solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.paws-dropdownlink-lafhotelpg:hover {
  color: #f8f6f2;
  background-color: #b7202c;
}

.paws-dropdownlink-lafhotelpg.w--current {
  color: #0c0c0c;
}

.paws-dropdownlink-lafhotelpg.w--current:hover {
  color: #f8f6f2;
}

.shoe-dropdownlink-lafhotelpg {
  color: #0c0c0c;
  border-top: 0 solid #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10.5vh;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.shoe-dropdownlink-lafhotelpg:hover {
  color: #f8f6f2;
  background-color: #b7202c;
}

.shoe-dropdownlink-lafhotelpg.w--current {
  color: #0c0c0c;
  border-top-width: 0;
}

.shoe-dropdownlink-lafhotelpg.w--current:hover {
  color: #f8f6f2;
}

.vare-dropdown-link-lafhotelpg {
  color: #0c0c0c;
  border-bottom: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.vare-dropdown-link-lafhotelpg:hover {
  color: #f8f6f2;
  background-color: #b7202c;
}

.vare-dropdown-link-lafhotelpg.w--current {
  color: #0c0c0c;
  border-top: 2px solid #0c0c0c;
  border-bottom: 0 solid #0c0c0c;
}

.vare-dropdown-link-lafhotelpg.w--current:hover {
  color: #f8f6f2;
}

.aboutme-arrow-link {
  width: 100%;
}

.identity-subheading {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.process-book-slider {
  border: 2px solid #0c0c0c;
  width: 100%;
  height: 60vh;
}

.intro-slide {
  background-image: url('../images/process-book-intro.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.stroyvis-slide {
  background-image: url('../images/process-book1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.purpose-statement-slide {
  background-image: url('../images/process-book2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.synopsis-slide {
  background-image: url('../images/process-book3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.audience-slide {
  background-image: url('../images/process-book4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.why-care-slide {
  background-image: url('../images/process-book5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.flow-chart-slide {
  background-image: url('../images/process-book6.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.graphs-slide {
  background-image: url('../images/process-mockup7.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.timeline1-slide {
  background-image: url('../images/process-book8.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.timeline2-slide {
  background-image: url('../images/process-book9.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.articles-slide {
  background-image: url('../images/process-book10.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.survey-slide {
  background-image: url('../images/process-book11.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.prototype1-slide {
  background-image: url('../images/process-book12.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.round1-poster-slide {
  background-image: url('../images/process-book13.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.round2-poster-slide {
  background-image: url('../images/process-book14.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.final-poster-slide {
  background-image: url('../images/process-book15.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.process-brief-slide {
  background-image: url('../images/process-book16.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.target-audience-slide {
  background-image: url('../images/process-book17.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.client-user-slide {
  background-image: url('../images/process-book18.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.type-studies-slide {
  background-image: url('../images/process-book19.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.prototype2-slide {
  background-image: url('../images/process-book20.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.right-arrow-3 {
  border-left: 0 solid #0c0c0c;
  width: 7%;
}

.left-arrow-3 {
  border-right: 0 solid #0c0c0c;
  width: 7%;
}

.icon-6 {
  filter: invert(85%);
  mix-blend-mode: normal;
  transform: scale(.6);
}

.icon-7 {
  filter: invert(85%);
  transform: scale(.6);
}

.prototypes-imgs-container {
  max-width: 1279px;
  height: 175vh;
  margin-bottom: 4em;
}

.poster-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 85vh;
  margin-bottom: 4em;
  display: flex;
}

.shoe-poster-img-div {
  background-image: url('../images/final-data-visualization-poster.jpg');
  background-position: 50%;
  background-size: cover;
  width: 78%;
  height: 105vh;
}

.shoe-poster-header-div {
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 6vh;
  margin-bottom: .75rem;
  display: flex;
}

.shoe-poster-heading {
  color: #0c0c0c;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.sneaker-book-img-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  display: flex;
}

.sneaker-book-imgs-div {
  width: 80%;
  height: 85vh;
}

.sneaker-book-header-div {
  justify-content: center;
  align-items: flex-start;
  width: 60%;
  height: 6vh;
  margin-bottom: 1.5rem;
  display: flex;
}

.sneaker-book-heading {
  color: #0c0c0c;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: .25em;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.sneaker-book-slider {
  border: 2px solid #0c0c0c;
  width: 100%;
  height: 75vh;
}

.outside-book-slide {
  background-image: url('../images/book-outside-layingview.jpg');
  background-position: 50% 75%;
  background-repeat: no-repeat;
  background-size: cover;
}

.page1-slide {
  background-image: url('../images/shoebook-pg1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.contents-page-slide {
  background-image: url('../images/shoebook-pg2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.af1-contentslider-slide {
  background-image: url('../images/shoebook-af1-slider.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.converse-slider-slide {
  background-image: url('../images/shoebook-converse-slider.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.adidas-slider-slide {
  background-image: url('../images/shoebook-adidas-slider.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cortez-slider-slide {
  background-image: url('../images/shoebook-cortez-slider.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.intro-page1-slider {
  background-image: url('../images/shoebook-intropg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.intro-pg2-slider {
  background-image: url('../images/shoebook-intropg-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.af1-intro-slide {
  background-image: url('../images/shoebook-af1pg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.af1-material-spin-slide {
  background-image: url('../images/shoebook-af1-spinnerpg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.af1-zoomin-div {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 70vh;
  display: flex;
}

.af1-spinvid-div {
  width: 50%;
  height: 70vh;
}

.af1-zoomed-img-div {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70vh;
  display: flex;
}

.af1-spinner-video-div {
  background-image: url('../images/shoebook-af1-zoomin.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 70vh;
}

.af1-spinner-vid {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-flow: column;
  width: 100%;
  height: 60vh;
  display: block;
  transform: rotate(90deg);
}

.af1-zoomed-slide {
  background-image: url('../images/shoebook-af1-zoomin.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.body-24, .slide-1, .af1-spin-vid-slide, .slide-1-2, .slide-1-3 {
  background-color: #f8f6f1;
}

.af1-timeline1-slide {
  background-image: url('../images/shoebook-af1-timeline-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.af1-timeline2-slide {
  background-image: url('../images/shoebook-af1-timeline-2.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.af1-timeline3-slide {
  background-image: url('../images/shoebook-af1-timeline-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.af1-timeline4-slide {
  background-image: url('../images/shoebook-af1-timeline-4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.converse-intro-slide {
  background-image: url('../images/shoebook-conversepg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.converse-spinner-slide {
  background-image: url('../images/shoebook-converse-spinnerpg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.converse-zoomin-slide {
  background-image: url('../images/shoebook-converse-zoomin.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.converse-timeline1-slide {
  background-image: url('../images/shoebook-cv-timeline-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.converse-timeline2-slide {
  background-image: url('../images/shoebook-cv-timeline-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.converse-timeline3-slide {
  background-image: url('../images/shoebook-cv-timeline-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.converse-timeline4-slide {
  background-image: url('../images/shoebook-cv-timeline-4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.adidas-intro-slide {
  background-image: url('../images/shoebook-adidaspg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.adidas-spinner-slide {
  background-image: url('../images/shoebook-adidas-spinnerpg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.adidas-zoomin-slide {
  background-image: url('../images/shoebook-adidas-zoomin.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.adidas-timeline1-slide {
  background-image: url('../images/shoebook-adidas-timeline-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.adidas-timeline2-slide {
  background-image: url('../images/shoebook-adidas-timeline-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.adidas-timeline3-slide {
  background-image: url('../images/shoebook-adidas-timeline-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.adidas-timeline4-slide {
  background-image: url('../images/shoebook-adidas-timeline-4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cortez-intro-slide {
  background-image: url('../images/shoebook-cortezpg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cortez-spinner-slide {
  background-image: url('../images/shoebook-cortez-pg2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cortez-zoomin-slide {
  background-image: url('../images/shoebook-cortez-zoomin.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cortez-timeline1-slide {
  background-image: url('../images/shoebook-cortez-timeline-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cortez-timeline2-slide {
  background-image: url('../images/shoebook-timeline-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cortez-timeline3-slide {
  background-image: url('../images/shoebook-cortex-timeline-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cortez-timeline4-slide {
  background-image: url('../images/shoebook-cortez-timeline-4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.closing-pgs1-slide {
  background-image: url('../images/shoebook-closingpg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.closing-pgs2-slide {
  background-image: url('../images/shoebook-closing-pg2.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.last-pg-slide {
  background-image: url('../images/shoebook-lastpg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.right-arrow-4, .left-arrow-4 {
  width: 6%;
}

.icon-8 {
  filter: invert(85%);
  transform: scale(.7);
}

.icon-9 {
  filter: invert(85%);
  transform: scale(.6);
}

.navbar-no-shadow-container {
  z-index: 5;
  background-color: #0000;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.container-regular {
  width: 100%;
  max-width: 1260px;
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-wrapper {
  width: 80%;
}

.nav-menu-2 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-link {
  color: #0c0c0c;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: #b7202c;
  text-decoration: underline;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link-2 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link-2:focus-visible, .nav-dropdown-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.mobile-margin-top-10 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  width: 5%;
  display: flex;
}

.nav-button-wrapper {
  margin-left: 120px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

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

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

.name-logo-div {
  background-image: url('../images/d-logo-forweb.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50vw;
  height: 30vh;
  position: absolute;
  top: 72.367px;
  left: -402.328px;
}

.red-dot-steap, .red-dot-hburg, .red-dot-curli, .red-dot-twe, .red-dot-sws, .red-dot-dc, .red-dot-superior, .red-dot-stratus, .red-dot-nuuly, .red-dot-lof, .red-dot-movposter, .red-dot-halloween, .reddot-steap, .twe-red-dot, .hburg-red-dot, .sws-red-dot, .stratus-red-dot, .movposter-red-dot, .halloween-red-dot, .dc-red-dot, .nuuly-red-dot, .image-41 {
  width: 45%;
}

.fall-layers-div-block-copy {
  border-left: 0 solid #0c0c0c;
  border-right: 0 solid #0c0c0c;
  width: 100%;
  height: 75vh;
}

.fall-explore-text-div-copy {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.fall-explore-text-div-copy:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f2;
  text-decoration: underline #f8f6f2;
  text-decoration-thickness: 1.5px;
}

.fall-subhead-div-copy {
  border-bottom: 2px solid #000;
  border-left: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 15vh;
  display: flex;
}

.dc-img-div-copy {
  background-image: url('../images/d-cloth-chair-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  width: 100%;
  height: 65vh;
}

.dc-explore-text-div-copy {
  border-right: 2px solid #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15vh;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.dc-explore-text-div-copy:hover {
  text-underline-offset: .1em;
  -webkit-text-decoration: underline #f8f6f2;
  text-decoration: underline #f8f6f2;
  text-decoration-thickness: 1.5px;
}

.fall-layers-img-div-copy {
  background-image: url('../images/fall-layers-mockup.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 2px solid #0c0c0c;
  border-left: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  width: 100%;
  height: 65vh;
}

.fall-layers-title-div-copy {
  border: 2px solid #0c0c0c;
  border-top-width: 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10vh;
  display: flex;
}

.generic-tea-img-div {
  background-image: url('../images/steap-generic-newimg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-right: 2px solid #0c0c0c;
  width: 33.3%;
}

.natural-tea-img-div {
  background-image: url('../images/organic-steap-newimg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-left: 0 solid #000;
  width: 33.5%;
}

.expensive-tea-img-div {
  background-image: url('../images/steap-expensive-newimg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-left: 2px solid #0c0c0c;
  width: 33.3%;
}

.tea-labels-div {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 10vh;
  display: flex;
}

.generic-heading-div {
  border-bottom: 2px solid #0c0c0c;
  border-left: 2px solid #0c0c0c;
  width: 33.3%;
  height: 10vh;
}

.organic-heading-div {
  border: 2px solid #0c0c0c;
  border-top-width: 0;
  width: 33.8%;
  height: 10vh;
}

.expensive-heading-div {
  border-bottom: 2px solid #0c0c0c;
  border-right: 2px solid #0c0c0c;
  width: 33.3%;
  height: 10vh;
}

.generic-heading, .organic-heading, .heading-6 {
  color: #0c0c0c;
  text-align: center;
  font-family: Cormorantgaramond, Palatino Linotype, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 300;
}

.reddot-curli, .reddot-superior {
  width: 45%;
}

.callout-reddot-divcopy, .callout-reddot-div-copy, .callout-reddot--copy {
  width: 15%;
  height: 5vh;
}

.process-vare-header {
  color: #0c0c0c;
  text-align: right;
  width: 100%;
  height: 6vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: .75em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
}

.challenges-vare-header {
  color: #0c0c0c;
  width: 100%;
  height: 6vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .25em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
}

.summary-vare-header {
  color: #0c0c0c;
  width: 100%;
  height: 6vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .5em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
}

.results-vare-header {
  color: #0c0c0c;
  text-align: right;
  width: 100%;
  height: 6vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: .5em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
}

.summary-shoe-header {
  color: #0c0c0c;
  width: 100%;
  height: 6vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .5em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
}

.challenges-shoe-header {
  color: #0c0c0c;
  width: 100%;
  height: 6vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .25em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
}

.process-shoe-header {
  color: #0c0c0c;
  text-align: center;
  width: 100%;
  height: 6vh;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
}

.results-shoe-header {
  color: #0c0c0c;
  text-align: right;
  width: 100%;
  height: 6vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: .75em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
}

.summary-paws-header, .challenges-paws-header {
  color: #0c0c0c;
  width: 100%;
  height: 6vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .5em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
}

.process-paws-header, .results-paws-header {
  color: #0c0c0c;
  text-align: right;
  width: 100%;
  height: 6vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 1em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
}

.summary-laf-header {
  color: #0c0c0c;
  width: 100%;
  height: 6vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .5em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
}

.challenges-laf-header {
  color: #0c0c0c;
  width: 100%;
  height: 6vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .25em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
}

.process-laf-header {
  color: #0c0c0c;
  text-align: right;
  width: 100%;
  height: 6vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: .5em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
}

.results-laf-header {
  color: #0c0c0c;
  text-align: right;
  width: 100%;
  height: 6vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: .75em;
  font-family: Poppins, sans-serif;
  font-size: 6rem;
  font-weight: 600;
}

.steps-paragraph {
  color: #0c0c0c;
  width: 60%;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.nuuly-vid-link-div {
  background-color: #b7202c;
  border: 0 solid #0c0c0c;
  border-width: 0 0 2px 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6vh;
  display: flex;
}

.nuuly-vid-link {
  color: #f8f6f2;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 34%;
  height: 5vh;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.nuuly-vid-link:hover {
  text-underline-offset: .1em;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
}

.nuulyvid-link-blk {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6vh;
  text-decoration: none;
  display: flex;
}

.nuulyvid-link-blk:hover {
  text-underline-offset: 2px;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  -webkit-text-decoration: underline #f8f6f2;
  text-decoration: underline #f8f6f2;
  text-decoration-thickness: 2px;
}

.nuuly-vid-txt-blk {
  color: #f8f6f2;
  text-align: center;
  width: 25%;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.nuuly-vid-txt-blk:hover {
  text-decoration: none;
}

.transition-cta-subhead-div-laf {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 10vh;
  margin-bottom: 0;
  display: flex;
}

.reddot-dropdown-div-copy {
  justify-content: flex-start;
  align-items: center;
  width: 7%;
  height: 10vh;
  display: flex;
}

.transition-cta-subhead-div-paws {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 10vh;
  margin-bottom: 0;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .written-d-div {
    top: 21.6rem;
    left: 9.4rem;
  }

  .designer-hero-heading-2, .name-hero-heading-2 {
    font-size: 8rem;
  }
}

@media screen and (min-width: 1440px) {
  .hero-intro-div {
    width: 75%;
    top: 17.6rem;
    left: 36.5rem;
  }

  .mdesigner-div {
    top: 5.9rem;
    left: 35rem;
  }

  .hero-img-div60 {
    background-image: linear-gradient(#0000, #0000), url('../images/hero-img-portfolio.jpg');
    background-position: 0 0, 0%;
    width: 30%;
  }

  .pitch-p3-section {
    width: 100%;
    padding-right: 4em;
  }

  .div-messprocess-text {
    width: 70%;
  }

  .pitch-subhead-2-div {
    width: 85%;
  }

  .work-connects-sec {
    justify-content: flex-start;
    align-items: center;
    width: 60%;
  }

  .lead-lines-2-sec {
    justify-content: flex-start;
    align-items: center;
  }

  .pitch-section2 {
    width: 95%;
  }

  .leadlines-3-sec {
    width: 75%;
  }

  .pitch-p3-reddot, .pitch-reddot-2 {
    width: 4.5%;
  }

  .leadlines-4-div {
    justify-content: flex-start;
    align-items: center;
    width: 32.5%;
  }

  .pitch-section1-20 {
    width: 40%;
  }

  .see-more-lafayette-div, .pawsitive-casestudy-section {
    height: 20vh;
  }

  .golfapparel-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .case-study-container {
    max-width: none;
    height: 355vh;
  }

  .storysite-div {
    height: 20vh;
  }

  .selectedworks-h1-div {
    height: 12vh;
  }

  .pawsitive-heading-div, .petbrand-div, .lafayette-casestudy-sec, .lafayette-heading-div, .see-more-pawsitive-div, .see-more-vare-div, .vare-casestudy-section {
    height: 20vh;
  }

  .selected-works-header-sec {
    height: 22vh;
  }

  .createdesigns-callout-div {
    width: 55%;
    height: 10vh;
  }

  .ideasgrow-callout-div {
    width: 40%;
  }

  .value-callout-div {
    width: 72%;
    height: 10vh;
  }

  .callout-reddot-div {
    width: 7%;
  }

  .learnmore-subsection {
    width: 56%;
  }

  .learnmore-div {
    justify-content: flex-start;
    align-items: flex-start;
    height: 10vh;
  }

  .learnmore-section {
    justify-content: flex-end;
    align-items: center;
    height: 45vh;
    margin-bottom: 8px;
  }

  .asadesigner-container-1440 {
    max-width: none;
    margin-bottom: 8em;
  }

  .strongsense-callout-div {
    width: 50%;
    height: 10vh;
  }

  .observeexplore-subhead-div {
    width: 19%;
  }

  .mdesigner-heading-2-2 {
    font-size: 2.4rem;
  }

  .designer-hero-heading-2 {
    font-size: 8rem;
    top: -3%;
    left: 10rem;
  }

  .portfolio-hero-heading-2 {
    font-size: 8rem;
    top: 38.4rem;
    left: 8.3rem;
  }

  .designportfolio-heading2-2 {
    font-size: 2.4rem;
    top: 15.3rem;
    left: -16.8rem;
  }

  .intro-paragraph-2 {
    width: 80%;
  }

  .pitch-p1-2 {
    line-height: 1.8rem;
  }

  .mess-process-header {
    font-size: 2.4rem;
  }

  .pitch-p2-2 {
    line-height: 1.8rem;
  }

  .pitch-subhead2-2 {
    width: 100%;
    font-size: 2.4rem;
  }

  .petbrand-subhead-2, .storysite-subhead-2 {
    font-size: 2.4rem;
  }

  .golfapparel-subhead-2 {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .selected-works-heading-2 {
    font-size: 8em;
  }

  .case-studies-subheader-2 {
    font-size: 2.4em;
  }

  .groundedprocess-subhead-2 {
    font-size: 2.4rem;
  }

  .see-aboutme-heading-2 {
    font-size: 8rem;
  }

  .playfulcurious-subhead-2 {
    font-size: 2.4rem;
  }

  .strongsense-p1-2, .createdesigns-p3-2 {
    padding-left: .75em;
  }

  .learnmore-subhead-2 {
    text-align: center;
    width: 50%;
  }

  .observe-explore-head {
    font-size: 2.4rem;
  }

  .value-p4-2 {
    padding-left: .75em;
  }

  .asadesigner-heading-2 {
    font-size: 8em;
  }

  .body, .body-5 {
    overflow: visible;
  }

  .about-hero-full-container {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-left: 0;
  }

  .aboutme-heading {
    height: 15vh;
    font-size: 8rem;
  }

  .aboutme-herocopy-div {
    width: 55%;
  }

  .delaneycurtis-signature {
    top: 0%;
    left: 11%;
  }

  .creatvity-leadline-div40 {
    width: 20%;
  }

  .creatvity-subhead-subdiv60 {
    width: 85%;
  }

  .creativity-subhead {
    width: 60%;
    font-size: 2.4rem;
    line-height: 2.8rem;
  }

  .aboutme-p1 {
    width: 68%;
    line-height: 1.8rem;
  }

  .mypath-container-50vh {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-right: 0;
  }

  .mypath-bodycopy-div {
    justify-content: flex-end;
    align-items: center;
    height: 45vh;
  }

  .mypath-subbhead {
    width: 50%;
    font-size: 2.4rem;
    line-height: 2.8rem;
  }

  .mypath-paragraph.small-bodycopy {
    line-height: 1.8rem;
  }

  .mypath-header {
    width: 50%;
    font-size: 8rem;
    top: 1300.99px;
    left: 228px;
  }

  .myapproach-container {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-left: 8em;
  }

  .myapproach-heading {
    font-size: 8rem;
    top: 1904.29px;
    left: 439px;
  }

  .myapproach-copy-div {
    height: 100vh;
  }

  .observer-subheader {
    margin-left: .5em;
    font-size: 2.4rem;
  }

  .myapproach-bodycopy-div {
    justify-content: center;
    align-items: flex-start;
    width: 90%;
    height: 60vh;
  }

  .myapproach-paragraph.small-bodycopy {
    width: 65%;
    line-height: 1.8rem;
  }

  .transition-cta-subhead {
    color: #b7202c;
  }

  .mywork-div {
    width: 65%;
  }

  .mywork-reddot-div, .reddot-dropdown-div {
    justify-content: center;
    align-items: center;
  }

  .vare-summ-container {
    justify-content: flex-end;
    align-items: center;
    max-width: none;
    padding-left: 0;
  }

  .varesummary-img-div {
    width: 35%;
  }

  .vare-summary-heading {
    font-size: 8rem;
    top: 1593.29px;
    left: 682px;
  }

  .varesummary-bodycopy-div {
    justify-content: flex-end;
    align-items: flex-start;
    width: 50%;
    height: 75vh;
  }

  .eleganceinmotion-subhead-div {
    height: 13vh;
    margin-top: 1em;
    margin-bottom: 1.5em;
  }

  .elegance-leadline-div {
    width: 40%;
  }

  .elegancemotion-subheader {
    margin-left: .5em;
    font-size: 2.4rem;
  }

  .varesummary-body-div {
    justify-content: flex-start;
    align-items: flex-start;
    width: 72%;
  }

  .vare-summary-paragraph {
    width: 68%;
    line-height: 1.8rem;
  }

  .vare-goal1-paragraph, .vare-goal2-paragraph, .vare-goal3-paragraph {
    line-height: 1.8rem;
  }

  .mission-heading {
    color: #b7202c;
    font-size: 2.4rem;
  }

  .mission-paragraph {
    line-height: 1.8rem;
  }

  .vision-heading {
    color: #b7202c;
    font-size: 2.4rem;
  }

  .vision-paragraph {
    width: 72%;
    line-height: 1.8rem;
  }

  .vare-challenge-container {
    justify-content: flex-end;
    align-items: center;
    max-width: none;
    margin-top: 4em;
    padding-left: 0;
  }

  .vare-challenge-img-div {
    width: 30%;
  }

  .vare-challenge-heading {
    font-size: 8rem;
    top: 3011.29px;
    left: 631px;
  }

  .varechallenges-body-div {
    justify-content: center;
    align-items: flex-start;
    width: 55%;
    padding-bottom: 0;
  }

  .challenges-subhead-div {
    height: 13vh;
    margin-top: 1em;
    margin-bottom: 1.5em;
  }

  .challenges-subheader {
    font-size: 2.4rem;
  }

  .vare-challnges-paragraph {
    width: 80%;
    line-height: 1.8rem;
  }

  .vare-process-container {
    justify-content: center;
    align-items: center;
    max-width: none;
    padding-right: 6rem;
  }

  .vare-process-bodycopy-div {
    height: 75vh;
  }

  .behindthebrand-subhead-div {
    margin-top: 1em;
    margin-bottom: 1.5em;
  }

  .behindthebrand-subhead {
    width: 44%;
    font-size: 2.4rem;
  }

  .process-leadline-div {
    width: 20%;
  }

  .vare-process-paragraph-div {
    width: 70%;
  }

  .vare-process-paragraph {
    width: 83%;
    line-height: 1.8rem;
  }

  .vare-process-img-header-div {
    width: 35%;
    height: 80vh;
  }

  .vareprocess-header {
    font-size: 8rem;
    top: 3900.23px;
    left: 213px;
  }

  .vare-inspo-container {
    width: 100%;
    max-width: none;
    margin-top: 4em;
  }

  .vare-inspo-img-backdiv {
    height: 45vh;
  }

  .vare-inspo-subheader {
    font-size: 2.4rem;
  }

  .vare-inspo-bodycopy-div {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .vare-inspo-paragraph {
    width: 69%;
    line-height: 1.8rem;
  }

  .vare-results-container {
    width: 100%;
    max-width: none;
  }

  .vare-results-bodycopy-div {
    justify-content: flex-end;
    align-items: center;
    height: 75vh;
  }

  .likely-results-subhead-div {
    height: 13vh;
    margin-top: 1em;
    margin-bottom: 1.5em;
  }

  .likely-results-subhead {
    width: 46%;
    font-size: 2.4rem;
  }

  .vare-results-paragraph-div {
    width: 80%;
    height: 45vh;
  }

  .vare-results-paragraph {
    width: 65%;
    line-height: 1.8rem;
  }

  .vare-results-img-header-div {
    width: 35%;
    height: 72vh;
  }

  .vare-results-header {
    font-size: 8rem;
    top: 6861px;
  }

  .vare-apparel-container {
    height: 60vh;
    margin-bottom: 0;
  }

  .white-skirt-vare-div {
    justify-content: center;
    align-items: center;
    padding-top: 10em;
  }

  .navy-skirt-vare-div {
    padding-top: 6em;
  }

  .casestudy-end-container {
    margin-top: 15em;
    margin-bottom: 6em;
  }

  .transition-cta-subhead-div-vare {
    justify-content: center;
    align-items: center;
    height: 15vh;
  }

  .vare-transition-cta {
    color: #b7202c;
  }

  .seemywork-heading-copy {
    font-size: 8rem;
  }

  .paws-summary-container {
    max-width: none;
  }

  .paws-summary-heading {
    font-size: 8rem;
    top: 1613.29px;
    left: 588px;
  }

  .paws-summary-bodycopy-div {
    justify-content: flex-end;
    align-items: flex-start;
    height: 85vh;
  }

  .paws-tagline-subhead-div {
    height: 10vh;
    margin-top: 1em;
    margin-bottom: 1.5em;
  }

  .paws-tagline-subhead {
    font-size: 2.4rem;
  }

  .paws-summary-paragraph, .paws-goal1-paragraph, .paws-goal2-paragraph, .paws-goal3-paragraph {
    line-height: 1.8rem;
  }

  .paws-mission-vision-div {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .paws-mission-paragraph {
    width: 100%;
    line-height: 1.8rem;
  }

  .paws-vision-paragraph {
    line-height: 1.8rem;
  }

  .paws-challenges-container {
    justify-content: flex-end;
    align-items: center;
    max-width: none;
    margin-top: 6em;
    padding-left: 0;
  }

  .paws-challenges-heading {
    font-size: 8rem;
    top: 2827.29px;
  }

  .paws-challenges-copy-div {
    width: 75%;
  }

  .paws-challenges-paragraph {
    width: 85%;
    line-height: 1.8rem;
  }

  .paws-process-container {
    justify-content: flex-start;
    align-items: center;
    max-width: none;
  }

  .paws-process-body-copy-div {
    justify-content: flex-end;
    align-items: center;
    height: 95vh;
    padding-top: 0;
  }

  .behindthedesign-subhead-div {
    height: 10vh;
    margin-top: 1em;
    margin-bottom: 1.5em;
  }

  .behindthedesign-subhead {
    width: 45%;
  }

  .paws-process-paragraph-div {
    justify-content: flex-end;
    align-items: flex-start;
    width: 85%;
    height: 60vh;
  }

  .paws-process-paragraph {
    width: 68%;
  }

  .paws-process-img-head-div {
    width: 35%;
  }

  .paws-process-header {
    font-size: 8rem;
    top: 3610.23px;
    left: 310px;
  }

  .paws-process2-body-div {
    height: 60vh;
  }

  .paws-process2-bodycopy-div {
    width: 80%;
    padding-left: 2rem;
  }

  .paws-process2-paragraph {
    width: 90%;
    line-height: 1.8rem;
  }

  .paws-process2-container2 {
    max-width: none;
    margin-top: 4em;
  }

  .collar-process-container {
    max-width: none;
  }

  .collar-process-subhead-subdiv {
    justify-content: flex-end;
    align-items: center;
    width: 85%;
  }

  .collar-process-subhead {
    width: 77%;
  }

  .collar-process-bodycopy-div {
    justify-content: center;
    align-items: flex-start;
  }

  .collar-process-paragraph {
    width: 55%;
    line-height: 1.8rem;
  }

  .paws-results-container {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-top: 6em;
    margin-right: 0;
    padding-right: 4em;
  }

  .paws-results-bodycopy-div {
    height: 60vh;
  }

  .paws-likely-results-subhead {
    height: 10vh;
    margin-top: 1em;
    margin-bottom: 1.5em;
  }

  .paws-likely-results-subheader {
    width: 46%;
  }

  .paws-results-paragraph-div {
    justify-content: flex-start;
    align-items: flex-start;
    width: 68%;
    padding-left: 0;
  }

  .paws-results-paragraph {
    line-height: 1.8rem;
  }

  .paws-results-header {
    font-size: 8rem;
    top: 7319px;
    left: 175px;
  }

  .step1-heading {
    margin-left: 2em;
  }

  .og-product-slide1 {
    background-size: 800px;
  }

  .round1-paws-slide2 {
    background-position: 50% 80%;
    background-size: 900px;
  }

  .round1-slide2-header {
    margin-left: 2em;
  }

  .round2-paws-slider3 {
    background-position: 50%;
    background-size: 750px;
  }

  .round2-slide3-header {
    padding-left: 2em;
  }

  .round3-paws-slide4 {
    background-position: 50% 80%;
    background-size: 800px;
  }

  .round3-slide4-header {
    padding-left: 2em;
  }

  .finaldesign-paws-slide5 {
    background-position: 50% 40%;
    background-size: 700px;
  }

  .final-design-slide5-header, .greencollar-slide1-header {
    padding-left: 2em;
  }

  .orangecollar-slider {
    background-position: 50% 60%;
  }

  .orange-collar-slide2-header {
    padding-left: 2em;
  }

  .final-collar-slider {
    background-position: 50% 60%;
  }

  .final-collardesign-slide3-header {
    padding-left: 2rem;
  }

  .mywork-link-block {
    width: 63%;
  }

  .paws-casestudy-end-container {
    margin-bottom: 8em;
  }

  .paws-mywork-link {
    width: 52%;
  }

  .paws-seemywork-heading {
    font-size: 8rem;
  }

  .laf-summ-contaainer {
    justify-content: center;
    align-items: center;
    max-width: none;
    padding-left: 6em;
  }

  .laf-summ-img-div {
    width: 35%;
  }

  .laf-summ-img {
    height: 70vh;
  }

  .laf-summ-heading {
    font-size: 8rem;
    left: 681px;
  }

  .laf-summ-bodycopy-div {
    height: 70vh;
  }

  .laf-summ-tagline-div {
    margin-top: 1em;
    margin-bottom: 1.5em;
  }

  .laf-summ-subhead {
    margin-left: .5em;
    font-size: 2.4rem;
  }

  .laf-summ-body-div {
    justify-content: center;
    align-items: flex-start;
  }

  .laf-summary-paragraph {
    width: 65%;
    line-height: 1.8rem;
  }

  .laf-goal1-paragraph, .laf-goal2-paragraph {
    line-height: 1.8rem;
  }

  .laf-challenges-container {
    justify-content: center;
    align-items: center;
    max-width: none;
    padding-left: 0;
  }

  .laf-challenge-img-div {
    width: 30%;
  }

  .laf-challenge-heading {
    font-size: 8rem;
    left: 603px;
  }

  .laf-challenge-body-div {
    justify-content: flex-end;
    align-items: flex-start;
    height: 75vh;
  }

  .laf-challenges-subhead-div {
    margin-top: 1em;
    margin-bottom: 1.5em;
  }

  .laf-challenges-subhead {
    margin-left: .5em;
    font-size: 2.4rem;
  }

  .laf-challenge-bodycopy-div {
    justify-content: center;
    align-items: flex-start;
  }

  .laf-challenges-paragraph {
    width: 57%;
    line-height: 1.8rem;
  }

  .laf-process-container {
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    margin-left: 4em;
  }

  .laf-process-bodycopy-div {
    height: 65vh;
  }

  .behind-the-design-laf-div {
    height: 10vh;
    margin-top: 1em;
    margin-bottom: 1.5em;
  }

  .behindthesite-subhead {
    width: 43%;
    font-size: 2.4rem;
  }

  .laf-process-paragraph-div {
    width: 60%;
  }

  .laf-process-paragraph {
    line-height: 1.8rem;
  }

  .laf-process-img-header-div {
    width: 35%;
  }

  .laf-process-header {
    font-size: 8rem;
    top: 3409.23px;
    left: 199px;
  }

  .laf-process2-container {
    justify-content: center;
    align-items: center;
    max-width: none;
    margin-top: 8em;
    margin-left: 4em;
    padding-left: 0;
  }

  .laf-process2-img-div {
    width: 35%;
  }

  .laf-process2-bodycopy-div {
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 3rem;
  }

  .laf-process2-paragraph {
    width: 13%;
    font-weight: 600;
    line-height: 1.5rem;
  }

  .yellow-color-swatch, .orange-color-swatch, .magenta-color-swatch, .pink-color-swatch, .seafoam-color-swatch, .green-color-swatch {
    height: 40%;
  }

  .laf-results-container {
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    margin-left: 4em;
  }

  .laf-results-bodycopy-div {
    height: 65vh;
  }

  .laf-results-subhead-div {
    height: 10vh;
    margin-top: 2em;
    margin-bottom: 1.5em;
  }

  .laf-likely-results-subhead {
    width: 45%;
    font-size: 2.4rem;
  }

  .laf-results-paragraph-div {
    width: 60%;
  }

  .laf-results-paragraph {
    line-height: 1.8rem;
  }

  .laf-results-img-header-div {
    width: 32%;
    height: 80vh;
  }

  .laf-results-header {
    font-size: 8rem;
    top: 6465px;
    left: 230px;
  }

  .my-work-heading {
    font-size: 8rem;
  }

  .works-container {
    margin-bottom: 20em;
  }

  ._01-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._01-subhead {
    font-size: 2.4rem;
  }

  .work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 2em;
  }

  .works-description-subhead {
    font-size: 2.4rem;
  }

  ._02-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._02-subhead {
    font-size: 2.4rem;
  }

  .twe-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 2em;
  }

  .twe-work-description-subhead {
    font-size: 2.4rem;
  }

  ._03-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._03-subhead {
    font-size: 2.4rem;
  }

  .hburg-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 2em;
  }

  .hburg-works-description-subhead {
    font-size: 2.4rem;
  }

  ._04-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._04-subhead {
    font-size: 2.4rem;
  }

  .steap-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 2em;
  }

  .steap-works-description-subhead {
    font-size: 2.4rem;
  }

  ._05-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._05-subhead {
    font-size: 2.4rem;
  }

  .sws-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 2em;
  }

  .sws-works-description-subhead {
    font-size: 2.4rem;
  }

  ._06-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._06-subhead {
    font-size: 2.4rem;
  }

  .dc-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 2em;
  }

  .dc-works-description-subhead {
    font-size: 2.4rem;
  }

  ._07-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._07-subhead {
    font-size: 2.4rem;
  }

  .sup-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 2em;
  }

  .sup-work-description-subhead {
    font-size: 2.4rem;
  }

  ._08-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._08-subhead {
    font-size: 2.4rem;
  }

  .strat-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 2em;
  }

  .strat-work-description-subhead {
    font-size: 2.4rem;
  }

  ._09-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._09-subhead {
    font-size: 2.4rem;
  }

  .nuuly-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 2em;
  }

  .nuuly-work-description-subhead {
    font-size: 2.4rem;
  }

  ._10-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._10-subhead {
    font-size: 2.4rem;
  }

  .fall-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 2em;
  }

  .fall-work-description-subhead {
    font-size: 2.4rem;
  }

  .contact-me-container {
    margin-top: 8em;
  }

  .contact-transition-cta {
    color: #b7202c;
  }

  .contact-me-link {
    width: 68%;
  }

  .contactme-reddot-div {
    justify-content: center;
    align-items: center;
  }

  .contactme-heading {
    font-size: 8rem;
  }

  ._11-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._11-subhead {
    font-size: 2.4rem;
  }

  .movposter-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 2em;
  }

  .movposter-work-description-subhead {
    font-size: 2.4rem;
  }

  ._12-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._12-subhead {
    font-size: 2.4rem;
  }

  .hallo-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 2em;
  }

  .hallo-work-description-subhead {
    font-size: 2.4rem;
  }

  .seemore-div-block, .paws-seemore-link-blk, .laf-see-more-link-blk {
    height: 20vh;
  }

  ._02-div-copy, ._03-div-copy {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .hburg-work-description-div-copy {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 2em;
  }

  .ui-ux-works-container {
    height: 195vh;
  }

  .twe-container {
    margin-bottom: 15em;
  }

  .twe-page-heading {
    height: 9vh;
    font-size: 4rem;
  }

  .twe-description, .twe-objective {
    line-height: 1.8rem;
  }

  .adobe-tools-text {
    line-height: 2rem;
  }

  .twe-cover-pg1-slide {
    background-size: contain;
  }

  .twe-slide-right-arrow {
    border-left-width: 0;
  }

  .twe-slider-left-arrow {
    border-right-width: 0;
  }

  .hburg-container {
    margin-bottom: 15em;
  }

  .hburg-page-heading {
    height: 9vh;
    font-size: 4rem;
  }

  .hburg-description {
    width: 75%;
    line-height: 1.8rem;
  }

  .hburg-objective {
    line-height: 1.8rem;
  }

  .hburg-adobe-tools-text {
    line-height: 2rem;
  }

  .sws-container {
    margin-bottom: 15em;
  }

  .sws-page-heading {
    height: 9vh;
    font-size: 4rem;
  }

  .sws-description {
    width: 80%;
    line-height: 1.8rem;
  }

  .sws-objective {
    line-height: 1.8rem;
  }

  .sws-tools-used-text {
    line-height: 2rem;
  }

  .sws-slider-left-arrow {
    border-right-width: 0;
  }

  .sws-slider-right-arrow {
    border-left-width: 0;
  }

  .dcloth-container {
    margin-bottom: 15em;
  }

  .dcloth-page-heading {
    height: 9vh;
    font-size: 4rem;
  }

  .dcloth-description {
    line-height: 1.8rem;
  }

  .dcloth-objective {
    width: 60%;
    line-height: 1.8rem;
  }

  .dc-tools-used {
    line-height: 2rem;
  }

  .halloween-container {
    margin-bottom: 15em;
  }

  .hallo-page-heading {
    height: 9vh;
    font-size: 4rem;
  }

  .poster-description {
    width: 80%;
    line-height: 1.8rem;
  }

  .exhibition-info, .hallo-tools-text {
    line-height: 2rem;
  }

  .superior-container {
    margin-bottom: 15em;
  }

  .superior-page-heading {
    height: 9vh;
    font-size: 4rem;
  }

  .superior-description {
    width: 78%;
    line-height: 1.8rem;
  }

  .superior-objective {
    line-height: 1.8rem;
  }

  .superior-tools-used {
    line-height: 2rem;
  }

  .stratus-container {
    margin-bottom: 15em;
  }

  .stratus-page-heading {
    height: 9vh;
    font-size: 4rem;
  }

  .stratus-description {
    width: 80%;
    line-height: 1.8rem;
  }

  .stratus-objective {
    width: 83%;
    line-height: 1.8rem;
  }

  .fall-layers-container {
    margin-bottom: 15em;
  }

  .fall-layers-page-heading {
    height: 9vh;
    font-size: 4rem;
  }

  .fall-layers-description {
    line-height: 1.8rem;
  }

  .fall-layers-objective {
    width: 80%;
    line-height: 1.8rem;
  }

  .fall-layers-tools-used {
    line-height: 2rem;
  }

  .movie-poster-container {
    margin-bottom: 15em;
  }

  .pageofmadness-heading {
    letter-spacing: -.1rem;
    height: 9vh;
    font-size: 4rem;
  }

  .mov-poster-description {
    width: 62%;
    line-height: 1.8rem;
  }

  .mov-poster-objective {
    line-height: 1.8rem;
  }

  .mov-poster-tools-text {
    line-height: 2rem;
  }

  .nuuly-container {
    margin-bottom: 15em;
  }

  .nuuly-page-heading {
    height: 9vh;
    font-size: 4rem;
  }

  .nuuly-description {
    line-height: 1.8rem;
  }

  .nuuly-objective-p-div {
    height: 25vh;
  }

  .nuuly-objective {
    width: 80%;
    line-height: 1.8rem;
  }

  .nuuly-tools-text {
    line-height: 2rem;
  }

  .curli-container {
    margin-bottom: 15em;
  }

  .curli-main-img-div {
    border-bottom-width: 0;
  }

  .curli-page-heading {
    height: 9vh;
    font-size: 4rem;
  }

  .curli-description {
    line-height: 1.8rem;
  }

  .curli-objective {
    width: 65%;
    line-height: 1.8rem;
  }

  .curli-tools-div {
    border-bottom-width: 0;
  }

  .curli-tools-used {
    line-height: 2rem;
  }

  .curli-other-imgs-sec {
    border-top: 2px solid #0c0c0c;
  }

  .curli-slider-left-arrow {
    border-right-width: 0;
  }

  .curli-slider-right-arrow {
    border-left-width: 0;
  }

  .laf-hotel-txt-block {
    width: 52%;
  }

  .pawsitive-dropdown-link, .lafayette-dropdown-link {
    font-size: 2.4rem;
  }

  .left-arrow-2 {
    border-right-width: 0;
  }

  .right-arrow-2 {
    border-left-width: 0;
  }

  .steap-container {
    margin-bottom: 15em;
  }

  .steap-page-heading {
    height: 9vh;
    font-size: 4rem;
  }

  .steap-description {
    line-height: 1.8rem;
  }

  .steap-objective {
    width: 80%;
    line-height: 1.8rem;
  }

  .steap-tools-used-text {
    line-height: 2rem;
  }

  .fall-layers-poster-div {
    width: 45%;
  }

  .fall-layers-vid {
    width: 70%;
  }

  .shoe-case-study-sec {
    height: 20vh;
  }

  .shoe-heading-div {
    width: 35%;
  }

  .shoe-design-div {
    width: 42%;
  }

  .shoedesign-subhead {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .see-more-shoe-div {
    width: 20%;
    height: 20vh;
  }

  .seemore-shoe-div-block {
    height: 20vh;
  }

  .dropdown-casestudy-div-shoe {
    width: 55%;
  }

  .shoe-case-studydropdown {
    width: 100%;
  }

  .shoe-casestudy-dropdown-toggle, .shoe-casestudy-dropdown-toggle.w--open {
    padding-left: 20px;
  }

  .shoe-dropdown-head, .vare-dropdownlink {
    font-size: 2.4rem;
  }

  .shoe-summ-container {
    max-width: none;
  }

  .shoe-summary-heading {
    font-size: 8rem;
    top: 1565.29px;
    left: 700px;
  }

  .shoe-summary-bodycopy-div {
    justify-content: flex-end;
    align-items: flex-start;
    height: 80vh;
  }

  .shoedesign-subhead-div {
    margin-top: 1em;
    margin-bottom: 1.5em;
  }

  .shoe-summary-body-div {
    justify-content: center;
    align-items: flex-start;
  }

  .shoe-summary-paragraph {
    width: 70%;
    line-height: 1.8rem;
  }

  .shoe-research-question {
    width: 45%;
  }

  .shoe-goal1-paragraph, .shoe-mission-paragraph {
    line-height: 1.8rem;
  }

  .shoe-vision-paragraph {
    width: 100%;
    line-height: 1.8rem;
  }

  .shoe-challenge-container {
    justify-content: center;
    align-items: center;
    max-width: none;
    margin-top: 2em;
  }

  .shoe-challenge-img-div {
    width: 35%;
  }

  .shoe-challenges-img-div {
    height: 55vh;
  }

  .shoe-challenge-heading {
    font-size: 8rem;
    top: 3035.29px;
    left: 712px;
  }

  .shoe-challenges-body-div {
    justify-content: flex-end;
    align-items: flex-start;
    height: 70vh;
  }

  .shoe-challenges-subhead-div {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .shoe-challenges-subheader {
    margin-left: .5em;
    font-size: 2.4rem;
  }

  .shoe-summary-bodydiv {
    justify-content: center;
    align-items: flex-start;
  }

  .shoe-challnges-paragraph {
    width: 80%;
    line-height: 1.8rem;
  }

  .shoe-process-container {
    max-width: none;
  }

  .shoe-process-bodycopy-div {
    justify-content: flex-end;
    align-items: center;
    height: 70vh;
  }

  .shoe-process-subhead {
    height: 13vh;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .shoe-process-subheading {
    width: 40%;
    font-size: 2.4rem;
  }

  .shoe-process-paragraph-div {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .shoe-process-paragraph {
    width: 85%;
    line-height: 1.8rem;
  }

  .shoe-process-header {
    font-size: 8rem;
    top: 3851.23px;
    left: 144px;
  }

  .shoe-results-container {
    max-width: none;
    margin-top: 4em;
  }

  .shoe-results-bodycopy-div {
    justify-content: flex-end;
    align-items: center;
    height: 75vh;
  }

  .shoe-likelyresults-subhead-div {
    height: 13vh;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .shoe-likely-results-subhead {
    width: 45%;
    font-size: 2.4rem;
  }

  .shoe-results-paragraph-div {
    justify-content: flex-start;
    align-items: flex-start;
    width: 66%;
    height: 40vh;
  }

  .shoe-results-paragraph {
    line-height: 1.8rem;
  }

  .shoe-results-header {
    font-size: 8rem;
    top: 6512px;
    left: 274px;
  }

  .dropdown-casestudy-div-vare {
    width: 65%;
  }

  .vare-case-studydropdown {
    width: 80%;
  }

  .vare-casestudy-dropdown-toggle {
    width: 60%;
  }

  .varee-dropdown-head, .shoe-dropdownlink-varepg, .pawsitive-dropdown-link-varepg, .lafayette-dropdown-link-varepg {
    font-size: 2.4rem;
  }

  .dropdown-casestudy-div-pawsitive {
    width: 65%;
  }

  .pawsitive-case-studydropdown {
    width: 80%;
  }

  .paws-case-study-dropdown-toggle {
    width: 60%;
  }

  .pawsitive-dropdown-head, .vare-dropdown-link-pawspg {
    font-size: 2.4rem;
  }

  .vare-dropdown-link-pawspg.w--current, .lafayette-dropdown-link-pawspg {
    border-bottom-width: 2px;
    font-size: 2.4rem;
  }

  .shoe-dropdownlink-pawspg, .shoe-dropdownlink-pawspg.w--current {
    font-size: 2.4rem;
  }

  .laf-dropdown-casestduyd-div {
    width: 55%;
  }

  .laf-cs-dropdown {
    width: 100%;
  }

  .laf-casestudy-dropdown-toggle {
    width: 76%;
  }

  .paws-dropdownlink-lafhotelpg.w--current {
    border-bottom-width: 0;
  }

  .identity-subheading {
    font-size: 2.4rem;
  }

  .prototypes-imgs-container {
    height: 200vh;
  }

  .poster-section {
    height: 100vh;
    margin-bottom: 6em;
  }

  .shoe-poster-img-div {
    width: 85%;
    height: 100vh;
  }

  .shoe-poster-header-div {
    justify-content: center;
    align-items: center;
    height: 8vh;
    margin-bottom: 1.5rem;
  }

  .shoe-poster-heading {
    font-size: 2.4rem;
  }

  .sneaker-book-header-div {
    justify-content: center;
    align-items: center;
    height: 8vh;
    margin-bottom: 1.5rem;
    display: flex;
  }

  .sneaker-book-heading {
    justify-content: center;
    align-items: center;
    height: 8vh;
    font-size: 2.4rem;
    display: flex;
  }

  .container-regular {
    max-width: none;
  }

  .name-logo-div {
    width: 55vw;
    height: 43vh;
    top: 31.367px;
    left: -609.328px;
  }

  .red-dot-steap, .red-dot-hburg, .red-dot-curli, .red-dot-twe, .red-dot-sws, .red-dot-dc, .red-dot-superior, .red-dot-stratus, .red-dot-nuuly, .red-dot-lof, .red-dot-movposter, .red-dot-halloween, .reddot-steap, .twe-red-dot, .hburg-red-dot, .sws-red-dot, .stratus-red-dot, .movposter-red-dot, .halloween-red-dot, .dc-red-dot, .nuuly-red-dot {
    width: 35%;
  }

  .generic-heading, .organic-heading, .heading-6 {
    font-size: 2.4rem;
  }

  .reddot-curli, .reddot-superior {
    width: 35%;
  }

  .callout-reddot-divcopy {
    width: 12%;
  }

  .callout-reddot-div-copy {
    width: 7%;
  }

  .callout-reddot--copy {
    width: 9%;
  }

  .process-vare-header {
    color: #0c0c0c;
    text-align: right;
    width: 100%;
    height: 8vh;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: .5em;
    font-family: Poppins, sans-serif;
    font-size: 8rem;
    font-weight: 600;
  }

  .challenges-vare-header {
    color: #0c0c0c;
    height: 8vh;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: .25em;
    font-family: Poppins, sans-serif;
    font-size: 8rem;
    font-weight: 600;
  }

  .summary-vare-header {
    color: #0c0c0c;
    height: 8vh;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 2rem;
    font-family: Poppins, sans-serif;
    font-size: 8rem;
    font-weight: 600;
  }

  .results-vare-header {
    color: #0c0c0c;
    text-align: right;
    width: 80%;
    height: 8vh;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 0;
    font-family: Poppins, sans-serif;
    font-size: 8rem;
    font-weight: 600;
  }

  .summary-shoe-header, .challenges-shoe-header {
    color: #0c0c0c;
    height: 8vh;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 2rem;
    font-family: Poppins, sans-serif;
    font-size: 8rem;
    font-weight: 600;
  }

  .process-shoe-header {
    color: #0c0c0c;
    text-align: left;
    width: 80%;
    height: 8vh;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Poppins, sans-serif;
    font-size: 8rem;
    font-weight: 600;
  }

  .results-shoe-header {
    color: #0c0c0c;
    text-align: right;
    width: 80%;
    height: 8vh;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 0;
    font-family: Poppins, sans-serif;
    font-size: 8rem;
    font-weight: 600;
  }

  .summary-paws-header, .challenges-paws-header {
    color: #0c0c0c;
    height: 8vh;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 2rem;
    font-family: Poppins, sans-serif;
    font-size: 8rem;
    font-weight: 600;
  }

  .process-paws-header {
    color: #0c0c0c;
    text-align: right;
    width: 100%;
    height: 8vh;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 4rem;
    font-family: Poppins, sans-serif;
    font-size: 8rem;
    font-weight: 600;
  }

  .results-paws-header {
    color: #0c0c0c;
    text-align: right;
    width: 100%;
    height: 8vh;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 6rem;
    font-family: Poppins, sans-serif;
    font-size: 8rem;
    font-weight: 600;
  }

  .summary-laf-header, .challenges-laf-header {
    color: #0c0c0c;
    height: 8vh;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 3rem;
    font-family: Poppins, sans-serif;
    font-size: 8rem;
    font-weight: 600;
  }

  .process-laf-header {
    color: #0c0c0c;
    text-align: right;
    width: 100%;
    height: 8vh;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 3rem;
    font-family: Poppins, sans-serif;
    font-size: 8rem;
    font-weight: 600;
  }

  .results-laf-header {
    color: #0c0c0c;
    text-align: right;
    width: 100%;
    height: 8vh;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 4rem;
    font-family: Poppins, sans-serif;
    font-size: 8rem;
    font-weight: 600;
  }

  .steps-paragraph {
    width: 40%;
  }

  .transition-cta-subhead-div-laf {
    justify-content: center;
    align-items: flex-start;
    height: 15vh;
  }

  .reddot-dropdown-div-copy {
    justify-content: center;
    align-items: center;
  }

  .transition-cta-subhead-div-paws {
    justify-content: center;
    align-items: center;
    height: 15vh;
  }
}

@media screen and (min-width: 1920px) {
  .navbar-maxwidth-container {
    justify-content: space-between;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .hero-intro-div {
    width: 65%;
    top: 28.3rem;
    left: 51.2rem;
  }

  .mdesigner-div {
    top: 8.6rem;
    left: 51.6rem;
  }

  .hero-img-div60 {
    width: 35%;
  }

  .hero-container-maxwidth {
    line-height: 2rem;
  }

  .pitch-p3-section {
    width: 80%;
  }

  .pitch-red-dot1 {
    width: 12%;
  }

  .div-messprocess-text {
    width: 75%;
  }

  .text-div-75 {
    width: 90%;
  }

  .pitch-subhead-2-div {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-left: 8rem;
  }

  .pitch-section2 {
    width: 95%;
  }

  .leadlines-3-sec {
    width: 72%;
  }

  .pitch-p3-div {
    justify-content: flex-start;
    align-items: flex-end;
    width: 45%;
    height: 3vh;
  }

  .lines2-div-85 {
    width: 76.5%;
  }

  .div-50-lines {
    width: 45%;
  }

  .pitch-reddot-2 {
    width: 4.5%;
  }

  .leadlines-4-div {
    justify-content: flex-start;
    align-items: center;
    width: 26%;
  }

  .pitch-section1-20 {
    width: 35%;
  }

  .messprocess-rightsection {
    width: 100%;
  }

  .vare-heading {
    font-size: 6em;
  }

  .pawsitive-casestudy-section {
    height: 25vh;
  }

  .case-study-container {
    max-width: none;
  }

  .pawsitive-heading-div, .petbrand-div, .see-more-pawsitive-div, .see-more-vare-div, .vare-casestudy-section {
    height: 25vh;
  }

  .lafayette-heading, .pawsitive-heading {
    font-size: 6em;
  }

  .aboutme-arrow-div {
    height: 25vh;
  }

  .createdesigns-callout-div {
    width: 55%;
    height: 10vh;
  }

  .ideasgrow-callout-div {
    width: 45%;
    padding-left: 0;
  }

  .value-callout-subsection, .ideasgrow-callout-subsec {
    width: 40%;
  }

  .callout-reddot-div {
    width: 7%;
  }

  .playfulcurious-subhead-div {
    height: 7vh;
  }

  .value-callout-section {
    padding-right: 2em;
  }

  .learnmore-subsection {
    height: 25vh;
  }

  .learnmore-div {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .learnmore-section {
    justify-content: flex-end;
    align-items: center;
    height: 50vh;
  }

  .groundedprocess-subhead-div {
    height: 7vh;
  }

  .asadesigner-container-1440 {
    max-width: none;
    margin-bottom: 0;
  }

  .observeexplore-subhead-div {
    height: 8vh;
  }

  .mdesigner-heading-2-2 {
    font-size: 2.8rem;
  }

  .designer-hero-heading-2 {
    filter: drop-shadow(0 2px 5px #f8f6f212);
    font-size: 9rem;
    top: -2%;
    left: 19.3rem;
  }

  .portfolio-hero-heading-2 {
    filter: drop-shadow(0 2px 5px #f8f6f212);
    font-size: 9rem;
    top: 69.9rem;
    left: 26.9rem;
  }

  .designportfolio-heading2-2 {
    font-size: 2.8rem;
    top: 23.4rem;
    left: -20.2rem;
  }

  .intro-paragraph-2 {
    width: 83%;
    height: 15vh;
    font-size: 1.3rem;
    line-height: 2.2rem;
  }

  .pitch-p1-2 {
    font-size: 1.3rem;
    line-height: 2.2rem;
  }

  .mess-process-header {
    font-size: 2.8rem;
  }

  .pitch-p3-2 {
    font-size: 1.3rem;
  }

  .pitch-p2-2 {
    font-size: 1.3rem;
    line-height: 2.2rem;
  }

  .pitch-subhead2-2 {
    font-size: 3rem;
  }

  .pawsitive-02-subhead-2 {
    font-size: 3em;
  }

  .petbrand-subhead-2 {
    font-size: 3rem;
    line-height: 4rem;
  }

  .pawsitive-sub-subhead-2, .lafayette-sub-subhead-2 {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .vare-seemore-link-txt {
    font-size: 1.3rem;
  }

  .storysite-subhead-2, .golfapparel-subhead-2 {
    font-size: 3rem;
    line-height: 4rem;
  }

  .selected-works-heading-2 {
    font-size: 9em;
  }

  .case-studies-subheader-2, .vare-02-subhead-2, .lafayette-04-subhead-2 {
    font-size: 3em;
  }

  .vare-sub-subhead-2 {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .groundedprocess-subhead-2 {
    font-size: 3rem;
  }

  .see-aboutme-heading-2 {
    font-size: 9rem;
  }

  .playfulcurious-subhead-2 {
    font-size: 3rem;
  }

  .ideasgrow-p2-2 {
    font-size: 1.3rem;
    line-height: 2.2rem;
  }

  .strongsense-p1-2 {
    padding-left: 1rem;
    font-size: 1.3rem;
    line-height: 2.2rem;
  }

  .createdesigns-p3-2 {
    padding-left: .5rem;
    font-size: 1.3rem;
    line-height: 2.2rem;
  }

  .learnmore-subhead-2, .observe-explore-head {
    font-size: 3rem;
  }

  .value-p4-2 {
    padding-left: .75rem;
    font-size: 1.3rem;
    line-height: 2.2rem;
  }

  .asadesigner-heading-2 {
    font-size: 9em;
  }

  .about-hero-full-container {
    justify-content: flex-end;
    align-items: center;
    width: 1920px;
    max-width: 1920px;
    margin-left: 0;
    margin-right: 4rem;
  }

  .aboutme-heading {
    font-size: 9rem;
  }

  .delaneycurtis-signature {
    top: 4%;
    left: 24%;
  }

  .aboutme-img-signature-div {
    width: 32%;
  }

  .creativity-subhead-div {
    margin-top: 6em;
  }

  .creatvity-leadline-div40 {
    width: 25%;
  }

  .creativity-subhead {
    width: 85%;
    margin-left: 1em;
    font-size: 3rem;
    line-height: 4rem;
  }

  .aboutme-bodycopy-div {
    padding-top: 4em;
  }

  .aboutme-p1 {
    width: 85%;
    margin-left: 1em;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .mypath-container-50vh {
    width: 1920px;
    max-width: 1920px;
  }

  .mypath-subhead-div {
    margin-top: 10em;
  }

  .mypath-subbhead {
    font-size: 3rem;
    line-height: 4rem;
  }

  .mypath-paragraph-div {
    justify-content: flex-end;
    align-items: flex-start;
    width: 70%;
    height: 25vh;
    padding-top: 3rem;
  }

  .mypath-paragraph.small-bodycopy {
    padding-left: 1em;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .mypath-header {
    font-size: 9rem;
    top: 1470.99px;
    left: 252px;
  }

  .myapproach-container {
    justify-content: flex-end;
    align-items: center;
    width: 1920px;
    max-width: 1920px;
  }

  .myapproach-heading {
    font-size: 9rem;
    top: 2227.29px;
    left: 577px;
  }

  .myapproach-copy-div {
    justify-content: center;
    align-items: flex-start;
  }

  .observer-leadline-div40 {
    width: 15%;
  }

  .observer-subheader {
    margin-left: .5em;
    font-size: 3rem;
  }

  .myapproach-bodycopy-div {
    justify-content: center;
    align-items: flex-start;
    width: 90%;
  }

  .myapproach-paragraph.small-bodycopy {
    width: 65%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .transition-cta-subhead {
    color: #b7202c;
    font-size: 3rem;
  }

  .seemywork-section {
    height: 13vh;
  }

  .seemywork-subsection {
    justify-content: flex-end;
    align-items: center;
  }

  .mywork-div {
    height: 12vh;
  }

  .mywork-reddot-div {
    width: 5%;
  }

  .reddot-dropdown-div {
    width: 3%;
  }

  .vare-summ-container {
    max-width: 1920px;
  }

  .vare-summary-heading {
    font-size: 9rem;
    top: 1914.29px;
    left: 776px;
  }

  .elegancemotion-subheader {
    margin-left: .5em;
    font-size: 3rem;
  }

  .varesummary-body-div {
    width: 80%;
    height: 35vh;
    padding-left: 0;
  }

  .vare-summary-paragraph {
    width: 85%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .vare-goals-container {
    max-width: 1920px;
  }

  .goals-heading {
    font-size: 3em;
  }

  .vare-goal1-paragraph {
    width: 80%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .vare-goal2-paragraph {
    width: 75%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .vare-goal3-paragraph {
    width: 80%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .mission-heading {
    color: #b6202c;
    font-size: 3rem;
    line-height: 4rem;
  }

  .mission-paragraph {
    width: 60%;
    padding-left: 3em;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .vision-heading {
    color: #b7202c;
    font-size: 3rem;
    line-height: 4rem;
  }

  .vision-paragraph {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .vare-challenge-container {
    justify-content: flex-end;
    align-items: center;
    max-width: 1920px;
    margin-top: 2em;
    padding-left: 0;
  }

  .v-challenges-img-div {
    height: 80vh;
  }

  .vare-challenge-heading {
    font-size: 9rem;
    top: 3609.29px;
    left: 794px;
  }

  .varechallenges-body-div {
    justify-content: flex-end;
    align-items: flex-start;
    height: 70vh;
  }

  .challenges-subhead-div {
    margin-top: 8em;
    margin-bottom: 3em;
  }

  .challenges-subheader {
    font-size: 3rem;
  }

  .vare-challnges-paragraph {
    width: 85%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .vare-process-container {
    max-width: 1920px;
  }

  .behindthebrand-subhead-div {
    margin-bottom: 1.5rem;
  }

  .behindthebrand-subhead {
    width: 49%;
    font-size: 3rem;
  }

  .process-leadline-div {
    width: 20%;
  }

  .vare-process-paragraph-div {
    justify-content: flex-start;
    align-items: flex-start;
    width: 62%;
  }

  .vare-process-paragraph {
    width: 100%;
    padding-left: 1em;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .vare-process-img-header-div {
    width: 35%;
  }

  .vareprocess-header {
    font-size: 9rem;
    top: 4669.23px;
    left: 344px;
  }

  .vare-inspo-container {
    width: 100%;
    max-width: 1920px;
  }

  .vare-inspo-img-div {
    width: 40%;
  }

  .vare-inspo-img-backdiv {
    height: 45vh;
  }

  .vare-inspo-subheader {
    font-size: 3rem;
  }

  .vare-inspo-paragraph {
    width: 82%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .primary-logo-subhead, .primary-font-text, .color-palette-title-ext, .logomark-title-text, .wordmark-title-text, .submark-title-text, .alternate-logo-title-text {
    font-size: 1.3rem;
  }

  .vare-results-container {
    width: 100%;
    max-width: 1920px;
  }

  .vare-results-bodycopy-div {
    justify-content: flex-end;
    align-items: center;
    height: 65vh;
  }

  .likely-results-subhead-div {
    margin-bottom: 0;
  }

  .likely-results-subhead {
    width: 52%;
    font-size: 3rem;
  }

  .vare-results-paragraph-div {
    height: 40vh;
  }

  .vare-results-paragraph {
    width: 75%;
    padding-left: 1em;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .vare-results-img-header-div {
    width: 35%;
  }

  .vare-results-header {
    font-size: 9rem;
    top: 8887px;
    left: 403px;
  }

  .vare-apparel-container {
    height: 60vh;
    margin-bottom: 0;
  }

  .white-skirt-vare-div {
    justify-content: center;
    align-items: center;
    padding-top: 6rem;
  }

  .navy-skirt-vare-div {
    padding-top: 6em;
  }

  .transition-cta-subhead-div-vare {
    justify-content: center;
    align-items: flex-start;
  }

  .vare-transition-cta {
    color: #b7202c;
    font-size: 3rem;
  }

  .seemywork-heading-copy {
    font-size: 9rem;
  }

  .paws-summary-container {
    justify-content: center;
    align-items: center;
    max-width: 1920px;
    padding-left: 4rem;
  }

  .paws-summary-heading {
    font-size: 9rem;
    top: 1914.29px;
    left: 996px;
  }

  .paws-tagline-subhead-div {
    margin-bottom: 3em;
  }

  .paws-tagline-subhead {
    font-size: 3rem;
  }

  .paws-summary-body-div {
    justify-content: center;
    align-items: flex-start;
  }

  .paws-summary-paragraph {
    width: 60%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .paws-goals-container {
    max-width: 1920px;
  }

  .paws-goal1-paragraph {
    width: 75%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .paws-goal1-div, .paws-goal2-div {
    width: 25%;
  }

  .paws-goal2-paragraph, .paws-goal3-paragraph {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .paws-mission-vision-div {
    justify-content: flex-end;
    align-items: flex-start;
    height: 30vh;
  }

  .paws-mission-div {
    width: 45%;
  }

  .paws-mission-paragraph {
    width: 68%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .paws-vision-div {
    width: 45%;
  }

  .paws-vision-paragraph {
    width: 65%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .paws-challenges-container {
    justify-content: flex-end;
    align-items: center;
    max-width: 1920px;
    margin-top: 4em;
    margin-bottom: 8rem;
    padding-left: 0;
  }

  .paws-challenge-img-subdiv {
    height: 75vh;
  }

  .paws-challenges-heading {
    font-size: 9rem;
    top: 3706.29px;
    left: 624px;
  }

  .paws-challenges-body-div {
    justify-content: flex-end;
    align-items: flex-start;
    height: 70vh;
  }

  .paws-challenges-copy-div {
    width: 78%;
  }

  .paws-challenges-paragraph {
    width: 88%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .paws-process-container {
    max-width: 1920px;
    height: 95vh;
    margin-bottom: 8rem;
  }

  .paws-process-body-copy-div {
    justify-content: flex-end;
    align-items: flex-end;
    width: 50%;
    height: 85vh;
    padding-top: 0;
  }

  .behindthedesign-subhead {
    width: 56%;
    font-size: 3rem;
  }

  .paws-process-paragraph-div {
    justify-content: flex-start;
    align-items: flex-start;
    height: 63vh;
  }

  .paws-process-paragraph {
    width: 80%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .paws-process-img-head-div {
    height: 90vh;
  }

  .paws-process-header {
    font-size: 9rem;
    top: 4689.23px;
    left: 678px;
  }

  .paws-process2-slide-div {
    width: 50%;
  }

  .paws-process2-subheader {
    font-size: 3rem;
  }

  .paws-process2-bodycopy-div {
    width: 90%;
    height: 50vh;
    padding-left: 0;
  }

  .paws-process2-paragraph {
    width: 75.5%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .paws-primary-logo-subhead, .paws-primary-figuremark-subhead, .primary-font-text-paws {
    font-size: 1.3rem;
  }

  .paws-process2-container2, .collar-process-container {
    max-width: 1920px;
  }

  .collar-process-subhead-subdiv {
    justify-content: flex-end;
    align-items: center;
  }

  .collar-process-subhead {
    width: 83%;
    font-size: 3rem;
  }

  .collar-process-bodycopy-div {
    justify-content: center;
    align-items: flex-start;
  }

  .collar-process-paragraph {
    width: 60%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .paws-results-container {
    width: 100%;
    max-width: 1920px;
  }

  .paws-likely-results-subhead {
    margin-bottom: 2em;
  }

  .paws-likely-results-subheader {
    width: 50%;
    font-size: 3rem;
  }

  .paws-results-paragraph-div {
    width: 62%;
  }

  .paws-results-paragraph {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .paws-results-header {
    font-size: 9rem;
    top: 9472px;
    left: 278px;
  }

  .step1-heading {
    margin-top: 1em;
    margin-left: 2em;
    font-size: 1.3rem;
  }

  .og-product-slide1 {
    background-position: 50% 100%;
    background-size: 900px;
  }

  .round1-paws-slide2 {
    background-position: 50% 120%;
    background-size: 900px;
  }

  .round1-slide2-header {
    margin-top: 1em;
    margin-left: 2em;
    font-size: 1.3rem;
  }

  .round2-paws-slider3 {
    background-position: 50%;
  }

  .round2-slide3-header {
    margin-top: 1em;
    padding-left: 2em;
    font-size: 1.3rem;
  }

  .round3-paws-slide4 {
    background-position: 50% 150%;
    background-size: 850px;
  }

  .round3-slide4-header {
    margin-top: 1em;
    padding-left: 2em;
    font-size: 1.3rem;
  }

  .finaldesign-paws-slide5 {
    background-size: 800px;
  }

  .final-design-slide5-header, .greencollar-slide1-header, .orange-collar-slide2-header {
    margin-top: 1em;
    padding-left: 2em;
    font-size: 1.3rem;
  }

  .final-collardesign-slide3-header {
    margin-top: 1rem;
    padding-left: 2rem;
    font-size: 1.3rem;
  }

  .paws-mywork-reddot-div {
    width: 6%;
  }

  .paws-mywork-div {
    width: 72%;
    height: 12vh;
  }

  .paws-seemywork-heading {
    font-size: 9rem;
  }

  .laf-summ-contaainer {
    justify-content: flex-end;
    align-items: center;
    max-width: 1920px;
    padding-left: 0;
  }

  .laf-summ-img {
    height: 65vh;
  }

  .laf-summ-heading {
    font-size: 9rem;
    top: 1912.29px;
    left: 1017px;
  }

  .laf-summ-bodycopy-div {
    height: 70vh;
  }

  .laf-summ-subhead {
    margin-left: .5em;
    font-size: 3rem;
  }

  .laf-summ-body-div {
    justify-content: center;
    align-items: flex-start;
  }

  .laf-summary-paragraph {
    width: 68%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .laf-goals-heading {
    font-size: 3em;
  }

  .laf-goal1-paragraph, .laf-goal2-paragraph {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .laf-challenges-container {
    justify-content: center;
    align-items: center;
    max-width: 1920px;
    padding-left: 8em;
  }

  .laf-challenge-img-div {
    width: 33%;
  }

  .laf-challenge-heading {
    font-size: 9rem;
    top: 3687.29px;
    left: 909px;
  }

  .laf-challenge-body-div {
    justify-content: flex-end;
    align-items: flex-start;
    height: 70vh;
  }

  .laf-challenges-subhead {
    margin-left: .5em;
    font-size: 3rem;
  }

  .laf-challenge-bodycopy-div {
    width: 80%;
    padding-left: 0;
  }

  .laf-challenges-paragraph {
    width: 75%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .laf-process-container {
    max-width: 1920px;
    padding-right: 8em;
  }

  .laf-process-bodycopy-div {
    justify-content: flex-end;
    align-items: center;
    height: 55vh;
  }

  .behindthesite-subhead {
    width: 51%;
    font-size: 3rem;
  }

  .laf-process-paragraph-div {
    width: 60%;
  }

  .laf-process-paragraph {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .laf-process-img-header-div {
    background-position: 84%;
    width: 35%;
  }

  .laf-process-header {
    font-size: 9rem;
    top: 4854.23px;
    left: 294px;
  }

  .laf-process2-container {
    max-width: 1920px;
    margin-top: 8em;
  }

  .laf-process2-subhead {
    font-size: 3rem;
  }

  .laf-process2-bodycopy-div {
    padding-left: 0;
  }

  .laf-process2-paragraph {
    width: 70%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .hero-header-subhead, .laf-heads-subheads-title, .laf-font2-title, .text-block {
    font-size: 1.3rem;
  }

  .laf-results-container {
    justify-content: center;
    align-items: center;
    max-width: 1920px;
    padding-right: 4em;
  }

  .laf-likely-results-subhead {
    width: 51%;
    font-size: 3rem;
  }

  .laf-results-paragraph {
    width: 90%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .laf-results-img-header-div {
    width: 35%;
  }

  .laf-results-header {
    font-size: 9rem;
    top: 9124px;
    left: 384px;
  }

  .all-filter-text, .all-filter-text.w--current, .packaging-filter-text, .branding-filter-text, .print-filter-text, .uiux-filter-text, .casestudy-filter-text {
    font-size: 1.3rem;
  }

  .my-work-heading {
    font-size: 9rem;
  }

  ._01-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._01-subhead {
    font-size: 3rem;
  }

  .curli-heading {
    font-size: 4.5rem;
  }

  .work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 1rem;
    padding-left: 2em;
  }

  .works-description-subhead {
    font-size: 3rem;
    line-height: 4.3rem;
  }

  .work-kind-text {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .explore-more-text {
    font-size: 1.3rem;
  }

  ._02-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._02-subhead {
    font-size: 3rem;
  }

  .twe-heading {
    font-size: 4.5rem;
  }

  .twe-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 1rem;
    padding-left: 2em;
  }

  .twe-work-description-subhead {
    font-size: 3rem;
    line-height: 4rem;
  }

  .twe-work-kind-text {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .twe-explore-more-text {
    font-size: 1.3rem;
  }

  ._03-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._03-subhead {
    font-size: 3rem;
  }

  .hburg-heading {
    font-size: 4.5rem;
  }

  .hburg-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 1rem;
    padding-left: 2em;
  }

  .hburg-works-description-subhead {
    font-size: 3rem;
    line-height: 4rem;
  }

  .hburg-work-kind-text {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .hburg-explore-text {
    font-size: 1.3rem;
  }

  ._04-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._04-subhead {
    font-size: 3rem;
  }

  .steap-heading {
    font-size: 4.5rem;
  }

  .steap-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 1rem;
    padding-left: 2em;
  }

  .steap-works-description-subhead {
    font-size: 3rem;
    line-height: 4rem;
  }

  .steap-work-kind-text {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .steap-explore-text {
    font-size: 1.3rem;
  }

  ._05-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._05-subhead {
    font-size: 3rem;
  }

  .sws-heading {
    font-size: 4.5rem;
  }

  .sws-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 1rem;
    padding-left: 2em;
  }

  .sws-works-description-subhead {
    font-size: 3rem;
    line-height: 4rem;
  }

  .sws-work-kind-text {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .sws-explore-text {
    font-size: 1.3rem;
  }

  ._06-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._06-subhead {
    font-size: 3rem;
  }

  .dc-heading {
    font-size: 4.5rem;
  }

  .dc-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 1rem;
    padding-left: 2em;
  }

  .dc-works-description-subhead {
    font-size: 3rem;
    line-height: 4rem;
  }

  .dc-work-kind-text {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .dc-explore-text {
    font-size: 1.3rem;
  }

  ._07-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._07-subhead {
    font-size: 3rem;
  }

  .superior-heading {
    font-size: 4.5rem;
  }

  .sup-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 1rem;
    padding-left: 2em;
  }

  .sup-work-description-subhead {
    font-size: 3rem;
    line-height: 4rem;
  }

  .superior-work-kind-text {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .superior-explore-text {
    font-size: 1.3rem;
  }

  ._08-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._08-subhead {
    font-size: 3rem;
  }

  .stratus-heading {
    font-size: 4.5rem;
  }

  .strat-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 1rem;
    padding-left: 2em;
  }

  .strat-work-description-subhead {
    font-size: 3rem;
    line-height: 4rem;
  }

  .strat-work-kind-text {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .stratus-explore-text {
    font-size: 1.3rem;
  }

  ._09-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._09-subhead {
    font-size: 3rem;
  }

  .nuuly-heading {
    font-size: 4.5rem;
  }

  .nuuly-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 1rem;
    padding-left: 2em;
  }

  .nuuly-work-description-subhead {
    font-size: 3rem;
    line-height: 4rem;
  }

  .nuuly-work-kind-text {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .nuuly-explore-text {
    font-size: 1.3rem;
  }

  ._10-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._10-subhead {
    font-size: 3rem;
  }

  .fall-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 1rem;
    padding-left: 2em;
  }

  .fall-work-description-subhead {
    font-size: 3rem;
    line-height: 4rem;
  }

  .fall-work-kind-text {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .fall-layers-explore-text {
    font-size: 1.3rem;
  }

  ._11-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._11-subhead {
    font-size: 3rem;
  }

  .movie-poster-heading {
    font-size: 4.5rem;
  }

  .movposter-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 1rem;
    padding-left: 2em;
  }

  .movposter-work-description-subhead {
    font-size: 3rem;
    line-height: 4rem;
  }

  .movposter-work-kind-text {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .movposter-explore-text {
    font-size: 1.3rem;
  }

  ._12-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  ._12-subhead {
    font-size: 3rem;
  }

  .hallo-heading {
    font-size: 4.5rem;
  }

  .hallo-work-description-div {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 1rem;
    padding-left: 2em;
  }

  .hallo-work-description-subhead {
    font-size: 3rem;
    line-height: 4rem;
  }

  .hallo-work-kind-text {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .hallo-explore-text {
    font-size: 1.3rem;
  }

  .seemore-div-block, .paws-seemore-link-blk {
    height: 25vh;
  }

  .paws-seemore-link-txt, .laf-seemore-link-txt {
    font-size: 1.3rem;
  }

  ._02-div-copy, ._03-div-copy {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .all-filter-text-copy, .branding-filter-text-page.w--current, .packaging-filter-text-red.w--current, .print-filter-text-red.w--current, .uiux-filter-text-red.w--current {
    font-size: 1.3rem;
  }

  .twe-container {
    height: 180vh;
  }

  .twe-page-heading {
    height: 7vh;
    font-size: 4.5rem;
  }

  .twe-description {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .back-button-text-blk, .twe-objective-heading {
    font-size: 1.3rem;
  }

  .twe-objective {
    width: 73%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .tools-used-heading {
    font-size: 1.3rem;
  }

  .adobe-tools-text {
    font-size: 1.3rem;
    line-height: 2.6rem;
  }

  .twe-about-heading {
    font-size: 1.3rem;
  }

  .twe-cover-pg1-slide {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .hburg-container {
    height: 95vh;
  }

  .hburg-page-heading {
    height: 7vh;
    font-size: 4.5rem;
  }

  .hburg-about-header {
    font-size: 1.3rem;
  }

  .hburg-description {
    width: 78%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .hburg-objective-heading {
    font-size: 1.3rem;
  }

  .hburg-objective {
    width: 76%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .hburg-adobe-tools-text {
    font-size: 1.3rem;
    line-height: 2.6rem;
  }

  .sws-container {
    height: 195vh;
  }

  .sws-page-heading {
    height: 7vh;
    font-size: 4.5rem;
  }

  .sws-about-heading {
    font-size: 1.3rem;
  }

  .sws-description {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .sws-objective-heading {
    font-size: 1.3rem;
  }

  .sws-objective {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .sws-tools-used-text {
    font-size: 1.3rem;
    line-height: 2.6rem;
  }

  .dcloth-container {
    height: 105vh;
  }

  .dcloth-page-heading {
    height: 7vh;
    font-size: 4.5rem;
  }

  .dc-about-heading {
    font-size: 1.3rem;
  }

  .dcloth-description {
    width: 83%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .dc-objective-heading {
    font-size: 1.3rem;
  }

  .dcloth-objective {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .dc-tools-used {
    font-size: 1.3rem;
    line-height: 2.6rem;
  }

  .dcloth-link-txt-block {
    width: 53%;
    font-size: 1.3rem;
  }

  .halloween-container {
    height: 98vh;
  }

  .hallo-page-heading {
    height: 7vh;
    font-size: 4.5rem;
  }

  .hallo-about-heading {
    font-size: 1.3rem;
  }

  .poster-description {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .exhibition-heading {
    font-size: 1.3rem;
  }

  .exhibition-info {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .hallo-tools-text {
    font-size: 1.3rem;
    line-height: 2.6rem;
  }

  .superior-container {
    height: 190vh;
  }

  .superior-page-heading {
    height: 7vh;
    font-size: 4.5rem;
  }

  .superior-about-heading {
    font-size: 1.3rem;
  }

  .superior-description {
    width: 83%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .superior-objective-heading {
    font-size: 1.3rem;
  }

  .superior-objective {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .superior-tools-used {
    font-size: 1.3rem;
    line-height: 2.6rem;
  }

  .stratus-container {
    height: 200vh;
  }

  .stratus-page-heading {
    height: 7vh;
    font-size: 4.5rem;
  }

  .stratus-about-heading {
    font-size: 1.3rem;
  }

  .stratus-description {
    width: 75%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .stratus-objective-heading {
    font-size: 1.3rem;
  }

  .stratus-objective {
    width: 75%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .fall-layers-container {
    height: 208vh;
  }

  .fall-layers-page-heading {
    height: 7vh;
    font-size: 4.5rem;
  }

  .fall-layers-about-heading {
    font-size: 1.3rem;
  }

  .fall-layers-description {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .fall-layers-objective-heading {
    font-size: 1.3rem;
  }

  .fall-layers-objective {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .fall-layers-tools-used {
    font-size: 1.3rem;
    line-height: 2.6rem;
  }

  .movie-poster-container {
    height: 98vh;
  }

  .pageofmadness-heading {
    height: 7vh;
    font-size: 4.45rem;
  }

  .mov-poster-about-heading {
    font-size: 1.3rem;
  }

  .mov-poster-description {
    width: 73%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .mov-objective-heading {
    font-size: 1.3rem;
  }

  .mov-poster-objective {
    width: 78%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .mov-poster-tools-text {
    font-size: 1.3rem;
    line-height: 2.6rem;
  }

  .nuuly-container {
    height: 90vh;
  }

  .nuuly-page-heading {
    height: 7vh;
    font-size: 4.5rem;
  }

  .nuuly-about-heading {
    font-size: 1.3rem;
  }

  .nuuly-description {
    width: 72%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .nuuly-objective-heading {
    font-size: 1.3rem;
  }

  .nuuly-objective {
    width: 75%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .nuuly-tools-text {
    font-size: 1.3rem;
    line-height: 2.6rem;
  }

  .curli-container {
    height: 170vh;
  }

  .curli-header-div {
    justify-content: center;
    align-items: center;
  }

  .curli-page-heading {
    height: 7vh;
    font-size: 4.5rem;
  }

  .curli-about-heading {
    font-size: 1.3rem;
  }

  .curli-description {
    width: 73%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .curli-objective-heading {
    font-size: 1.3rem;
  }

  .curli-objective {
    width: 70%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .curli-tools-used {
    font-size: 1.3rem;
    line-height: 2.6rem;
  }

  .curli-other-imgs-sec {
    border-top: 2px solid #0c0c0c;
  }

  .footer-container {
    justify-content: flex-start;
    align-items: center;
    height: 36vh;
  }

  .home-footer-link {
    font-size: 1.3rem;
  }

  .casestudy-footer-link, .package-footer-link, .branding-footer-link, .print-footer-link, .ui-ux-footer-link {
    font-size: 1rem;
  }

  .contact-footer-link {
    font-size: 1.3rem;
  }

  .footer-page-links-sec {
    height: 30vh;
    padding-top: 2rem;
  }

  .home-links-foot-div {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .mywork-footer-link, .aboutme-footer-link {
    font-size: 1.3rem;
  }

  .mywork {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .laf-hotel-link-div {
    height: 7vh;
  }

  .laf-hotel-txt-block {
    width: 68%;
    font-size: 1.3rem;
  }

  .left-arrow-2 {
    border-right-width: 0;
  }

  .right-arrow-2 {
    border-left-width: 0;
  }

  .steap-container {
    height: 170vh;
  }

  .steap-page-heading {
    height: 7vh;
    font-size: 4.5rem;
  }

  .steap-about-heading {
    font-size: 1.3rem;
  }

  .steap-description {
    width: 80%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .steap-objective-heading {
    font-size: 1.3rem;
  }

  .steap-objective {
    width: 70%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .steap-tools-used-text {
    font-size: 1.3rem;
    line-height: 2.6rem;
  }

  .layers-of-fall-heading {
    font-size: 4.5rem;
  }

  .shoe-case-study-sec {
    height: 25vh;
  }

  .shoe-01-subhead {
    font-size: 3em;
  }

  .shoe-heading {
    font-size: 6em;
  }

  .shoedesign-subhead {
    font-size: 3rem;
    line-height: 4rem;
  }

  .shoe-sub-subhead {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }

  .see-more-shoe-div, .seemore-shoe-div-block {
    height: 25vh;
  }

  .shoe-seemore-link-txt {
    font-size: 1.3rem;
  }

  .shoe-dropdown-head {
    font-size: 3rem;
  }

  .shoe-summ-container {
    max-width: 1920px;
  }

  .shoe-summary-heading {
    font-size: 9rem;
    top: 1882.29px;
    left: 748px;
  }

  .shoe-summary-body-div {
    width: 75%;
    padding-left: 0;
  }

  .shoe-summary-paragraph {
    width: 70%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .shoe-goals-subhead {
    margin-bottom: 3em;
  }

  .shoe-research-question {
    font-size: 3rem;
    line-height: 4rem;
  }

  .shoe-3goals-div {
    justify-content: center;
    align-items: center;
  }

  .shoe-goal1-div {
    justify-content: center;
    align-items: flex-start;
    height: 13vh;
  }

  .shoe-goal1-paragraph {
    width: 64%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .shoe-mission-vision-div {
    padding-left: 8em;
  }

  .shoe-mission-paragraph {
    width: 95%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .shoe-vision-paragraph {
    width: 90%;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .shoe-challenge-container {
    max-width: 1920px;
  }

  .shoe-challenges-img-div {
    height: 55vh;
  }

  .shoe-challenge-heading {
    font-size: 9rem;
    top: 3685.29px;
    left: 670px;
  }

  .shoe-challenges-body-div {
    justify-content: flex-end;
    align-items: flex-start;
    height: 65vh;
  }

  .shoe-challenges-subhead-div {
    margin-top: 8em;
  }

  .shoe-challenges-subheader {
    font-size: 3rem;
  }

  .shoe-challnges-paragraph {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .shoe-process-container {
    max-width: 1920px;
  }

  .shoe-process-subheading {
    font-size: 3rem;
  }

  .shoe-process-paragraph-div {
    padding-left: 0;
  }

  .shoe-process-paragraph {
    width: 72%;
    padding-left: 1em;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .shoe-process-header {
    font-size: 9rem;
    top: 4614.23px;
    left: 190px;
  }

  .shoe-results-container {
    max-width: 1920px;
    margin-top: 10rem;
  }

  .shoe-likelyresults-subhead-div {
    height: 15vh;
  }

  .shoe-likely-results-subhead {
    font-size: 3rem;
  }

  .shoe-results-paragraph-div {
    width: 80%;
  }

  .shoe-results-paragraph {
    width: 100%;
    padding-left: 1em;
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .shoe-results-header {
    font-size: 9rem;
    top: 7566px;
    left: 274px;
  }

  .vare-casestudy-dropdown-toggle {
    width: 56%;
  }

  .varee-dropdown-head {
    font-size: 3rem;
  }

  .paws-case-study-dropdown-toggle {
    width: 58%;
  }

  .pawsitive-dropdown-head {
    font-size: 3rem;
  }

  .vare-dropdown-link-pawspg.w--current {
    border-top-width: 0;
    border-bottom-width: 2px;
    font-size: 3rem;
  }

  .lafayette-dropdown-link-pawspg, .shoe-dropdownlink-pawspg.w--current {
    font-size: 3rem;
  }

  .laf-dropdown-casestduyd-div {
    width: 60%;
  }

  .laf-casestudy-dropdown-toggle {
    width: 78%;
  }

  .lafayette-cs-dropdown-head {
    font-size: 3rem;
  }

  .paws-dropdownlink-lafhotelpg.w--current {
    border-bottom-width: 0;
    font-size: 3rem;
  }

  .shoe-dropdownlink-lafhotelpg, .vare-dropdown-link-lafhotelpg, .identity-subheading {
    font-size: 3rem;
  }

  .prototypes-imgs-container {
    max-width: 1920px;
  }

  .poster-section {
    height: 80vh;
  }

  .shoe-poster-img-div {
    width: 55%;
    height: 200vh;
  }

  .shoe-poster-heading {
    color: #b6202c;
    height: 5vh;
    font-size: 3rem;
  }

  .sneaker-book-img-section {
    height: 80vh;
  }

  .sneaker-book-heading {
    color: #b6202c;
    height: 5vh;
    font-size: 3rem;
  }

  .navbar-no-shadow {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    display: flex;
  }

  .navbar-no-shadow-container {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 3rem;
  }

  .container-regular {
    max-width: none;
    height: 5vh;
    margin-left: 0;
    margin-right: 0;
  }

  .navbar-wrapper-2 {
    width: 100%;
    height: 5vh;
  }

  .nav-link {
    font-size: 1.3rem;
  }

  .mobile-margin-top-10 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    width: 6%;
    height: 3vh;
  }

  .name-logo-div {
    filter: drop-shadow(0 2px 5px #f8f6f212);
    width: 48vw;
    height: 28vh;
    top: 117.367px;
    left: -600.328px;
  }

  .red-dot-steap, .red-dot-hburg, .red-dot-curli, .red-dot-twe, .red-dot-sws, .red-dot-dc, .red-dot-superior, .red-dot-stratus, .red-dot-nuuly, .red-dot-lof, .red-dot-movposter, .red-dot-halloween, .reddot-steap, .twe-red-dot, .hburg-red-dot, .sws-red-dot, .stratus-red-dot, .movposter-red-dot, .halloween-red-dot, .dc-red-dot, .nuuly-red-dot {
    width: 30%;
  }

  .generic-heading-div, .organic-heading-div, .expensive-heading-div {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .generic-heading, .organic-heading, .heading-6 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3rem;
  }

  .mail-nav-icon {
    width: 65%;
  }

  .linkedin-nav-icon {
    width: 55%;
  }

  .d-logo-nav-img {
    width: 3vw;
    height: 5vh;
  }

  .mail-linkblk, .linkedin-nav-linkblk {
    width: 50%;
  }

  .reddot-curli, .reddot-superior {
    width: 30%;
  }

  .callout-reddot-divcopy, .callout-reddot-div-copy, .callout-reddot--copy {
    width: 7%;
  }

  .transition-cta-subhead-div-laf {
    justify-content: center;
    align-items: flex-start;
  }

  .reddot-dropdown-div-copy {
    width: 3%;
  }

  .transition-cta-subhead-div-paws {
    justify-content: center;
    align-items: flex-start;
  }
}

@media screen and (max-width: 991px) {
  .works-drowdown-list.shadow-three.w--open {
    position: absolute;
  }

  .home-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    vertical-align: baseline;
    background-color: #a6b1bf;
    display: inline-block;
  }

  .nav-menu {
    background-color: #fff0;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .contact-nav-div {
    width: 17.5%;
  }

  .designportfolio-div {
    width: 50%;
    position: absolute;
    top: 115.148px;
    left: 355px;
  }

  .hero-intro-div {
    width: 85%;
    top: 13rem;
    left: -13.9rem;
  }

  .red-circle {
    width: 10%;
  }

  .mdesigner-div {
    top: 5rem;
    left: 17.4rem;
  }

  .hero-img-div60 {
    background-image: linear-gradient(#0000, #0000), url('../images/hero-img-portfolio.jpg');
    background-position: 0 0, 0%;
    width: 39%;
    height: 65vh;
  }

  .written-d-div {
    width: 20%;
    height: 25%;
    top: 24.9rem;
    left: 3.4rem;
  }

  .hero-container-maxwidth {
    margin-top: .5rem;
  }

  .pitch-red-dot1 {
    height: 5vh;
  }

  .div-messprocess-text {
    width: 85%;
  }

  .text-div-75 {
    width: 85%;
    height: 8vh;
  }

  .pitch-subhead-2-div {
    text-align: center;
    justify-content: center;
    align-items: flex-start;
    width: 75%;
  }

  .leadlines-3-div {
    width: 50%;
  }

  .lead-lines-2-sec {
    justify-content: center;
    align-items: center;
  }

  .leadlines-4-sec {
    justify-content: center;
    align-items: flex-start;
    width: 38%;
    height: 9vh;
    padding-left: .25rem;
  }

  .leadlines-3-sec {
    width: 60%;
  }

  .pitch-p3-div {
    width: 25%;
  }

  .lines2-div-85 {
    justify-content: center;
    align-items: center;
    width: 70%;
  }

  .div-50-lines {
    width: 30%;
    margin-left: 15rem;
  }

  .pitch-p3-reddot {
    width: 4%;
  }

  .leadlines-4-div {
    width: 4.1%;
    height: 9vh;
    padding-right: .8em;
  }

  .pitch-section1-20 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 25%;
    height: 8vh;
    margin-right: 0;
  }

  .home-section2-container1440 {
    justify-content: flex-start;
    align-items: center;
    max-width: 820px;
    height: 125vh;
    margin-left: 0;
    margin-right: 0;
  }

  .see-more-lafayette-div {
    width: 22%;
    height: 20vh;
  }

  .vare-heading {
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Poppins, sans-serif;
    font-size: 2.1rem;
    font-weight: 600;
    line-height: 2.4rem;
  }

  .case-studies-subhead-div {
    height: 40%;
  }

  .pawsitive-casestudy-section {
    height: 20vh;
  }

  .pawsitive-imgs-section {
    height: 35vh;
  }

  .case-study-container {
    height: 250vh;
  }

  .vare-img1-div {
    height: 35vh;
  }

  .case-studies-text-div {
    width: 20%;
  }

  .vare-img3-div {
    height: 35vh;
  }

  .storysite-div {
    width: 28%;
  }

  .lafayette-img2-div {
    background-position: 90% 60%;
    background-size: cover;
    height: 35vh;
  }

  .lafayette-04-subhead-div {
    padding-left: .25em;
  }

  .vare-img2-div {
    height: 35vh;
  }

  .pawsitive-heading-div, .petbrand-div {
    height: 20vh;
  }

  .vare02-subhead-div {
    padding-left: .25em;
  }

  .lafayette-casestudy-sec {
    height: 20vh;
  }

  .lafayette-heading-div {
    width: 40%;
  }

  .pawsitive-img3-div, .vare-imgs-section {
    height: 35vh;
  }

  .see-more-pawsitive-div {
    height: 20vh;
  }

  ._01-reddot-div {
    width: 40%;
  }

  .see-more-vare-div {
    height: 20vh;
  }

  .lafayette-img3-div {
    height: 35vh;
  }

  .vare-casestudy-section {
    height: 20vh;
  }

  .lafayette-heading {
    font-family: Poppins, sans-serif;
    font-size: 2.1rem;
    font-weight: 600;
  }

  .lafayette-imgs-section, .pawsitive-img1-div {
    height: 35vh;
  }

  .pawsitive-heading {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Poppins, sans-serif;
    font-size: 2.1rem;
    font-weight: 600;
  }

  .pawsitive-03-subhead-div {
    padding-left: .25em;
  }

  .pawsitive-img2-div {
    height: 35vh;
  }

  .selected-works-header-sec {
    height: 15vh;
  }

  .lafayette-img1-div {
    height: 35vh;
  }

  .createdesigns-callout-div {
    width: 100%;
  }

  .ideasgrow-callout-div {
    width: 45%;
    height: 8vh;
    padding-left: .25rem;
  }

  .value-callout-div {
    width: 70%;
    padding-left: .25rem;
  }

  .value-callout-subsection {
    width: 50%;
  }

  .strongsense-callout-sec {
    width: 45%;
  }

  .asadesigner-heading-div {
    height: 24vh;
  }

  .callout-reddot-div {
    width: 10%;
  }

  .playfulcurious-subhead-div {
    justify-content: flex-start;
    align-items: center;
    width: 30%;
    display: flex;
  }

  .value-callout-section {
    padding-right: 0;
  }

  .createdesigns-subsection {
    width: 75%;
    height: 8vh;
  }

  .learn-aboutme-div {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    justify-content: center;
    align-items: center;
    height: 15vh;
  }

  .learnmore-subsection {
    width: 70%;
  }

  .learnmore-section {
    height: 45vh;
    padding-right: 4em;
  }

  .groundedprocess-subhead-div {
    justify-content: flex-start;
    align-items: center;
    width: 35%;
    display: flex;
  }

  .asadesigner-container-1440 {
    height: 165vh;
    margin-bottom: 8em;
  }

  .strongsense-callout-div {
    width: 60%;
    height: 8vh;
  }

  .createdesigns-section {
    padding-right: 4em;
  }

  .observeexplore-subhead-div {
    width: 22%;
  }

  .works-text-link, .nav-name-textblock-2, .nav-name-textblock-2:hover {
    font-size: .8rem;
  }

  .home-link-2 {
    padding-left: 5px;
    padding-right: 5px;
    font-size: .8rem;
  }

  .home-link-2.w--current, .contactme-link-2, .aboutme-link-2 {
    font-size: .8rem;
  }

  .mdesigner-heading-2-2 {
    font-size: 1.5rem;
  }

  .designer-hero-heading-2 {
    filter: drop-shadow(0 2px 5px #f8f6f212);
    font-size: 5rem;
    top: 54%;
    left: 9.7rem;
  }

  .name-hero-heading-2 {
    font-size: 5rem;
    line-height: 5rem;
    top: 14%;
    left: -15.8rem;
  }

  .portfolio-hero-heading-2 {
    font-size: 5rem;
    top: 33.1rem;
    left: -8.8rem;
  }

  .designportfolio-heading2-2 {
    font-size: 1.5rem;
    top: 19.7rem;
    left: -35rem;
  }

  .intro-paragraph-2 {
    width: 70%;
    margin-left: 2.5rem;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .pitch-p1-2 {
    letter-spacing: .01rem;
    padding-left: .5rem;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .mess-process-header {
    font-size: 1.5rem;
  }

  .pitch-p3-2 {
    letter-spacing: .01rem;
    width: 65%;
    padding-left: .5rem;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .pitch-p2-2 {
    letter-spacing: .01rem;
    padding-left: 0;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .pitch-subhead2-2, .petbrand-subhead-2 {
    font-size: 1.5rem;
  }

  .pawsitive-sub-subhead-2, .lafayette-sub-subhead-2 {
    font-size: .8rem;
  }

  .vare-seemore-link-txt {
    width: 30%;
    font-size: .8rem;
  }

  .storysite-subhead-2, .golfapparel-subhead-2 {
    font-size: 1.5rem;
  }

  .selected-works-heading-2 {
    font-size: 5em;
  }

  .vare-sub-subhead-2 {
    font-size: .8rem;
  }

  .groundedprocess-subhead-2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
  }

  .see-aboutme-heading-2 {
    font-size: 5rem;
  }

  .playfulcurious-subhead-2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
  }

  .ideasgrow-p2-2 {
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .strongsense-p1-2 {
    padding-left: .5rem;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .createdesigns-p3-2 {
    width: 60%;
    padding-left: 0;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .learnmore-subhead-2 {
    font-size: 2rem;
  }

  .observe-explore-head {
    font-size: 1.5rem;
  }

  .value-p4-2 {
    width: 75%;
    padding-left: .5rem;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .asadesigner-heading-2 {
    height: 20vh;
    font-size: 5em;
  }

  .about-hero-full-container {
    justify-content: center;
    align-items: flex-start;
    width: 728px;
    max-width: 820px;
    height: 70vh;
    margin-top: 8em;
  }

  .aboutme-img-div {
    height: 60vh;
  }

  .aboutme-heading {
    height: 6vh;
    padding-top: .125em;
    padding-left: 0;
    font-size: 5rem;
  }

  .aboutme-herocopy-div {
    justify-content: center;
    align-items: flex-start;
    width: 65%;
    height: 70vh;
  }

  .delaneycurtis-signature {
    width: 60%;
    top: 3%;
    left: 7%;
  }

  .aboutme-img-signature-div {
    width: 45%;
  }

  .creativity-subhead-div {
    margin-top: 6em;
  }

  .creatvity-leadline-div40 {
    width: 30%;
  }

  .creatvity-subhead-subdiv60 {
    width: 100%;
    height: 5vh;
  }

  .creativity-subhead {
    width: 100%;
    margin-left: 1em;
    font-size: 1.5rem;
    line-height: 1.8rem;
  }

  .aboutme-bodycopy-div {
    justify-content: flex-end;
    align-items: flex-start;
    width: 90%;
    margin-top: 1rem;
    margin-left: 1rem;
    padding-top: 0;
  }

  .aboutme-p1 {
    width: 80%;
    margin-left: 1em;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .mypath-container-50vh {
    width: 728px;
    max-width: 820px;
    margin-top: 4em;
    margin-bottom: 2em;
  }

  .mypath-img-header-div {
    width: 50%;
  }

  .mypath-subbhead {
    width: 73%;
    font-size: 1.5rem;
    line-height: 1.8rem;
  }

  .mypath-paragraph-div {
    justify-content: center;
    align-items: flex-start;
    width: 60%;
    padding-top: 1rem;
  }

  .mypath-paragraph {
    letter-spacing: .01rem;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .mypath-paragraph.small-bodycopy {
    padding-left: 1em;
    line-height: 1.4rem;
  }

  .mypath-header {
    font-size: 5rem;
    top: 928.99px;
    left: 43px;
  }

  .myapproach-container {
    width: 728px;
    max-width: 820px;
    height: 75vh;
    margin-left: 0;
  }

  .myapproach-heading {
    margin-top: .5rem;
    font-size: 5rem;
    top: 1452.29px;
    left: 197px;
  }

  .myapproach-copy-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 60%;
    height: 65vh;
  }

  .observer-subhead-div {
    height: 7vh;
  }

  .observer-leadline-div40 {
    width: 20%;
  }

  .observer-subheader {
    margin-left: 1em;
    font-size: 1.5rem;
  }

  .myapproach-bodycopy-div {
    width: 100%;
    height: 40vh;
    margin-left: .5rem;
  }

  .myapproach-paragraph.small-bodycopy {
    letter-spacing: .01rem;
    width: 84%;
    margin-left: 1em;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .myapproach-img-div-35 {
    width: 45%;
  }

  .aboutme-ending-container {
    justify-content: flex-end;
    align-items: center;
    height: 30vh;
    margin-top: 2em;
    margin-bottom: 6em;
  }

  .transition-cta-subhead {
    color: #b7202c;
    font-size: 2rem;
  }

  .seemywork-section {
    padding-right: 4em;
  }

  .mywork-reddot-div {
    justify-content: center;
    align-items: center;
  }

  .vare-hero-container {
    height: 104vh;
    padding-top: 0;
  }

  .vare-hero-img-div {
    height: 75vh;
  }

  .vare-summ-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 93vh;
    margin-top: 2rem;
    padding-left: 0;
  }

  .varesummary-bodycopy-div {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .eleganceinmotion-subhead-div {
    height: 5vh;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .elegancemotion-subhead-subdiv {
    height: 5vh;
  }

  .elegancemotion-subheader {
    margin-left: .5rem;
    font-size: 1.6rem;
  }

  .varesummary-body-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 27vh;
    padding-left: 0;
  }

  .vare-summary-paragraph {
    width: 52%;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .goals-heading {
    font-size: 1.8em;
  }

  ._3goals-div {
    padding-left: 1em;
  }

  .vare-goal1-div, .vare-goal2-div {
    width: 32%;
  }

  .vare-goal3-div {
    width: 30%;
  }

  .vare-goal1-paragraph, .vare-goal2-paragraph {
    width: 70%;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .vare-goal3-paragraph {
    width: 67%;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .mission-vision-div {
    justify-content: center;
    align-items: center;
    padding-left: 4rem;
    padding-right: 0;
  }

  .mission-heading {
    font-size: 1.8rem;
  }

  .mission-paragraph {
    padding-left: 3em;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .vision-heading {
    font-size: 1.8rem;
  }

  .vision-paragraph {
    padding-left: 3em;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .vare-challenge-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 107vh;
    padding-left: 0;
  }

  .v-challenges-img-div {
    height: 55vh;
  }

  .varechallenges-body-div {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 75vh;
  }

  .challenges-subhead-div {
    justify-content: flex-start;
    align-items: center;
    height: 5vh;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .challenges-subhead-subdiv {
    height: 5vh;
  }

  .challenges-subheader {
    font-size: 1.6rem;
  }

  .vare-challnges-paragraph {
    width: 58%;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .vare-hatlogo-div-copy {
    height: 55vh;
  }

  .approach-img-div {
    height: 50vh;
  }

  .vare-process-container {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
    padding-right: 0;
  }

  .vare-process-bodycopy-div {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .behindthebrand-subhead-div {
    flex-flow: row-reverse;
    justify-content: flex-end;
    align-items: center;
    height: 5vh;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .behindthebrand-subhead {
    margin-left: .5rem;
    font-size: 1.6rem;
  }

  .vare-process-paragraph-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 18vh;
    padding-left: 0;
  }

  .vare-process-paragraph {
    width: 60%;
    padding-left: 1.5em;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .vare-inspo-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: none;
    height: 65vh;
    margin-top: 6rem;
    margin-bottom: 4rem;
    padding-bottom: 0;
    padding-left: 0;
  }

  .vare-inspo-img-div {
    width: 70%;
    margin-top: 0;
  }

  .vare-inspo-body-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 40vh;
  }

  .vare-inspo-subhead-div, .inspo-subhead-subdiv {
    height: 5vh;
  }

  .vare-inspo-subheader {
    font-size: 1.6rem;
  }

  .vare-inspo-bodycopy-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 12vh;
    padding-left: 0;
  }

  .vare-inspo-paragraph {
    width: 58%;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .brandidentity-container {
    height: 170vh;
  }

  .primary-logo-div {
    height: 45vh;
  }

  .primary-logo-subhead {
    font-size: .8rem;
  }

  .primary-logo-img-div {
    justify-content: center;
    align-items: flex-end;
    height: 40vh;
  }

  .fonts-colors-div, .primary-font-div, .color-palette-div {
    height: 40vh;
  }

  .primary-font-text, .color-palette-title-ext {
    font-size: .8rem;
  }

  .fonts-div {
    height: 35vh;
  }

  .red-color-div, .blue-color-div, .cream-color-div {
    width: 25%;
    height: 11vh;
  }

  .color-swatches-div {
    height: 35vh;
  }

  .logomarks-div, .logomark-div, .wordmark-div, .submark-div {
    height: 40vh;
  }

  .logomark-title-text, .wordmark-title-text, .submark-title-text {
    font-size: .8rem;
  }

  .logomark-img-div, .wordmark-img-div, .submark-img-div {
    height: 35vh;
  }

  .alternate-logos-div, .alternate-logo1-div, .alternate-logo2-div {
    height: 45vh;
  }

  .alternate-logo-title-text {
    font-size: .8rem;
  }

  .alternate-withtag-img-div, .blue-alternate-logo-imgdiv {
    height: 40vh;
  }

  .vare-results-container {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    max-width: none;
    padding-right: 0;
  }

  .vare-results-bodycopy-div {
    width: 100%;
  }

  .likely-results-subhead-div {
    flex-flow: row-reverse;
    height: 5vh;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .likely-results-subhead {
    margin-left: .5rem;
    font-size: 1.6rem;
  }

  .vare-results-paragraph-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 22vh;
    padding-left: 0;
  }

  .vare-results-paragraph {
    width: 60%;
    padding-left: 1.5rem;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .vare-results-img-header-div {
    width: 42%;
  }

  .vare-apparel-container {
    height: 35vh;
    margin-top: 2rem;
  }

  .white-shirt-vare-div {
    height: 35vh;
    padding-top: 3.8em;
  }

  .brown-shirt-vare-div {
    justify-content: center;
    align-items: center;
    height: 35vh;
  }

  .white-skirt-vare-div {
    justify-content: center;
    align-items: center;
    height: 35vh;
    padding-top: 3rem;
  }

  .navy-skirt-vare-div {
    height: 35vh;
  }

  .seemywork-heading-copy {
    font-size: 5rem;
  }

  .pawsitive-herocontainer {
    width: 100%;
    max-width: none;
    height: 104vh;
    padding-top: 0;
  }

  .pawsitive-hero-img-div {
    height: 75vh;
  }

  .paws-summary-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 6em;
    padding-left: 0;
  }

  .paws-summary-img-div {
    width: 50%;
    margin-top: 0;
  }

  .paws-summary-img {
    height: 60vh;
  }

  .paws-summary-bodycopy-div {
    width: 100%;
  }

  .paws-tagline-subhead-div {
    height: 5vh;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .paws--tagline-subdiv {
    height: 5vh;
  }

  .paws-tagline-subhead {
    font-size: 1.6rem;
  }

  .paws-summary-body-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 12vh;
  }

  .paws-summary-paragraph {
    width: 50%;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .paws-goals-container {
    width: 100%;
    max-width: none;
    margin-top: 4em;
  }

  ._3goals-div-paws {
    padding-left: 0;
  }

  .paws-goal1-paragraph {
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .paws-goal1-div {
    justify-content: flex-start;
    align-items: center;
    width: 30%;
  }

  .paws-goal2-div {
    width: 28%;
  }

  .paws-goal2-paragraph {
    width: 70%;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .paws-goal3-div {
    width: 25%;
  }

  .paws-goal3-paragraph {
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .paws-mission-vision-div {
    padding-left: 1rem;
  }

  .paws-mission-div {
    width: 50%;
  }

  .paws-mission-paragraph {
    width: 90%;
    padding-left: 3em;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .paws-vision-paragraph {
    width: 85%;
    padding-left: 3em;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .paws-challenges-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    margin-top: 4rem;
    padding-left: 0;
  }

  .paws-challenge-img-div {
    width: 50%;
    margin-top: 0;
  }

  .paws-challenge-img-subdiv {
    height: 55vh;
  }

  .paws-challenges-body-div {
    width: 100%;
  }

  .paws-challenges-copy-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 25vh;
    padding-left: 0;
  }

  .paws-challenges-paragraph {
    width: 62%;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .paws-process-container {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
    max-width: none;
    height: 110vh;
  }

  .paws-process-body-copy-div {
    width: 100%;
    height: 80vh;
    padding-top: 0;
  }

  .behindthedesign-subhead-div {
    flex-flow: row-reverse;
    height: 5vh;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .behindthedesign-subhead {
    margin-left: .5rem;
    font-size: 1.6rem;
  }

  .paws-process-paragraph-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 38vh;
  }

  .paws-process-paragraph {
    width: 70%;
    padding-left: 1.5em;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .paws-process-img-head-div {
    width: 45%;
    height: 85vh;
  }

  .paws-process2-slide-div {
    width: 85%;
    height: 55vh;
    margin-top: 0;
  }

  .paws-process2-body-div {
    width: 100%;
    height: 40vh;
    margin-top: 0;
  }

  .paws-process2-subhead-div {
    height: 5vh;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .paws-process2-subhead-subdiv {
    height: 5vh;
  }

  .paws-process2-subheader {
    font-size: 1.6rem;
  }

  .paws-process2-bodycopy-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 27vh;
    padding-left: 0;
  }

  .paws-process2-paragraph {
    width: 63%;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .paws-brandidentity-container {
    height: 120vh;
  }

  .paws-primary-logo-div {
    height: 40vh;
  }

  .paws-primary-logo-subhead {
    font-size: .8rem;
  }

  .paws-primary-logo-img-div, .paws-primary-logo, .logo-firguremark-div {
    height: 35vh;
  }

  .paws-fonts-colors-div, .paws-primary-font-div {
    height: 40vh;
  }

  .paws-fonts-div {
    height: 35vh;
  }

  .paws-primary-fonts-img {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .paws-color-palette-div {
    height: 40vh;
  }

  .paws-color-swatches-div {
    height: 35vh;
  }

  .paws-orange-swatch-div, .paws-yellow-swatch-div {
    width: 40%;
    height: 15vh;
  }

  .paws-alternate-logos-div, .paws-alternate-logo1-div {
    height: 40vh;
  }

  .paws-alternate-logo1-img-div {
    height: 35vh;
  }

  .paws-alternate-logo2-div {
    height: 40vh;
  }

  .paws-alternate-logo2-imgdiv {
    height: 35vh;
  }

  .paws-primary-figuremark-subhead, .primary-font-text-paws {
    font-size: .8rem;
  }

  .paws-process2-container2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    height: 90vh;
    margin-top: 6rem;
    padding-bottom: 0;
  }

  .collar-process-container {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
    max-width: none;
    height: 85vh;
    margin-top: 4em;
    padding-bottom: 0;
  }

  .collar-process-img-div {
    width: 85%;
    height: 55vh;
    margin-top: 0;
  }

  .collar-process-body-div {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 30vh;
  }

  .collar-process-subhead-div {
    flex-flow: row-reverse;
    height: 5vh;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .collar-process-subhead-subdiv {
    height: 5vh;
  }

  .collar-process-subhead {
    margin-left: .5rem;
    padding-left: 0;
    font-size: 1.6rem;
  }

  .collar-process-bodycopy-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 25vh;
    margin-left: 0;
  }

  .collar-process-paragraph {
    width: 66%;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .paws-results-container {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    max-width: none;
    height: 95vh;
    margin-top: 8em;
  }

  .paws-results-bodycopy-div {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .paws-likely-results-subhead {
    flex-flow: row-reverse;
    height: 5vh;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .paws-likely-results-subheader {
    padding-left: .5rem;
    font-size: 1.6rem;
  }

  .paws-results-paragraph-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 16vh;
    padding-left: 0;
  }

  .paws-results-paragraph {
    width: 68%;
    padding-left: 1.5rem;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .paws-results-img-header-div {
    width: 50%;
  }

  .step1-heading {
    margin-top: .25rem;
    margin-left: 0;
    padding-left: 1.25rem;
    font-size: .8rem;
  }

  .round1-paws-slide2 {
    background-position: 50% 80%;
  }

  .round1-slide2-header {
    margin-top: .25rem;
    margin-left: 0;
    padding-left: 1.25rem;
    font-size: .8rem;
  }

  .round2-paws-slider3 {
    background-position: 50% 60%;
    background-size: 550px;
  }

  .round2-slide3-header {
    margin-top: .25rem;
    padding-left: 1.25rem;
    font-size: .8rem;
  }

  .round3-paws-slide4 {
    background-position: 50% 90%;
  }

  .round3-slide4-header {
    margin-top: .25rem;
    padding-left: 1.25rem;
    font-size: .8rem;
  }

  .finaldesign-paws-slide5 {
    background-size: 500px;
  }

  .final-design-slide5-header {
    margin-top: .25rem;
    padding-left: 1.25rem;
    font-size: .8rem;
  }

  .green-collar-slider {
    background-position: 50% 55%;
  }

  .greencollar-slide1-header {
    margin-top: .25rem;
    padding-left: 1.25rem;
    font-size: .8rem;
  }

  .orangecollar-slider {
    background-position: 50% 60%;
  }

  .orange-collar-slide2-header {
    margin-top: .25rem;
    padding-left: 1.25rem;
    font-size: .8rem;
  }

  .final-collar-slider {
    background-position: 50% 60%;
  }

  .final-collardesign-slide3-header {
    margin-top: .25rem;
    padding-left: 1.25rem;
    font-size: .8rem;
  }

  .mywork-link-block {
    width: 95%;
  }

  .paws-casestudy-end-container {
    margin-top: 8em;
  }

  .paws-seemywork-section {
    padding-right: 4em;
  }

  .paws-mywork-link {
    width: 85%;
  }

  .paws-mywork-subsection {
    justify-content: flex-end;
    align-items: center;
  }

  .paws-mywork-reddot-div {
    justify-content: center;
    align-items: center;
  }

  .paws-mywork-div {
    width: 63%;
  }

  .paws-seemywork-heading {
    font-size: 5rem;
  }

  .mywork-heading-container {
    height: 20vh;
    margin-top: 8em;
    padding-left: 1em;
  }

  .mywork-heading-div {
    height: 15vh;
  }

  .my-work-heading {
    font-size: 5rem;
  }

  .works-container {
    height: 420vh;
    margin-left: 1em;
    margin-right: 1em;
  }

  .works-1-2-section, .curli-div-block {
    height: 70vh;
  }

  .curli-img-div {
    height: 45vh;
  }

  ._01-div {
    width: 25%;
  }

  .curli-heading {
    font-size: 2.4rem;
  }

  .work-description-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-left: 1em;
  }

  .works-description-subhead {
    font-size: 1.6rem;
  }

  .work-kind-text {
    font-size: .8rem;
  }

  .explore-more-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .works-3-4-section, .works-5-6-section, .works-7-8-section, .works-9-10-section, .twe-div-bl {
    height: 70vh;
  }

  ._02-div {
    width: 25%;
  }

  .twe-heading {
    font-size: 2.4rem;
    line-height: 2.2rem;
  }

  .twe-img-div {
    height: 45vh;
  }

  .twe-work-description-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-left: 1em;
  }

  .twe-work-description-subhead {
    font-size: 1.6rem;
  }

  .twe-work-kind-text {
    font-size: .8rem;
  }

  .twe-explore-more-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .hburg-div-block {
    height: 70vh;
  }

  ._03-div {
    width: 25%;
  }

  .hburg-heading {
    font-size: 2.4rem;
    line-height: 2.2rem;
  }

  .hburg-img-div {
    height: 45vh;
  }

  .hburg-work-description-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-left: 1em;
  }

  .hburg-works-description-subhead {
    font-size: 1.6rem;
  }

  .hburg-work-kind-text {
    font-size: .8rem;
  }

  .hburg-explore-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .steap-div-block {
    height: 70vh;
  }

  ._04-div {
    width: 25%;
  }

  .steap-heading {
    font-size: 2.4rem;
  }

  .steap-img-div {
    height: 45vh;
  }

  .steap-work-description-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-left: 1em;
  }

  .steap-works-description-subhead {
    font-size: 1.6rem;
  }

  .steap-work-kind-text {
    font-size: .8rem;
  }

  .steap-explore-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .sws-div-block {
    height: 70vh;
  }

  ._05-div {
    width: 25%;
  }

  .sws-heading {
    font-size: 2.4rem;
  }

  .sws-img-div {
    height: 45vh;
  }

  .sws-work-description-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-left: 1em;
  }

  .sws-works-description-subhead {
    font-size: 1.6rem;
  }

  .sws-work-kind-text {
    font-size: .8rem;
  }

  .sws-explore-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .dc-div-block {
    height: 70vh;
  }

  ._06-div {
    width: 25%;
  }

  .dc-heading {
    font-size: 2.4rem;
  }

  .dc-img-div {
    height: 45vh;
  }

  .dc-work-description-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-left: 1em;
  }

  .dc-works-description-subhead {
    font-size: 1.6rem;
  }

  .dc-work-kind-text {
    font-size: .8rem;
  }

  .dc-explore-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .superior-div-block {
    height: 70vh;
  }

  ._07-div {
    width: 25%;
  }

  .superior-heading {
    font-size: 2.4rem;
  }

  .superior-img-div {
    height: 45vh;
  }

  .sup-work-description-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-left: 1em;
  }

  .sup-work-description-subhead {
    font-size: 1.6rem;
  }

  .superior-work-kind-text {
    font-size: .8rem;
  }

  .superior-explore-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .stratus-div-block {
    height: 70vh;
  }

  ._08-div {
    width: 25%;
  }

  .stratus-heading {
    font-size: 2.4rem;
  }

  .stratus-img-div {
    height: 45vh;
  }

  .strat-work-description-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-left: 1em;
  }

  .strat-work-description-subhead {
    font-size: 1.6rem;
  }

  .strat-work-kind-text {
    font-size: .8rem;
  }

  .stratus-explore-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .nuuly-div-block {
    height: 70vh;
  }

  ._09-div {
    width: 25%;
  }

  .nuuly-heading {
    font-size: 2.4rem;
  }

  .nuuly-img-div {
    height: 45vh;
  }

  .nuuly-work-description-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-left: 1em;
  }

  .nuuly-work-description-subhead {
    font-size: 1.6rem;
  }

  .nuuly-work-kind-text {
    font-size: .8rem;
  }

  .nuuly-explore-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .fall-layers-div-block {
    height: 70vh;
  }

  ._10-div {
    width: 25%;
  }

  .fall-layers-img-div {
    height: 45vh;
  }

  .fall-work-description-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-left: 1em;
  }

  .fall-work-description-subhead {
    font-size: 1.6rem;
  }

  .fall-work-kind-text {
    font-size: .8rem;
  }

  .fall-layers-explore-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .contact-me-section {
    padding-left: 4em;
    padding-right: 4em;
  }

  .contact-me-link {
    width: 100%;
  }

  .contact-me-subsection {
    justify-content: flex-end;
    align-items: center;
  }

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

  .works-11-12-section, .movie-poster-div {
    height: 70vh;
  }

  ._11-div {
    width: 25%;
  }

  .movie-poster-heading {
    font-size: 2.4rem;
    line-height: 2.2rem;
  }

  .movie-poster-img-div {
    height: 45vh;
  }

  .movposter-work-description-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-left: .5em;
  }

  .movposter-work-description-subhead {
    font-size: 1.6rem;
  }

  .movposter-work-kind-text {
    font-size: .8rem;
  }

  .movposter-explore-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .hallo-div-block {
    height: 70vh;
  }

  ._12-div {
    width: 25%;
  }

  .hallo-heading {
    font-size: 2.4rem;
    line-height: 2.2rem;
  }

  .hallo-img-div {
    height: 45vh;
  }

  .hallo-work-description-subhead {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }

  .hallo-explore-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .seemore-div-block, .paws-seemore-link-blk {
    height: 20vh;
  }

  .paws-seemore-link-txt {
    width: 30%;
    font-size: .8rem;
  }

  .laf-see-more-link-blk {
    height: 20vh;
  }

  .laf-seemore-link-txt {
    width: 40%;
    font-size: .8rem;
  }

  .back-button-section {
    margin-top: 4em;
  }

  .fall-layers-container {
    margin-left: 1em;
    margin-right: 1em;
  }

  .fall-layers-page-heading {
    font-size: 2.4rem;
  }

  .container-3 {
    max-width: 728px;
  }

  .footer-wrapper-two {
    flex-wrap: wrap;
  }

  .footer-form {
    width: 100%;
    margin-top: 40px;
  }

  .footer-form-container {
    max-width: 350px;
  }

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

  .written-d-white-div {
    width: 15.5%;
    margin-right: 1.5rem;
  }

  .home-footer-link {
    font-size: .8rem;
  }

  .casestudy-footer-link, .package-footer-link, .branding-footer-link, .print-footer-link, .ui-ux-footer-link {
    font-size: .7rem;
  }

  .contact-footer-div {
    justify-content: flex-start;
    align-items: flex-start;
    width: 16%;
  }

  .contact-footer-link {
    font-size: .8rem;
  }

  .footer-page-links-sec {
    justify-content: space-between;
    width: 75%;
  }

  .home-links-foot-div {
    width: 88%;
    padding-left: .5rem;
  }

  .work-footer-links-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .cream-circle-div {
    width: 13%;
  }

  .aboutme-foot-div {
    width: 87%;
    padding-left: .5rem;
  }

  .mywork-footer-link, .aboutme-footer-link {
    font-size: .8rem;
  }

  .mywork {
    width: 88%;
    padding-left: .5rem;
  }

  .contact-foot-div {
    width: 90%;
    padding-left: .5rem;
  }

  .contact-icons-foot-div {
    height: 6vh;
  }

  .pawsitive-dropdown-link, .lafayette-dropdown-link {
    font-size: 1.6rem;
  }

  .red-dot-div {
    height: 5vh;
  }

  .layers-of-fall-heading {
    font-size: 2.4rem;
    line-height: 2.2rem;
  }

  .shoe-case-study-sec {
    height: 20vh;
  }

  .shoe01-subhead-div {
    padding-left: .25em;
  }

  .shoe-heading-div {
    width: 30%;
  }

  .shoe-heading {
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Poppins, sans-serif;
    font-size: 2.1rem;
    font-weight: 600;
    line-height: 2.4rem;
  }

  .shoe-design-div {
    width: 45%;
  }

  .shoedesign-subhead {
    font-size: 1.5rem;
  }

  .shoe-sub-subhead {
    font-size: .8rem;
  }

  .see-more-shoe-div {
    width: 15%;
    height: 20vh;
  }

  .seemore-shoe-div-block {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
    flex-flow: column;
    height: 20vh;
  }

  .shoe-seemore-link-txt {
    width: 55%;
    font-size: .8rem;
  }

  .shoe-imgs-section, .shoe-img1-div, .shoe-img2-div, .shoe-img3-div {
    height: 35vh;
  }

  .shoe-hero-container {
    height: 95vh;
    padding-top: 0;
  }

  .dropdown-casestudy-div-shoe {
    width: 76%;
    margin-left: 2em;
  }

  .shoe-case-studydropdown {
    width: 98%;
  }

  .shoe-casestudy-dropdown-toggle {
    padding-left: 0;
  }

  .shoe-dropdown-head, .vare-dropdownlink {
    font-size: 1.6rem;
  }

  .shoe-hero-img-div {
    background-position: 50% 100%;
    background-repeat: repeat-y;
    background-size: contain;
    height: 75vh;
    margin-bottom: 0;
  }

  .shoe-summ-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    height: 90vh;
    margin-top: 4em;
    padding-left: 0;
  }

  .shoe-summary-img-div {
    width: 65%;
    margin-top: 8em;
  }

  .shoe-summary-imgdiv {
    height: 40vh;
  }

  .shoe-summary-heading {
    font-size: 5rem;
    top: 1113.29px;
    left: 318px;
  }

  .shoe-summary-bodycopy-div {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 35vh;
    margin-top: .5rem;
  }

  .shoedesign-subhead-div {
    justify-content: flex-start;
    align-items: center;
    height: 8vh;
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .shoedesign-leadline-div {
    width: 25%;
  }

  .shoe-summary-body-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 15vh;
    padding-left: 0;
  }

  .shoe-summary-paragraph {
    width: 58%;
    margin-left: .75em;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .shoe-goals-container {
    margin-top: 6em;
  }

  .shoe-research-question {
    width: 70%;
    font-size: 1.8rem;
  }

  .shoe-3goals-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 13vh;
  }

  .shoe-goal1-div {
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    height: 10vh;
  }

  .shoe-goal1-paragraph {
    width: 85%;
    margin-left: 1em;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .shoe-mission-paragraph, .shoe-vision-paragraph {
    padding-left: 1em;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .shoe-challenge-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    height: 80vh;
    margin-top: 6em;
    padding-left: 0;
  }

  .shoe-challenge-img-div {
    width: 60%;
    margin-top: 0;
  }

  .shoe-challenges-img-div {
    height: 40vh;
  }

  .shoe-challenge-heading {
    font-size: 5rem;
    top: 2234.29px;
    left: 259px;
  }

  .shoe-challenges-body-div {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 40vh;
  }

  .shoe-challenges-subhead-div {
    height: 6vh;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .shoe-challenges-subhead-subdiv {
    height: 6vh;
  }

  .shoe-challenges-subheader {
    margin-left: .5em;
    font-size: 1.6rem;
  }

  .shoe-summary-bodydiv {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 22vh;
    padding-left: 0;
  }

  .shoe-challnges-paragraph {
    width: 53%;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .shoe-process-container {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
    height: 75vh;
    margin-top: 6em;
  }

  .shoe-process-bodycopy-div {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 30vh;
  }

  .shoe-process-subhead {
    flex-flow: row-reverse;
    justify-content: flex-end;
    align-items: center;
    height: 5vh;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .shoe-process-subheading {
    margin-left: .5rem;
    padding-left: 0;
    font-size: 1.6rem;
  }

  .shoe-process-paragraph-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 10vh;
    padding-left: 0;
  }

  .shoe-process-paragraph {
    width: 60%;
    padding-left: 1.5em;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .shoe-process-img-header-div {
    width: 65%;
    height: 45vh;
  }

  .shoe-results-container {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
    margin-top: 8rem;
  }

  .shoe-results-bodycopy-div {
    width: 100%;
  }

  .shoe-likelyresults-subhead-div {
    flex-flow: row-reverse;
    height: 5vh;
  }

  .shoe-likely-results-subhead {
    margin-left: 1.5rem;
    font-size: 1.6rem;
  }

  .shoe-results-paragraph-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 20vh;
    padding-left: 0;
  }

  .shoe-results-paragraph {
    width: 60%;
    padding-left: 1.5em;
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .shoe-results-img-header-div {
    background-size: 850px;
    width: 80%;
    height: 70vh;
  }

  .dropdown-casestudy-div-vare {
    width: 75%;
    margin-left: 2em;
  }

  .vare-casestudy-dropdown-toggle {
    width: 62%;
    padding-left: 10px;
  }

  .varee-dropdown-head {
    font-size: 1.6rem;
  }

  .shoe-dropdownlink-varepg, .pawsitive-dropdown-link-varepg, .lafayette-dropdown-link-varepg {
    padding-left: 10px;
    font-size: 1.6rem;
  }

  .dropdown-casestudy-div-pawsitive {
    width: 76%;
    margin-left: 2em;
  }

  .paws-case-study-dropdown-toggle {
    width: 62%;
    padding-left: 10px;
  }

  .pawsitive-dropdown-head, .vare-dropdown-link-pawspg, .lafayette-dropdown-link-pawspg, .shoe-dropdownlink-pawspg, .identity-subheading {
    font-size: 1.6rem;
  }

  .process-book-slider {
    height: 45vh;
  }

  .prototypes-imgs-container {
    height: 137vh;
  }

  .poster-section {
    justify-content: flex-start;
    align-items: center;
    height: 60vh;
    margin-top: 4rem;
    margin-bottom: 0;
  }

  .shoe-poster-img-div {
    width: 75%;
    height: 80vh;
  }

  .shoe-poster-heading {
    font-size: 1.6rem;
  }

  .sneaker-book-img-section {
    justify-content: flex-start;
    align-items: center;
    height: 61vh;
    margin-top: 4rem;
  }

  .sneaker-book-imgs-div {
    height: 55vh;
  }

  .sneaker-book-header-div {
    margin-bottom: 0;
  }

  .sneaker-book-heading {
    padding-bottom: 0;
    font-size: 1.6rem;
  }

  .sneaker-book-slider {
    height: 55vh;
  }

  .page1-slide {
    background-size: contain;
  }

  .seemore-white-arrow, .image-3, .image-4, .white-seemore-arrow {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .mail-foot-linkblk {
    width: 35%;
  }

  .linkedin-foot-linkblk {
    width: 30%;
  }

  .nav-menu-wrapper {
    background-color: #0000;
    width: 100%;
    height: 20vh;
  }

  .nav-menu-2 {
    background-color: #f8f6f2;
    border: 2px solid #0c0c0c;
    border-width: 2px 0;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
    height: 20vh;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 0;
    display: flex;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .nav-button-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .menu-button-2 {
    padding: 12px;
  }

  .menu-button-2.w--open {
    color: #fff;
    background-color: #a6b1bf00;
  }

  .image-5 {
    vertical-align: top;
    width: 90%;
  }

  .image-6 {
    width: 75%;
  }

  .shoe-red-dot, .vare-red-dot, .paws-red-dot {
    width: 90%;
  }

  .image-10 {
    width: 85%;
  }

  .image-11 {
    width: 90%;
  }

  .image-12 {
    width: 74%;
  }

  .image-13 {
    width: 95%;
  }

  .image-14 {
    width: 6.5%;
  }

  .name-logo-div {
    filter: drop-shadow(0 2px 5px #f8f6f212);
    width: 50vh;
    height: 28vh;
    top: -103.633px;
    left: -133.328px;
  }

  .red-dot-steap, .red-dot-hburg, .red-dot-curli, .red-dot-twe, .red-dot-sws, .red-dot-dc, .red-dot-superior, .red-dot-stratus, .red-dot-nuuly, .red-dot-lof, .red-dot-movposter, .red-dot-halloween {
    width: 40%;
  }

  .laf-red-dot {
    width: 90%;
  }

  .image-43 {
    width: 8.5%;
  }

  .path-dot-div {
    width: 15%;
    height: 5vh;
  }

  .image-44 {
    width: 98%;
    height: 3.8vh;
  }

  .image-45 {
    width: 45%;
  }

  .image-46 {
    width: 8%;
  }

  .icon-10 {
    color: #b7202c;
    mix-blend-mode: normal;
  }

  .image-47 {
    width: 80%;
  }

  .shoe-summ-reddot-img {
    width: 4%;
  }

  .image-49 {
    width: 8%;
  }

  .image-50 {
    width: 4%;
  }

  .callout-reddot-divcopy, .callout-reddot-div-copy, .callout-reddot--copy {
    width: 10%;
  }

  .process-vare-header {
    text-align: center;
    margin-top: 2rem;
    padding-right: 0;
    font-size: 5rem;
  }

  .challenges-vare-header {
    text-align: center;
    height: 6vh;
    margin-top: 2rem;
    padding-left: 0;
    font-size: 5rem;
  }

  .summary-vare-header {
    text-align: center;
    margin-top: 2rem;
    padding-left: 0;
    font-size: 5rem;
  }

  .results-vare-header {
    text-align: center;
    margin-top: 2rem;
    padding-right: 0;
    font-size: 5rem;
  }

  .summary-shoe-header {
    text-align: center;
    margin-top: 2rem;
    padding-left: 0;
    font-size: 5rem;
  }

  .challenges-shoe-header {
    text-align: center;
    margin-top: 2rem;
    padding-left: 0;
    padding-right: 0;
    font-size: 5rem;
  }

  .process-shoe-header {
    margin-top: 2rem;
    font-size: 5rem;
  }

  .results-shoe-header {
    text-align: center;
    margin-top: 2rem;
    padding-right: 0;
    font-size: 5rem;
  }

  .summary-paws-header, .challenges-paws-header {
    text-align: center;
    margin-top: 2rem;
    padding-left: 0;
    font-size: 5rem;
  }

  .process-paws-header, .results-paws-header {
    text-align: center;
    margin-top: 2rem;
    padding-right: 0;
    font-size: 5rem;
  }

  .red-dot-paws-mywork {
    width: 55%;
  }

  .image-51 {
    width: 4%;
    height: 3.9vh;
  }

  .shoe-results-reddot-img {
    width: 4%;
    height: 4vh;
  }

  .mywork-shoe-reddot-img {
    width: 60%;
  }

  .vare-reddot-img {
    width: 80%;
  }

  .vare-summ-reddot-img {
    width: 4%;
  }

  .image-52, .image-53, .image-54 {
    width: 15%;
  }

  .image-55 {
    width: 4.5%;
  }

  .vare-process-reddot {
    width: 4.5%;
    height: 4.5vh;
  }

  .vare-inspo-reddot {
    width: 4.5%;
  }

  .vare-results-reddot {
    width: 4.5%;
    height: 4.5vh;
  }

  .image-56 {
    width: 60%;
  }

  .paws-drpdown-reddot {
    width: 80%;
  }

  .paws-summ-reddot {
    width: 4.5%;
  }

  .reddot-pawsgoal-1 {
    width: 15%;
  }

  .image-58 {
    width: 16%;
  }

  .image-59 {
    width: 18%;
  }

  .paws-challenge-reddot {
    width: 4.5%;
  }

  .paws-process-reddot {
    width: 4.5%;
    height: 4.5vh;
  }

  .wagsbags-reddot, .image-60 {
    width: 4.5%;
  }

  .paws-results-reddot {
    width: 4.5%;
    height: 4.3vh;
  }

  .transition-cta-subhead-div-paws {
    justify-content: center;
    align-items: flex-end;
  }

  .link-block {
    width: 30%;
  }

  .link-block-2 {
    width: 25%;
  }

  .link-block-3 {
    width: 30%;
  }

  .image-71 {
    width: 100%;
  }

  .link-block-4 {
    width: 25%;
  }

  .link-block-5 {
    width: 30%;
  }

  .link-block-6 {
    width: 25%;
  }

  .image-101 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .works-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .works-drowdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .works-drowdown-list.shadow-three.w--open {
    position: relative;
  }

  .works-drowdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .home-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .works-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-menu {
    flex-direction: column;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .hero-intro-div {
    width: 100%;
    top: 25.4rem;
    left: -.7rem;
  }

  .mdesigner-div {
    width: 100%;
    top: 4.1rem;
    left: 15.1rem;
  }

  .hero-img-div60 {
    width: 35%;
    height: 45vh;
  }

  .hero-container-maxwidth {
    margin-top: 0;
    margin-bottom: 4rem;
  }

  .pitch-p3-section, .div-messprocess-text {
    height: 5vh;
  }

  .pitch-subhead-2-div {
    justify-content: center;
    align-items: center;
    height: 5vh;
  }

  .work-connects-sec {
    height: 5vh;
  }

  .lead-lines-2-sec {
    height: 15vh;
  }

  .leadlines-4-sec {
    width: 45%;
    height: 8vh;
    padding-left: .5rem;
  }

  .pitch-section2 {
    height: 8vh;
    margin-top: 0;
  }

  .leadlines-3-sec {
    width: 61%;
    height: 15vh;
  }

  .pitch-p3-div {
    width: 25%;
  }

  .lines2-div-85 {
    width: 72%;
    height: 15vh;
  }

  .div-50-lines {
    height: 15vh;
    margin-left: 13rem;
  }

  .leadlines-4-div {
    width: 4.3%;
  }

  .pitch-section1-20 {
    width: 30%;
  }

  .messprocess-rightsection {
    height: 5vh;
  }

  .home-section2-container1440 {
    height: 90vh;
  }

  .see-more-lafayette-div {
    height: 15vh;
  }

  .vare-heading {
    font-size: 1.6rem;
  }

  .pawsitive-casestudy-section {
    height: 15vh;
  }

  .pawsitive-imgs-section {
    height: 30vh;
  }

  .case-study-container {
    height: 200vh;
    margin-bottom: 2em;
  }

  .vare-img1-div, .vare-img3-div, .lafayette-img2-div, .vare-img2-div {
    height: 30vh;
  }

  .pawsitive-heading-div, .petbrand-div, .lafayette-casestudy-sec {
    height: 15vh;
  }

  .lafayette-subheads-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .pawsitive-img3-div, .vare-imgs-section {
    height: 30vh;
  }

  .see-more-pawsitive-div, .see-more-vare-div {
    height: 15vh;
  }

  .lafayette-img3-div {
    height: 30vh;
  }

  .vare-casestudy-section {
    height: 15vh;
  }

  .lafayette-heading {
    font-size: 1.6rem;
  }

  .lafayette-imgs-section, .pawsitive-img1-div {
    height: 30vh;
  }

  .pawsitive-heading {
    font-size: 1.6rem;
  }

  .pawsitive-img2-div {
    height: 30vh;
  }

  .pawsitive-subheads-div, .vare-subheads-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .lafayette-img1-div {
    height: 30vh;
  }

  .ideasgrow-callout-div {
    width: 55%;
  }

  .asadesigner-heading-div {
    height: 20vh;
  }

  .value-callout-section {
    margin-bottom: 2em;
  }

  .learnmore-section {
    height: 35vh;
  }

  .groundedprocess-subhead-div {
    width: 25%;
  }

  .asadesigner-container-1440 {
    height: 155vh;
    margin-bottom: 6em;
  }

  .groundedprocess-leadline-div {
    margin-right: 1em;
  }

  .home-link-2 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mdesigner-heading-2-2 {
    width: 100%;
    font-size: 1.3rem;
  }

  .designer-hero-heading-2 {
    filter: drop-shadow(0 2px 5px #f8f6f233);
    font-size: 4.4rem;
    top: 42%;
    left: 5.1rem;
  }

  .portfolio-hero-heading-2 {
    filter: drop-shadow(0 2px 5px #f8f6f233);
    font-size: 4.4rem;
    top: 19.3rem;
    left: -12.3rem;
  }

  .designportfolio-heading2-2 {
    font-size: 1.3rem;
    top: 7.3rem;
    left: -33.7rem;
  }

  .intro-paragraph-2 {
    width: 100%;
    margin-left: 2rem;
  }

  .mess-process-header {
    font-size: 1.3rem;
  }

  .pitch-p3-2 {
    width: 85%;
  }

  .pitch-subhead2-2 {
    margin-top: 0;
    font-size: 1.3rem;
  }

  .pawsitive-02-subhead-2 {
    font-size: 1.8em;
  }

  .petbrand-subhead-2 {
    font-size: 1.3rem;
  }

  .pawsitive-sub-subhead-2, .lafayette-sub-subhead-2, .vare-seemore-link-txt {
    font-size: .7rem;
  }

  .storysite-subhead-2, .golfapparel-subhead-2 {
    font-size: 1.3rem;
  }

  .selected-works-heading-2 {
    font-size: 4.4em;
  }

  .case-studies-subheader-2 {
    font-size: 1.6em;
  }

  .vare-02-subhead-2, .lafayette-04-subhead-2 {
    font-size: 1.8em;
  }

  .vare-sub-subhead-2 {
    font-size: .7rem;
  }

  .groundedprocess-subhead-2 {
    font-size: 1.3rem;
  }

  .see-aboutme-heading-2 {
    font-size: 4.4rem;
  }

  .playfulcurious-subhead-2 {
    font-size: 1.3rem;
  }

  .createdesigns-p3-2 {
    width: 65%;
  }

  .learnmore-subhead-2 {
    text-align: right;
    font-size: 1.8rem;
  }

  .observe-explore-head {
    font-size: 1.3rem;
  }

  .value-p4-2 {
    width: 95%;
  }

  .asadesigner-heading-2 {
    height: 16vh;
    font-size: 4.4em;
  }

  .about-hero-full-container {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 0;
    margin-left: 0;
  }

  .aboutme-img-div {
    height: 45vh;
    margin-top: 3em;
  }

  .aboutme-heading {
    font-size: 4.4rem;
  }

  .delaneycurtis-signature {
    top: 11.5%;
    left: 0%;
  }

  .aboutme-img-signature-div {
    width: 40%;
    margin-left: 2em;
    padding-left: 0;
  }

  .creativity-subhead-div {
    height: 8vh;
    margin-top: 8em;
    margin-bottom: 0;
  }

  .creativity-subhead {
    width: 85%;
    margin-left: .75em;
    font-size: 1.3rem;
  }

  .aboutme-bodycopy-div {
    margin-left: 0;
  }

  .aboutme-p1 {
    width: 82%;
  }

  .mypath-container-50vh {
    width: 100%;
    margin-bottom: 0;
  }

  .mypath-bodycopy-div {
    width: 53%;
  }

  .mypath-img-header-div {
    width: 40%;
    height: 35vh;
    margin-left: 0;
  }

  .mypath-subbhead {
    width: 65%;
    font-size: 1.3rem;
  }

  .mypath-paragraph-div {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .mypath-header {
    font-size: 4.4rem;
    top: 882.99px;
    left: 23px;
  }

  .myapproach-container {
    width: 100%;
    height: 80vh;
  }

  .myapproach-heading {
    margin-top: 2rem;
    top: 1371.29px;
    left: 58px;
  }

  .myapproach-copy-div {
    width: 55%;
  }

  .observer-subheader {
    margin-left: .75em;
    font-size: 1.3rem;
  }

  .myapproach-bodycopy-div {
    margin-left: 1rem;
  }

  .myapproach-paragraph.small-bodycopy {
    width: 82%;
    margin-left: .75em;
  }

  .myapproach-img-div-35 {
    width: 35%;
  }

  .aboutme-ending-container {
    margin-top: 6em;
  }

  .transition-cta-subhead {
    font-size: 1.8rem;
  }

  .seemywork-section {
    padding-right: 4em;
  }

  .mywork-div {
    width: 60%;
  }

  .vare-hero-container {
    height: 95vh;
    margin-top: 8em;
    padding-top: 0;
  }

  .reddot-dropdown-div {
    justify-content: flex-end;
    align-items: center;
  }

  .vare-hero-img-div {
    background-size: cover;
    height: 60vh;
  }

  .vare-summ-container {
    flex-flow: column;
    margin-top: 0;
    padding-left: 0;
  }

  .varesummary-img-div {
    width: 50%;
  }

  .varesummary-bodycopy-div {
    width: 100%;
  }

  .eleganceinmotion-subhead-div {
    height: 5vh;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .elegance-leadline-div {
    width: 30%;
  }

  .elegancemotion-subheader {
    margin-left: .5em;
    font-size: 1.6rem;
  }

  .varesummary-body-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 27vh;
    padding-left: 0;
  }

  .vare-summary-paragraph {
    width: 65%;
    font-size: .8rem;
  }

  .vare-goals-container {
    height: 50vh;
  }

  .wewantto-div {
    justify-content: center;
    align-items: center;
    height: 5vh;
  }

  .goals-heading {
    font-size: 1.6em;
  }

  ._3goals-div {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    height: 15vh;
    padding-left: 0;
  }

  .vare-goal1-div {
    justify-content: flex-end;
    align-items: center;
  }

  .vare-goal2-div {
    justify-content: center;
    align-items: center;
  }

  .vare-goal1-paragraph, .vare-goal2-paragraph {
    width: 60%;
    font-size: .8rem;
  }

  .vare-goal3-paragraph {
    width: 58%;
    font-size: .8rem;
  }

  .mission-vision-div {
    padding-left: 3.5rem;
    padding-right: 0;
  }

  .mission-div, .vision-div {
    width: 45%;
  }

  .mission-heading {
    font-size: 1.6rem;
  }

  .mission-paragraph {
    width: 83%;
    font-size: .8rem;
  }

  .vision-heading {
    font-size: 1.6rem;
  }

  .vision-paragraph {
    width: 85%;
    font-size: .8rem;
  }

  .vare-challenge-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 102vh;
    margin-top: 4rem;
    padding-left: 0;
  }

  .vare-challenge-img-div {
    width: 50%;
    margin-top: 0;
  }

  .v-challenges-img-div {
    height: 55vh;
  }

  .varechallenges-body-div {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 60vh;
  }

  .challenges-subhead-div {
    justify-content: center;
    align-items: center;
    height: 5vh;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .challenges-subheader {
    font-size: 1.6rem;
  }

  .vare-challnges-paragraph {
    width: 70%;
    font-size: .8rem;
  }

  .vare-hatlogo-div-copy {
    height: 50vh;
  }

  .approach-img-div {
    height: 45vh;
    margin-top: 4em;
    margin-left: 0;
  }

  .vare-process-container {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
    height: 95vh;
    margin-top: 6em;
    padding-right: 0;
  }

  .vare-process-bodycopy-div {
    width: 100%;
  }

  .behindthebrand-subhead-div {
    flex-flow: row-reverse;
    height: 5vh;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .behindthebrand-subhead {
    padding-left: .5em;
    font-size: 1.6rem;
  }

  .process-leadline-div {
    width: 28%;
  }

  .vare-process-paragraph-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 20vh;
    padding-left: 0;
  }

  .vare-process-paragraph {
    width: 71%;
    font-size: .8rem;
  }

  .vare-process-img-header-div {
    width: 50%;
    height: 85vh;
  }

  .vare-inspo-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 667px;
    height: 55vh;
    margin-top: 6em;
    margin-bottom: 6em;
    padding-bottom: 0;
    padding-left: 0;
  }

  .vare-inspo-img-div {
    width: 65%;
    margin-top: 0;
  }

  .vare-inspo-img-backdiv {
    height: 30vh;
  }

  .vare-inspo-body-div {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 25vh;
  }

  .vare-inspo-subhead-div {
    height: 5vh;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .vare-inspo-subheader {
    font-size: 1.6rem;
  }

  .vare-inspo-bodycopy-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 15vh;
    padding-left: 0;
  }

  .vare-inspo-paragraph {
    width: 65%;
    font-size: .8rem;
  }

  .brandidentity-container {
    height: 160vh;
  }

  .primary-logo-div {
    height: 40vh;
  }

  .primary-logo-subhead {
    font-size: .8rem;
  }

  .primary-logo-img-div {
    justify-content: center;
    align-items: center;
    height: 35vh;
  }

  .fonts-colors-div, .primary-font-div, .color-palette-div {
    height: 40vh;
  }

  .primary-font-text, .color-palette-title-ext {
    font-size: .8rem;
  }

  .fonts-div {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 35vh;
    padding-left: 2em;
    padding-right: 2em;
  }

  .red-color-div, .blue-color-div, .cream-color-div {
    width: 28%;
    height: 10vh;
  }

  .color-swatches-div, .logomarks-div, .logomark-div, .wordmark-div, .submark-div {
    height: 35vh;
  }

  .logomark-title-text, .wordmark-title-text, .submark-title-text {
    font-size: .8rem;
  }

  .logomark-img-div, .wordmark-img-div, .submark-img-div {
    height: 30vh;
  }

  .alternate-logos-div, .alternate-logo1-div, .alternate-logo2-div {
    height: 45vh;
  }

  .alternate-logo-title-text {
    font-size: .8rem;
  }

  .alternate-withtag-img-div, .blue-alternate-logo-imgdiv {
    height: 40vh;
  }

  .vare-results-container {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
    width: 667px;
    height: 105vh;
    padding-right: 0;
  }

  .vare-results-bodycopy-div {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .likely-results-subhead-div {
    flex-flow: row-reverse;
    justify-content: flex-end;
    align-items: center;
    height: 5vh;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .likely-results-subhead {
    padding-left: .5em;
    font-size: 1.6rem;
  }

  .vare-results-paragraph-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 38vh;
    padding-left: 0;
  }

  .vare-results-paragraph {
    width: 48%;
    font-size: .8rem;
  }

  .vare-results-img-header-div {
    width: 60%;
    height: 70vh;
  }

  .vare-apparel-container {
    justify-content: center;
    align-items: center;
    height: 30vh;
    margin-top: 4em;
  }

  .white-shirt-vare-div {
    height: 30vh;
    padding-top: 3.5em;
  }

  .brown-shirt-vare-div {
    justify-content: center;
    align-items: center;
    height: 30vh;
  }

  .white-skirt-vare-div {
    justify-content: center;
    align-items: center;
    height: 30vh;
    padding-top: 3em;
  }

  .navy-skirt-vare-div {
    height: 30vh;
    padding-top: 4.5em;
  }

  .casestudy-end-container {
    height: 35vh;
    margin-top: 6em;
    margin-bottom: 0;
  }

  .vare-transition-cta {
    font-size: 1.8rem;
  }

  .seemywork-heading-copy {
    font-size: 4.4rem;
  }

  .pawsitive-herocontainer {
    height: 90vh;
    padding-top: 0;
  }

  .pawsitive-hero-img-div {
    height: 60vh;
  }

  .paws-summary-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 6em;
    padding-left: 0;
  }

  .paws-summary-img-div {
    width: 60%;
    margin-top: 0;
  }

  .paws-summary-img {
    height: 55vh;
  }

  .paws-summary-bodycopy-div {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 70vh;
  }

  .paws-tagline-subhead-div {
    height: 5vh;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .paws--tagline-subdiv {
    height: 5vh;
  }

  .paws-tagline-subhead {
    font-size: 1.6rem;
  }

  .paws-summary-body-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 13vh;
  }

  .paws-summary-paragraph {
    width: 60%;
    font-size: .8rem;
  }

  .paws-goals-container {
    height: 50vh;
    margin-top: 4em;
  }

  ._3goals-div-paws {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-around;
    align-items: center;
    height: 16vh;
    padding-left: 0;
  }

  .paws-goal1-paragraph {
    width: 72%;
    font-size: .8rem;
  }

  .paws-goal1-div {
    justify-content: flex-end;
    align-items: center;
    width: 30%;
  }

  .paws-goal2-div {
    width: 25%;
  }

  .paws-goal2-paragraph {
    width: 65%;
    font-size: .8rem;
  }

  .paws-goal3-div {
    width: 32%;
  }

  .paws-goal3-paragraph {
    width: 72%;
    font-size: .8rem;
  }

  .paws-mission-vision-div {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding-left: 2rem;
  }

  .paws-mission-div {
    width: 55%;
  }

  .paws-mission-paragraph {
    width: 100%;
    font-size: .8rem;
  }

  .paws-vision-div {
    width: 55%;
  }

  .paws-vision-paragraph {
    width: 82%;
    font-size: .8rem;
  }

  .paws-challenges-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    margin-top: 6em;
    padding-left: 0;
  }

  .paws-challenge-img-div {
    width: 55%;
    margin-top: 0;
  }

  .paws-challenge-img-subdiv {
    height: 55vh;
  }

  .paws-challenges-body-div {
    width: 100%;
  }

  .paws-challenges-copy-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
  }

  .paws-challenges-paragraph {
    width: 75.5%;
    font-size: .8rem;
  }

  .paws-process-container {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
    height: 115vh;
    margin-top: 6em;
  }

  .paws-process-body-copy-div {
    width: 100%;
    padding-top: 0;
  }

  .behindthedesign-subhead-div {
    flex-flow: row-reverse;
    justify-content: flex-end;
    align-items: center;
    height: 5vh;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .behindthedesign-subhead {
    padding-left: .5em;
    font-size: 1.6rem;
  }

  .paws-process-paragraph-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 40vh;
  }

  .paws-process-paragraph {
    width: 85%;
    font-size: .8rem;
  }

  .paws-process-img-head-div {
    width: 50%;
    height: 85vh;
  }

  .paws-process2-slide-div {
    width: 95%;
    height: 55vh;
    margin-top: 0;
  }

  .paws-process2-body-div {
    width: 100%;
    margin-top: 0;
  }

  .paws-process2-subhead-div {
    height: 5vh;
    margin-bottom: 1.5em;
  }

  .paws-process2-subhead-subdiv {
    height: 5vh;
  }

  .paws-process2-subheader {
    font-size: 1.6rem;
  }

  .paws-process2-bodycopy-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
  }

  .paws-process2-paragraph {
    width: 80%;
    font-size: .8rem;
  }

  .paws-brandidentity-container {
    height: 105vh;
    margin-top: 6em;
  }

  .paws-primary-logo-div {
    height: 35vh;
  }

  .paws-primary-logo-subhead {
    font-size: .8rem;
  }

  .paws-primary-logo-img-div, .paws-primary-logo, .logo-firguremark-div {
    height: 30vh;
  }

  .paws-fonts-colors-div, .paws-primary-font-div {
    height: 35vh;
  }

  .paws-fonts-div {
    height: 30vh;
  }

  .paws-primary-fonts-img {
    padding-left: 2em;
    padding-right: 2em;
  }

  .paws-color-palette-div {
    height: 35vh;
  }

  .paws-color-swatches-div {
    height: 30vh;
  }

  .paws-orange-swatch-div, .paws-yellow-swatch-div {
    width: 40%;
    height: 11vh;
  }

  .paws-alternate-logos-div, .paws-alternate-logo1-div {
    height: 35vh;
  }

  .paws-alternate-logo1-img-div {
    height: 30vh;
  }

  .paws-alternate-logo2-div {
    height: 35vh;
  }

  .paws-alternate-logo2-imgdiv {
    height: 30vh;
  }

  .paws-primary-figuremark-subhead, .primary-font-text-paws {
    font-size: .8rem;
  }

  .paws-process2-container2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 90vh;
    margin-top: 8em;
    padding-bottom: 0;
  }

  .collar-process-container {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
    height: 90vh;
    margin-top: 4em;
    padding-bottom: 0;
  }

  .collar-process-img-div {
    width: 95%;
    height: 55vh;
    margin-top: 0;
  }

  .collar-process-body-div {
    width: 100%;
    margin-top: 0;
  }

  .collar-process-subhead-div {
    flex-flow: row-reverse;
    height: 5vh;
    margin-bottom: 1.5em;
  }

  .collar-process-subhead-subdiv {
    height: 5vh;
  }

  .collar-process-subhead {
    padding-left: .5em;
    font-size: 1.6rem;
  }

  .collar-process-bodycopy-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 30vh;
    margin-left: 0;
  }

  .collar-process-paragraph {
    width: 68%;
    font-size: .8rem;
  }

  .paws-results-container {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
    width: 667px;
    height: 100vh;
    margin-top: 6em;
  }

  .paws-results-bodycopy-div {
    width: 100%;
  }

  .paws-likely-results-subhead {
    flex-flow: row-reverse;
    justify-content: flex-end;
    align-items: center;
    height: 5vh;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .paws-likely-results-subheader {
    padding-left: .5em;
    font-size: 1.6rem;
  }

  .paws-results-paragraph-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 20vh;
    padding-left: 0;
  }

  .paws-results-paragraph {
    width: 82%;
    padding-left: 1.5em;
    font-size: .8rem;
  }

  .paws-results-img-header-div {
    width: 55%;
    height: 90vh;
  }

  .step1-heading {
    font-size: .8rem;
  }

  .round1-paws-slide2 {
    background-position: 50% 80%;
  }

  .round1-slide2-header {
    font-size: .8rem;
  }

  .round2-paws-slider3 {
    background-position: 50% 55%;
  }

  .round2-slide3-header {
    font-size: .8rem;
  }

  .round3-paws-slide4 {
    background-position: 50% 100%;
  }

  .round3-slide4-header {
    font-size: .8rem;
  }

  .finaldesign-paws-slide5 {
    background-position: 50% 45%;
  }

  .final-design-slide5-header, .greencollar-slide1-header, .orange-collar-slide2-header {
    font-size: .8rem;
  }

  .final-collar-slider {
    background-position: 50% 55%;
  }

  .final-collardesign-slide3-header {
    font-size: .8rem;
  }

  .paws-casestudy-end-container {
    height: 40vh;
    margin-top: 4em;
  }

  .paws-seemywork-section {
    justify-content: flex-end;
    align-items: center;
    height: 20vh;
    padding-right: 2em;
  }

  .paws-mywork-link {
    width: 100%;
  }

  .paws-mywork-subsection {
    justify-content: flex-end;
    align-items: center;
  }

  .paws-mywork-reddot-div {
    justify-content: center;
    align-items: center;
  }

  .paws-mywork-div {
    width: 55%;
  }

  .paws-seemywork-heading {
    font-size: 4.4rem;
  }

  .laf-hero-container {
    height: 90vh;
    padding-top: 0;
  }

  .lafayette-hero-img-div {
    height: 60vh;
  }

  .laf-summ-contaainer {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    margin-top: 6em;
    padding-left: 0;
  }

  .laf-summ-img-div {
    width: 65%;
    margin-top: 0;
  }

  .laf-summ-img {
    height: 55vh;
  }

  .laf-summ-bodycopy-div {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .laf-summ-tagline-div {
    height: 5vh;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .laf-summ-subhead {
    font-size: 1.6rem;
  }

  .laf-summ-body-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 20vh;
  }

  .laf-summary-paragraph {
    width: 70%;
    font-size: .8rem;
  }

  .laf-goals-container {
    height: 30vh;
    margin-top: 4em;
  }

  .laf-goals-div {
    justify-content: center;
    align-items: center;
    height: 5vh;
  }

  .laf-goals-heading {
    font-size: 1.6em;
  }

  .laf-2goals-div {
    padding-left: 0;
  }

  .laf-goal1-div {
    width: 35%;
  }

  .laf-goal1-paragraph {
    width: 72%;
    font-size: .8rem;
  }

  .laf-goal2-paragraph {
    font-size: .8rem;
  }

  .laf-challenges-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    margin-top: 4em;
    padding-left: 0;
  }

  .laf-challenge-img-div {
    width: 60%;
    margin-top: 0;
  }

  .laf-challenge-img {
    height: 60vh;
  }

  .laf-challenge-body-div {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .laf-challenges-subhead-div {
    height: 5vh;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .laf-challenges-subheader-div {
    height: 5vh;
  }

  .laf-challenges-subhead {
    font-size: 1.6rem;
  }

  .laf-challenge-bodycopy-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 22vh;
    padding-left: 0;
  }

  .laf-challenges-paragraph {
    width: 75%;
    font-size: .8rem;
  }

  .laf-process-container {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
    padding-right: 0;
  }

  .laf-process-bodycopy-div {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 50vh;
  }

  .behind-the-design-laf-div {
    flex-flow: row-reverse;
    height: 5vh;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .behindthesite-subhead {
    padding-left: .5em;
    font-size: 1.6rem;
  }

  .laf-process-leadline-div {
    width: 20%;
  }

  .laf-process-paragraph-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 20vh;
    padding-left: 0;
  }

  .laf-process-paragraph {
    width: 68%;
    font-size: .8rem;
  }

  .laf-process-img-header-div {
    width: 55%;
    height: 75vh;
  }

  .laf-process2-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 98vh;
    margin-top: 6em;
    padding-bottom: 0;
    padding-left: 0;
  }

  .laf-process2-img-div {
    width: 60%;
    margin-top: 0;
  }

  .laf-process2-img {
    height: 60vh;
  }

  .laf-process2-body-div {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-top: 0;
  }

  .laf-process2-subhead-div {
    height: 5vh;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .laf-process2-leadline-div {
    width: 30%;
  }

  .laf-process2-subhead {
    font-size: 1.6rem;
  }

  .laf-process2-bodycopy-div {
    justify-content: center;
    align-items: flex-start;
    height: 28vh;
    padding-left: 0;
  }

  .laf-process2-paragraph {
    width: 13%;
    font-size: .8rem;
    line-height: 1.5rem;
  }

  .laf-identity-container {
    height: 100vh;
    margin-bottom: 0;
  }

  .laf-hero-header-div {
    height: 35vh;
  }

  .hero-header-subhead {
    font-size: .8rem;
  }

  .hero-header-img-div, .laf-hero-header-img-div {
    height: 30vh;
  }

  .laf-fonts-div, .laf-primary-font-div {
    height: 35vh;
  }

  .laf-heads-subheads-title {
    font-size: .8rem;
  }

  .laf-boska-font-div {
    height: 30vh;
    padding-left: 1em;
    padding-right: 1em;
  }

  .laf-font2-div {
    height: 35vh;
  }

  .laf-font2-title {
    font-size: .8rem;
  }

  .laf-font2-futura-div {
    height: 30vh;
    padding-left: 1em;
    padding-right: 1em;
  }

  .laf-color-palette-div, .swatches-div {
    height: 30vh;
  }

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

  .laf-results-container {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
    height: 95vh;
    margin-top: 8em;
  }

  .laf-results-bodycopy-div {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 35vh;
  }

  .laf-results-subhead-div {
    flex-flow: row-reverse;
    height: 5vh;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .laf-likely-results-subhead {
    padding-left: .5em;
    font-size: 1.6rem;
  }

  .laf-results-paragraph-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 15vh;
    padding-left: 0;
  }

  .laf-results-paragraph {
    width: 74%;
    font-size: .8rem;
  }

  .laf-results-img-header-div {
    width: 60%;
    height: 60vh;
  }

  .mywork-heading-container {
    height: 25vh;
    margin-top: 2em;
    padding-left: 1em;
  }

  .mywork-heading-div {
    justify-content: flex-start;
    align-items: center;
    height: 20vh;
  }

  .work-filters-div {
    justify-content: flex-start;
    align-items: center;
  }

  .all-filter-text, .all-filter-text.w--current, .packaging-filter-text, .branding-filter-text, .print-filter-text, .uiux-filter-text, .casestudy-filter-text {
    font-size: .8rem;
  }

  .my-work-heading {
    font-size: 4.4rem;
  }

  .works-container {
    height: 330vh;
    margin-bottom: 10em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .works-1-2-section {
    height: 55vh;
  }

  .curli-div-block {
    height: 50vh;
  }

  .curli-title-div-block {
    height: 8vh;
  }

  .curli-img-div {
    height: 35vh;
  }

  .curli-subhead-div {
    height: 12vh;
  }

  ._01-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 25%;
    height: 8vh;
  }

  ._01-subhead {
    font-size: 1.6rem;
  }

  .curli-heading {
    font-size: 1.8rem;
  }

  .work-description-div {
    height: 12vh;
    padding-left: .5em;
  }

  .works-description-subhead {
    font-size: 1.3rem;
    line-height: 1.4rem;
  }

  .work-kind-text {
    width: 75%;
    font-size: .8rem;
    line-height: 1rem;
  }

  .explore-more-div {
    width: 38%;
    height: 12vh;
  }

  .explore-more-link-block, .exploremore-text-div {
    height: 12vh;
  }

  .explore-more-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .red-explore-arrow {
    width: 30%;
  }

  .works-3-4-section, .works-5-6-section, .works-7-8-section, .works-9-10-section {
    height: 55vh;
  }

  .twe-div-bl {
    height: 45vh;
  }

  .twe-title-div-block {
    height: 8vh;
  }

  ._02-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 25%;
    height: 8vh;
  }

  ._02-subhead {
    font-size: 1.6rem;
  }

  .twe-heading {
    font-size: 1.8rem;
    line-height: 1.8rem;
  }

  .twe-img-div {
    height: 35vh;
  }

  .twe-subhead-div {
    height: 12vh;
  }

  .twe-work-description-div {
    height: 12vh;
    padding-left: .5em;
  }

  .twe-work-description-subhead {
    font-size: 1.3rem;
    line-height: 1.4rem;
  }

  .twe-work-kind-text {
    font-size: .8rem;
    line-height: 1rem;
  }

  .twe-explore-more-div {
    width: 38%;
    height: 12vh;
  }

  .twe-explore-more-link-block, .twe-explore-more-text-div {
    height: 12vh;
  }

  .twe-explore-more-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .twe-red-explore-arrow {
    width: 30%;
  }

  .hburg-title-div-block {
    height: 8vh;
  }

  ._03-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 25%;
    height: 8vh;
  }

  ._03-subhead {
    font-size: 1.6rem;
  }

  .hburg-heading {
    font-size: 1.8rem;
    line-height: 1.8rem;
  }

  .hburg-img-div {
    height: 35vh;
  }

  .hburg-subhead-div {
    height: 12vh;
  }

  .hburg-work-description-div {
    height: 12vh;
    padding-left: .5em;
  }

  .hburg-works-description-subhead {
    font-size: 1.3rem;
    line-height: 1.4rem;
  }

  .hburg-work-kind-text {
    font-size: .8rem;
    line-height: 1rem;
  }

  .hburg-explore-more-div {
    width: 38%;
    height: 12vh;
  }

  .hburg-explore-link-block, .hburg-explore-text-div {
    height: 12vh;
  }

  .hburg-explore-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .hburg-explore-arrow {
    width: 30%;
  }

  .steap-title-div-block {
    height: 8vh;
  }

  ._04-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 25%;
    height: 8vh;
  }

  ._04-subhead {
    font-size: 1.6rem;
  }

  .steap-heading {
    font-size: 1.8rem;
  }

  .steap-img-div {
    height: 35vh;
  }

  .steap-subhead-div {
    height: 12vh;
  }

  .steap-work-description-div {
    height: 12vh;
    padding-left: .5em;
  }

  .steap-works-description-subhead {
    font-size: 1.3rem;
    line-height: 1.4rem;
  }

  .steap-work-kind-text {
    font-size: .8rem;
    line-height: 1rem;
  }

  .steap-explore-more-div {
    width: 38%;
    height: 12vh;
  }

  .steap-explore-link-block, .steap-explore-text-div {
    height: 12vh;
  }

  .steap-explore-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .steap-explore-arrow {
    width: 30%;
  }

  .sws-div-block {
    height: 55vh;
  }

  .sws-title-div-block {
    height: 8vh;
  }

  ._05-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 25%;
    height: 8vh;
  }

  ._05-subhead {
    font-size: 1.6rem;
  }

  .sws-heading-div {
    width: 100%;
  }

  .sws-heading {
    text-align: center;
    word-break: normal;
    overflow-wrap: normal;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 8vh;
    padding-left: 0;
    font-size: 1.8rem;
    display: flex;
  }

  .sws-img-div {
    height: 35vh;
  }

  .sws-subhead-div {
    height: 12vh;
  }

  .sws-work-description-div {
    height: 12vh;
    padding-left: .5em;
  }

  .sws-works-description-subhead {
    font-size: 1.3rem;
    line-height: 1.4rem;
  }

  .sws-work-kind-text {
    font-size: .8rem;
    line-height: 1rem;
  }

  .sws-explore-div {
    width: 38%;
    height: 12vh;
  }

  .sws-explore-link-block, .sws-explore-text-div {
    height: 12vh;
  }

  .sws-explore-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .sws-explore-arrow {
    width: 30%;
  }

  .dc-title-div-block {
    height: 8vh;
  }

  ._06-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 25%;
    height: 8vh;
  }

  ._06-subhead {
    font-size: 1.6rem;
  }

  .dc-heading {
    font-size: 1.8rem;
  }

  .dc-img-div {
    height: 35vh;
  }

  .dc-subhead-div {
    height: 12vh;
  }

  .dc-work-description-div {
    height: 12vh;
    padding-left: .5em;
  }

  .dc-works-description-subhead {
    font-size: 1.3rem;
    line-height: 1.4rem;
  }

  .dc-work-kind-text {
    font-size: .8rem;
    line-height: 1rem;
  }

  .dc-explore-div {
    width: 38%;
    height: 12vh;
  }

  .dc-explore-link-block, .dc-explore-text-div {
    height: 12vh;
  }

  .dc-explore-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .dc-explore-arrow {
    width: 30%;
  }

  .superior-div-block {
    height: 55vh;
  }

  .superior-title-div {
    height: 8vh;
  }

  ._07-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 25%;
    height: 8vh;
  }

  ._07-subhead {
    font-size: 1.6rem;
  }

  .superior-heading {
    font-size: 1.8rem;
  }

  .superior-img-div {
    height: 35vh;
  }

  .superior-subhead-div {
    height: 12vh;
  }

  .sup-work-description-div {
    height: 12vh;
    padding-left: .5em;
  }

  .sup-work-description-subhead {
    font-size: 1.3rem;
    line-height: 1.4rem;
  }

  .superior-work-kind-text {
    font-size: .8rem;
    line-height: 1rem;
  }

  .superior-explore-div {
    width: 38%;
    height: 12vh;
  }

  .superior-explore-link-block, .superior-explore-text-div {
    height: 12vh;
  }

  .superior-explore-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .superior-explore-arrow {
    width: 30%;
  }

  .stratus-title-div {
    height: 8vh;
  }

  ._08-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 25%;
    height: 8vh;
  }

  ._08-subhead {
    font-size: 1.6rem;
  }

  .stratus-heading {
    font-size: 1.8rem;
  }

  .stratus-img-div {
    height: 35vh;
  }

  .stratus-subhead-div {
    height: 12vh;
  }

  .strat-work-description-div {
    height: 12vh;
    padding-left: .5em;
  }

  .strat-work-description-subhead {
    font-size: 1.3rem;
    line-height: 1.4rem;
  }

  .strat-work-kind-text {
    font-size: .8rem;
    line-height: 1rem;
  }

  .stratus-explore-div {
    width: 38%;
    height: 12vh;
  }

  .stratus-explore-link-block, .stratus-explore-text-div {
    height: 12vh;
  }

  .stratus-explore-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .stratus-explore-arrow {
    width: 30%;
  }

  .nuuly-div-block {
    height: 55vh;
  }

  .nuuly-title-div {
    height: 8vh;
  }

  ._09-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 25%;
    height: 8vh;
  }

  ._09-subhead {
    font-size: 1.6rem;
  }

  .nuuly-heading {
    font-size: 1.8rem;
  }

  .nuuly-img-div {
    height: 35vh;
  }

  .nuuly-subhead-div {
    height: 12vh;
  }

  .nuuly-work-description-div {
    height: 12vh;
    padding-left: .5em;
  }

  .nuuly-work-description-subhead {
    font-size: 1.3rem;
    line-height: 1.4rem;
  }

  .nuuly-work-kind-text {
    font-size: .8rem;
    line-height: 1rem;
  }

  .nuuly-explore-div {
    width: 38%;
    height: 12vh;
  }

  .nuuly-explore-link-block, .nuuly-explore-text-div {
    height: 12vh;
  }

  .nuuly-explore-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .nuuly-explore-arrow {
    width: 30%;
  }

  .fall-layers-div-block {
    height: 55vh;
  }

  .fall-layers-title-div {
    height: 8vh;
  }

  ._10-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 25%;
    height: 8vh;
  }

  ._10-subhead {
    font-size: 1.6rem;
  }

  .fall-layers-img-div {
    height: 35vh;
  }

  .fall-subhead-div {
    height: 12vh;
  }

  .fall-work-description-div {
    height: 12vh;
    padding-left: .5em;
  }

  .fall-work-description-subhead {
    font-size: 1.3rem;
    line-height: 1.4rem;
  }

  .fall-work-kind-text {
    width: 80%;
    font-size: .8rem;
    line-height: 1rem;
  }

  .fall-layers-explore-div {
    width: 38%;
    height: 12vh;
  }

  .fall-explore-link-block, .fall-explore-text-div {
    height: 12vh;
  }

  .fall-layers-explore-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .fall-layers-explore-arrow {
    width: 30%;
  }

  .contact-me-container {
    justify-content: flex-end;
    align-items: center;
    height: 30vh;
    margin-top: 4em;
    margin-bottom: 4em;
  }

  .contact-transition-cta {
    font-size: 1.8rem;
  }

  .contact-me-section {
    height: 20vh;
    padding-left: 2em;
    padding-right: 2em;
  }

  .contact-me-link {
    width: 100%;
  }

  .contactme-reddot-div {
    justify-content: center;
    align-items: center;
  }

  .contactme-div {
    width: 100%;
  }

  .contactme-heading {
    font-size: 4.4rem;
  }

  .works-11-12-section, .movie-poster-div {
    height: 55vh;
  }

  .movie-poster-title-div {
    height: 8vh;
  }

  ._11-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 25%;
    height: 8vh;
  }

  ._11-subhead {
    font-size: 1.6rem;
  }

  .movie-poster-heading {
    font-size: 1.8rem;
    line-height: 1.8rem;
  }

  .movie-poster-img-div {
    height: 35vh;
  }

  .movieposter-subhead-div {
    height: 12vh;
  }

  .movposter-work-description-div {
    height: 12vh;
    padding-left: .5em;
  }

  .movposter-work-description-subhead {
    font-size: 1.3rem;
    line-height: 1.4rem;
  }

  .movposter-work-kind-text {
    font-size: .8rem;
    line-height: 1rem;
  }

  .movposter-explore-div {
    width: 38%;
    height: 12vh;
  }

  .movposter-explore-link-block, .movposter-explore-text-div {
    height: 12vh;
  }

  .movposter-explore-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .movposter-explore-arrow {
    width: 30%;
  }

  .hallo-div-block {
    height: 55vh;
  }

  .hallo-title-div {
    height: 8vh;
  }

  ._12-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 25%;
    height: 8vh;
  }

  ._12-subhead {
    font-size: 1.6rem;
  }

  .hallo-heading {
    font-size: 1.8rem;
    line-height: 1.8rem;
  }

  .hallo-img-div {
    height: 35vh;
  }

  .hallo-subhead-div {
    height: 12vh;
  }

  .hallo-work-description-div {
    height: 12vh;
    padding-left: .5em;
  }

  .hallo-work-description-subhead {
    width: 76%;
    font-size: 1.3rem;
    line-height: 1.4rem;
  }

  .hallo-work-kind-text {
    font-size: .8rem;
    line-height: 1rem;
  }

  .hallo-explore-div {
    width: 38%;
    height: 12vh;
  }

  .hallo-explore-link-block, .hallo-explore-text-div {
    height: 12vh;
  }

  .hallo-explore-text {
    margin-right: .5em;
    font-size: .8rem;
  }

  .hallo-explore-arrow {
    width: 30%;
  }

  .seemore-div-block, .paws-seemore-link-blk {
    height: 15vh;
  }

  .paws-seemore-link-txt {
    font-size: .7rem;
  }

  .laf-see-more-link-blk {
    height: 15vh;
  }

  .laf-seemore-link-txt {
    font-size: .7rem;
  }

  .packaging-filter-container {
    height: 110vh;
    margin-bottom: 10em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .package-work-1-2-sec, .package-work-3-4-sec {
    height: 55vh;
  }

  .steap-title-div-block-copy {
    height: 8vh;
  }

  .brand-works-container {
    height: 55vh;
    margin-bottom: 10em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .brand-work-1-2-sec {
    height: 55vh;
  }

  .twe-title-div-block-copy, .hburg-title-div-block-copy {
    height: 8vh;
  }

  .hburg-img-div-copy, .twe-img-div--copy {
    height: 35vh;
  }

  ._02-div-copy, ._03-div-copy {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 25%;
    height: 8vh;
  }

  .twe-explore-more-link-block-copy {
    height: 12vh;
  }

  .hburg-work-description-div-copy {
    height: 12vh;
    padding-left: .5em;
  }

  .hburg-subhead-div-copy {
    height: 12vh;
  }

  .all-filter-text-copy, .branding-filter-text-page.w--current {
    font-size: .8rem;
  }

  .print-works-container {
    height: 112vh;
    margin-bottom: 10em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .print-works-1-2-sec, .print-work-3-4-sec {
    height: 55vh;
  }

  .sws-title-div-block-copy, .stratus-title-div-copy {
    height: 8vh;
  }

  .ui-ux-works-container {
    height: 112vh;
    margin-bottom: 10em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .ui-ux-work-1-2-sec, .ui-ux-work-3-4-sec {
    height: 55vh;
  }

  .dc-title-div-block-copy, .nuuly-title-div-copy {
    height: 8vh;
  }

  .nuuly-img-div-copy {
    height: 35vh;
  }

  .packaging-filter-text-red.w--current, .print-filter-text-red.w--current, .uiux-filter-text-red.w--current {
    font-size: .8rem;
  }

  .twe-container {
    height: 105vh;
    margin-left: 1em;
    margin-right: 1em;
  }

  .back-button-section {
    justify-content: flex-start;
    align-items: center;
    margin-top: 2em;
    padding-left: 1em;
  }

  .twe-poster-div {
    height: 60vh;
  }

  .twe-info-sec {
    width: 50%;
  }

  .twe-info-div {
    height: 30vh;
  }

  .twe-page-heading {
    justify-content: center;
    align-items: center;
    height: 6vh;
    font-size: 1.8rem;
    line-height: 1.8rem;
    display: flex;
  }

  .twe-description {
    width: 84%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .twe-poster-sec {
    width: 50%;
  }

  .twe-objective-heading {
    font-size: .8rem;
  }

  .twe-description-div {
    height: 25vh;
  }

  .twe-header-div {
    justify-content: center;
    align-items: center;
    height: 6vh;
    padding-top: 0;
  }

  .twe-objective-info-div {
    height: 21vh;
  }

  .twe-objective-head-div {
    height: 3vh;
    padding-left: 1em;
  }

  .twe-objective {
    width: 85%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .tools-used-div {
    height: 3vh;
    padding-left: 1em;
  }

  .tools-used-heading {
    width: 50%;
    font-size: .8rem;
  }

  .tools-div {
    height: 11vh;
    padding-left: 3.5em;
  }

  .adobe-tools-text {
    padding-left: 0;
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .twe-about-div {
    height: 3vh;
    padding-left: 1em;
  }

  .twe-about-heading {
    font-size: .8rem;
  }

  .poster-info-section {
    height: 60vh;
  }

  .brochure-section {
    height: 45vh;
  }

  .lanyard-div {
    justify-content: flex-start;
    align-items: flex-start;
    height: 45vh;
  }

  .twe-lanyard-img-div {
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 45vh;
    padding-top: 1em;
  }

  .brochure-pics-div {
    width: 50.3%;
    height: 45vh;
  }

  .twe-brochure-slider {
    height: 45vh;
  }

  .twe-slide-right-arrow, .twe-slider-left-arrow {
    width: 15%;
  }

  .slide-nav {
    width: 50%;
  }

  .steap-div-block-copy {
    height: 55vh;
  }

  .steap-subhead-div-copy {
    height: 12vh;
  }

  .curli-div-block-copy, .superior-div-block-copy, .twe-div-block-copy {
    height: 55vh;
  }

  .twe-explore-more-div-copy {
    height: 12vh;
  }

  .sws-div-block-copy, .stratus-div-block-copy, .movie-poster-div-copy, .hallo-div-block-copy, .dc-div-block-copy, .nuuly-div-block-copy {
    height: 55vh;
  }

  .nuuly-subhead-div-copy {
    height: 12vh;
  }

  .hburg-div-block-copy {
    height: 55vh;
  }

  .hburg-container {
    height: 64vh;
    margin-bottom: 4em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .hburg-info-sec, .hburg-mockup-img-div, .hburg-info-text-sec {
    height: 64vh;
  }

  .hburg-info-div {
    height: 32vh;
  }

  .hburg-header-div {
    justify-content: center;
    align-items: center;
    height: 8vh;
    padding-top: 0;
  }

  .hburg-page-heading {
    justify-content: center;
    align-items: center;
    height: 8vh;
    font-size: 1.8rem;
    line-height: 1.8rem;
    display: flex;
  }

  .hburg-about-div {
    height: 3vh;
    padding-left: 1em;
  }

  .hburg-about-header {
    font-size: .8rem;
  }

  .hburg-description {
    width: 80%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .hburg-objective-info-div {
    height: 21vh;
  }

  .hburg-objective-header-div {
    height: 3vh;
    padding-left: 1em;
  }

  .hburg-objective-heading {
    font-size: .8rem;
  }

  .hburg-objective {
    width: 80%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .hburg-tools-div {
    height: 8.01vh;
    padding-left: 3.5em;
  }

  .hburg-adobe-tools-text {
    padding-left: 0;
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .sws-container {
    height: 115vh;
    margin-bottom: 8em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .sws-cover-info-sec {
    border-left: 2px solid #0c0c0c;
    height: 65vh;
  }

  .sws-cover-div {
    border-top-color: #0c0c0c;
    border-bottom-width: 2px;
    border-bottom-color: #0c0c0c;
    border-left-width: 0;
    border-left-color: #0c0c0c;
    border-right-width: 0;
    height: 52vh;
  }

  .sws-info-sec {
    border-left: 2px solid #0c0c0c;
    width: 55%;
    height: 65vh;
  }

  .sws-info-div {
    height: 37vh;
  }

  .sws-header-div {
    justify-content: center;
    align-items: center;
    height: 6vh;
    padding-top: 0;
  }

  .sws-page-heading {
    justify-content: center;
    align-items: center;
    height: 6vh;
    font-size: 1.8rem;
    display: flex;
  }

  .sws-about-div {
    height: 3vh;
    padding-left: 1em;
  }

  .sws-about-heading {
    font-size: .8rem;
  }

  .sws-description-div {
    height: 28vh;
  }

  .sws-description {
    width: 83%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .sws-description-info-div {
    height: 15vh;
  }

  .sws-objective-head-div {
    height: 3vh;
    padding-left: 1em;
  }

  .sws-objective-heading {
    font-size: .8rem;
  }

  .sws-objective-p-div {
    height: 12vh;
  }

  .sws-objective {
    width: 82%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .sws-tools-div {
    height: 10vh;
  }

  .sws-tools-used-text {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .magazine-pgs-sec {
    border-bottom-width: 0;
    height: 50vh;
  }

  .magazine-pgs-div, .sws-magazine-pgs-slider {
    height: 50vh;
  }

  .sws-slider-left-arrow, .sws-slider-right-arrow {
    width: 6%;
  }

  .dcloth-container {
    height: 73vh;
    margin-bottom: 8em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .dc-info-section {
    height: 73vh;
  }

  .dc-main-img-div {
    background-position: 60%;
    border-right-width: 0;
    height: 55vh;
  }

  .dc-info-sec {
    border-left: 2px solid #0c0c0c;
    width: 50%;
    height: 73vh;
  }

  .dc-info-div {
    height: 37vh;
  }

  .dc-header-div {
    height: 6vh;
    padding-top: 0;
  }

  .dcloth-page-heading {
    justify-content: center;
    align-items: center;
    height: 6vh;
    font-size: 1.8rem;
    display: flex;
  }

  .dc-about-div {
    height: 3vh;
    padding-left: 1em;
  }

  .dc-about-heading {
    font-size: .8rem;
  }

  .dc-description-div {
    height: 28vh;
  }

  .dcloth-description {
    width: 82%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .dc-objective-info-div {
    height: 18vh;
  }

  .dc-objective-header-div {
    height: 3vh;
    padding-left: 1em;
  }

  .dc-objective-heading {
    font-size: .8rem;
  }

  .dcloth-objective {
    width: 72%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .dc-tools-div {
    height: 11vh;
  }

  .dc-tools-used {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .dcloth-link-txt-block {
    width: 78%;
    font-size: .8rem;
  }

  .dcloth-link-div {
    height: 4vh;
  }

  .halloween-container {
    height: 65vh;
    margin-bottom: 8em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .hallo-poster-section {
    height: 65vh;
  }

  .hallo-poster-div {
    border-right-width: 0;
    height: 50vh;
  }

  .hallo-info-sec {
    border-left: 2px solid #0c0c0c;
    height: 65vh;
  }

  .hallo-info-div {
    height: 30vh;
  }

  .hallo-header-div {
    justify-content: center;
    align-items: center;
    height: 7.5vh;
    padding-top: 0;
  }

  .hallo-page-heading {
    justify-content: center;
    align-items: center;
    height: 7.5vh;
    font-size: 1.8rem;
    line-height: 1.8rem;
    display: flex;
  }

  .hallo-about-div {
    height: 3vh;
    padding-left: 1em;
  }

  .hallo-about-heading {
    font-size: .8rem;
  }

  .poster-description {
    width: 80%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .exhibition-info-div {
    height: 20vh;
  }

  .exhibition-head-div {
    height: 3vh;
    padding-left: 1em;
  }

  .exhibition-heading {
    font-size: .8rem;
  }

  .exhibition-info {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .hallo-tools-head-div {
    height: 3vh;
    padding-left: 1em;
  }

  .hallo-tools-div {
    height: 12vh;
  }

  .hallo-tools-text {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .superior-container {
    height: 125vh;
    margin-bottom: 8em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .superior-main-img-sec {
    height: 67vh;
  }

  .superior-img-sec {
    width: 50%;
    height: 67vh;
  }

  .superior-main-img-div {
    border-bottom-width: 2px;
    border-bottom-color: #0c0c0c;
    height: 67vh;
  }

  .superior-info-sec {
    width: 50%;
    height: 67vh;
  }

  .superior-info-div {
    height: 32vh;
  }

  .superior-header-div {
    height: 6vh;
    padding-top: 0;
  }

  .superior-page-heading {
    justify-content: center;
    align-items: center;
    height: 6vh;
    font-size: 1.8rem;
    display: flex;
  }

  .superior-about-div {
    height: 3vh;
    padding-left: 1em;
  }

  .superior-about-heading {
    font-size: .8rem;
  }

  .superior-description {
    width: 82%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .superior-objective-info-div {
    height: 21vh;
  }

  .superior-objective-header-div {
    height: 3vh;
    padding-left: 1em;
  }

  .superior-objective-heading {
    font-size: .8rem;
  }

  .superior-objective {
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .superior-tools-div {
    border-bottom-width: 2px;
    height: 11vh;
  }

  .superior-tools-used {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .superior-other-img-sec {
    margin-top: 0;
  }

  .superior-can-back-div, .superior-tilted-can-div {
    border-top-width: 0;
    height: 58vh;
  }

  .stratus-container {
    height: 124vh;
    margin-bottom: 8em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .stratus-cover-img-sec {
    width: 55%;
  }

  .stratus-cover-div {
    background-position: 53%;
    height: 64vh;
  }

  .stratus-info-sec {
    width: 45%;
    height: 60vh;
  }

  .stratus-info-div {
    height: 29vh;
  }

  .stratus-header-div {
    height: 6vh;
    padding-top: 0;
  }

  .stratus-page-heading {
    justify-content: center;
    align-items: center;
    height: 6vh;
    font-size: 1.8rem;
    display: flex;
  }

  .stratus-about-div {
    height: 3vh;
    padding-left: 1em;
  }

  .stratus-about-heading {
    font-size: .8rem;
  }

  .stratus-description-div {
    height: 23vh;
  }

  .stratus-description {
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .stratus-objective-info-div {
    height: 21vh;
  }

  .stratus-objective-head-div {
    height: 3vh;
    padding-left: 1em;
  }

  .stratus-objective-heading {
    font-size: .8rem;
  }

  .stratus-tools-used-div {
    height: 3vh;
    padding-left: 1em;
  }

  .stratus-objective {
    width: 82%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .zine-pgs-sec {
    border-bottom-width: 0;
    height: 88vh;
  }

  .zine-pages-div, .stratus-zine-slider {
    height: 60vh;
  }

  .fall-layers-container {
    height: 128vh;
    margin-bottom: 8em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .fall-layers-main-img-sec {
    border-bottom: 2px solid #0c0c0c;
    height: 73vh;
  }

  .fall-main-img-sec {
    width: 55%;
  }

  .fall-main-vid-div {
    background-position: 44%;
    border-right-width: 0;
    height: 73vh;
  }

  .fall-layers-info-sec {
    border-left: 2px solid #0c0c0c;
    width: 55%;
    height: 73vh;
  }

  .fall-layers-info-div {
    height: 34vh;
  }

  .fall-layers-header-div {
    justify-content: center;
    align-items: center;
    height: 6vh;
    padding-top: 0;
  }

  .fall-layers-page-heading {
    justify-content: center;
    align-items: center;
    height: 6vh;
    font-size: 1.8rem;
    display: flex;
  }

  .fall-layers-about-div {
    height: 3vh;
    padding-left: 1em;
  }

  .fall-layers-about-heading {
    font-size: .8rem;
  }

  .fall-layers-description-div {
    height: 29vh;
  }

  .fall-layers-description {
    width: 85%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .fall-layers-objective-info-div {
    height: 25vh;
  }

  .fall-objective-head-div {
    height: 3vh;
    padding-left: 1em;
  }

  .fall-layers-objective-heading {
    font-size: .8rem;
  }

  .fall-layers-objective {
    width: 85%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .fall-layers-tools-used {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .fall-layers-tools-div {
    border-bottom-width: 0;
    height: 11vh;
  }

  .movie-poster-container {
    height: 64vh;
    margin-bottom: 8em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .movie-poster-info-sec {
    border-bottom: 2px solid #0c0c0c;
    height: 64vh;
  }

  .mov-poster-div {
    border-bottom-width: 2px;
    border-bottom-color: #0c0c0c;
    height: 64vh;
  }

  .mov-poster-info-sec {
    width: 45%;
    height: 64vh;
  }

  .movie-poster-info-div {
    height: 28vh;
  }

  .pageofmadness-header-div {
    justify-content: center;
    align-items: center;
    height: 7.5vh;
    padding-top: 0;
  }

  .pageofmadness-heading {
    justify-content: center;
    align-items: center;
    height: 7.5vh;
    font-size: 1.8rem;
    line-height: 1.8rem;
    display: flex;
  }

  .mov-poster-about-div {
    height: 3vh;
    padding-left: 1em;
  }

  .mov-poster-about-heading {
    font-size: .8rem;
  }

  .mov-poster-description {
    width: 85%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .mov-poster-objective-info-div {
    height: 25vh;
  }

  .mov-objective-head-div {
    height: 3vh;
    padding-left: 1em;
  }

  .mov-objective-heading {
    font-size: .8rem;
  }

  .mov-poster-objective {
    width: 78%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .mov-poster-tools-div {
    border-bottom-width: 0;
    height: 8vh;
  }

  .mov-poster-tools-text {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .nuuly-container {
    height: 60vh;
    margin-bottom: 8em;
    margin-left: 1em;
    margin-right: 1em;
  }

  .nuuly-info-section {
    height: 60vh;
  }

  .nuuly-vid-div {
    height: 40vh;
  }

  .nuuly-info-sec {
    width: 45%;
    height: 60vh;
  }

  .nuuly-info-div {
    height: 25vh;
  }

  .nuuly-header-div {
    justify-content: center;
    align-items: center;
    height: 7.5vh;
    padding-top: 0;
  }

  .nuuly-page-heading {
    justify-content: center;
    align-items: center;
    width: 90%;
    height: 7.5vh;
    font-size: 1.8rem;
    line-height: 1.8rem;
    display: flex;
  }

  .nuuly-about-div {
    height: 3vh;
    padding-left: 1em;
  }

  .nuuly-about-heading {
    font-size: .8rem;
  }

  .nuuly-description {
    width: 83%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .nuuly-objective-info-div {
    height: 21vh;
  }

  .nuuly-objective-header-div {
    height: 3vh;
    padding-left: 1em;
  }

  .nuuly-objective-heading {
    font-size: .8rem;
  }

  .nuuly-objective {
    width: 83%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .nuuly-tools-div {
    height: 11vh;
  }

  .nuuly-tools-text {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .nuuly-video {
    height: 26vh;
  }

  .curli-container {
    height: 113vh;
    margin-left: 1em;
    margin-right: 1em;
  }

  .curli-main-img-sec {
    height: 62vh;
  }

  .curli-img-sec {
    width: 50%;
  }

  .curli-main-img-div {
    height: 62vh;
  }

  .curli-info-sec {
    width: 50%;
    height: 50vh;
  }

  .curli-info-div {
    height: 30vh;
  }

  .curli-header-div {
    justify-content: center;
    align-items: flex-start;
    height: 6vh;
    padding-top: 0;
  }

  .curli-page-heading {
    height: 6vh;
    font-size: 1.8rem;
  }

  .curli-about-div {
    height: 3vh;
    padding-left: 1em;
  }

  .curli-about-heading {
    font-size: .8rem;
  }

  .curli-description {
    width: 86%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .curli-objective-info-div {
    height: 17vh;
  }

  .curli-objective-header-div {
    height: 3vh;
    padding-left: 1em;
  }

  .curli-objective-heading {
    font-size: .8rem;
  }

  .curli-objective-p-div {
    height: 20vh;
  }

  .curli-objective {
    width: 72%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .curli-tools-used-div {
    height: 3vh;
    padding-left: 1em;
  }

  .curli-tools-div {
    height: 12vh;
    padding-left: 3.5em;
  }

  .curli-tools-used {
    padding-left: 0;
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .curli-other-imgs-sec {
    height: 50vh;
    margin-top: 0;
  }

  .whats-inside-div {
    height: 50vh;
  }

  .curli-slider-div {
    width: 50.5%;
    height: 50vh;
  }

  .curli-slider {
    height: 50vh;
  }

  .curli-slider-left-arrow, .curli-slider-right-arrow {
    width: 14%;
  }

  .thanks-card-slide {
    background-position: 70%;
  }

  .footer-light {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-copyright {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-social-block-two {
    margin-top: 20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .site-footer {
    padding-left: 15px;
    padding-right: 15px;
  }

  .written-d-white-div {
    width: 13%;
    margin-left: .5em;
    margin-right: 1rem;
  }

  .home-footer-links-div {
    width: 18%;
  }

  .contact-footer-div {
    width: 19%;
  }

  .footer-page-links-sec {
    width: 80%;
  }

  .work-footer-links-div, .about-footer-links-div {
    width: 18%;
  }

  .laf-hotel-txt-block {
    width: 70%;
    font-size: 1rem;
  }

  .pawsitive-dropdown-link, .lafayette-dropdown-link {
    padding-left: 10px;
    font-size: 1.3rem;
  }

  .steap-container {
    height: 105vh;
    margin-left: 1em;
    margin-right: 1em;
  }

  .steap-main-img-section {
    height: 59vh;
  }

  .steap-img-sec {
    width: 57%;
  }

  .steap-main-img-div {
    background-repeat: repeat;
    background-size: contain;
    background-attachment: scroll;
    height: 59vh;
  }

  .steap-info-section {
    width: 43%;
    height: 59vh;
  }

  .steap-info-div {
    height: 27vh;
  }

  .steap-header-div {
    justify-content: center;
    align-items: center;
    height: 6vh;
    padding-top: 0;
  }

  .steap-page-heading {
    justify-content: center;
    align-items: center;
    height: 6vh;
    font-size: 1.8rem;
    display: flex;
  }

  .steap-about-div {
    height: 3vh;
    padding-left: 1em;
  }

  .steap-about-heading {
    font-size: .8rem;
  }

  .steap-description {
    width: 82%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .steap-objective-info-div {
    height: 21vh;
  }

  .steap-objective-head-div {
    height: 3vh;
    padding-left: 1em;
  }

  .steap-objective-heading {
    font-size: .8rem;
  }

  .steap-objective {
    width: 84%;
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .steap-tools-div {
    height: 8vh;
    padding-left: 3.5em;
  }

  .steap-tools-used-text {
    padding-left: 0;
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .steap-extra-section {
    height: 40vh;
  }

  .layers-of-fall-heading {
    font-size: 1.8rem;
  }

  .fall-layers-video-sec, .fall-layers-poster-div, .fall-layers-vd-div {
    height: 55vh;
  }

  .fall-layers-vid {
    height: 50vh;
  }

  .shoe-case-study-sec {
    height: 15vh;
  }

  .shoe-01-subhead {
    font-size: 1.8em;
  }

  .shoe-heading {
    font-size: 1.6rem;
  }

  .shoe-design-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 50%;
  }

  .shoe-subheads-div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .shoedesign-subhead {
    font-size: 1.3rem;
  }

  .shoe-sub-subhead {
    font-size: .7rem;
  }

  .see-more-shoe-div, .seemore-shoe-div-block {
    height: 15vh;
  }

  .shoe-seemore-link-txt {
    width: 60%;
    font-size: .7rem;
  }

  .shoe-imgs-section, .shoe-img1-div, .shoe-img2-div, .shoe-img3-div {
    height: 30vh;
  }

  .dropdown-casestudy-div-shoe {
    width: 82%;
    margin-left: 2em;
  }

  .shoe-case-studydropdown {
    width: 90%;
  }

  .shoe-casestudy-dropdown-toggle {
    margin-left: 0;
    padding-left: 10px;
  }

  .shoe-dropdown-head {
    font-size: 1.3rem;
  }

  .vare-dropdownlink {
    padding-left: 10px;
    font-size: 1.3rem;
  }

  .shoe-hero-img-div {
    height: 65vh;
  }

  .shoe-summ-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 70vh;
    margin-top: 6em;
    margin-bottom: 2em;
    padding-left: 0;
  }

  .shoe-summary-img-div {
    width: 65%;
    margin-top: 0;
  }

  .shoe-summary-imgdiv {
    height: 30vh;
  }

  .shoe-summary-bodycopy-div {
    width: 100%;
    height: 55vh;
  }

  .shoedesign-subhead-div {
    height: 5vh;
    margin-top: 1.5em;
  }

  .shoedesign-subhead-subdiv {
    padding-left: 1em;
  }

  .shoe-summary-body-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 20vh;
    padding-left: 0;
  }

  .shoe-summary-paragraph {
    width: 70%;
    margin-left: 1.5em;
    line-height: 1.6rem;
  }

  .shoe-goals-container {
    margin-top: 0;
    margin-bottom: 2em;
  }

  .shoe-research-question {
    width: 65%;
    font-size: 1.6rem;
  }

  .shoe-3goals-div {
    justify-content: center;
    align-items: flex-start;
    height: 13vh;
    padding-left: 0;
  }

  .shoe-goal1-div {
    width: 55%;
  }

  .shoe-goal1-paragraph {
    width: 82%;
    line-height: 1.6rem;
  }

  .shoe-mission-div {
    width: 41%;
  }

  .shoe-mission-paragraph {
    line-height: 1.6rem;
  }

  .shoe-vision-div {
    width: 40%;
    margin-left: 2em;
  }

  .shoe-vision-paragraph {
    line-height: 1.6rem;
  }

  .shoe-challenge-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 85vh;
    margin-bottom: 0;
  }

  .shoe-challenge-img-div {
    width: 65%;
  }

  .shoe-challenges-img-div {
    height: 35vh;
  }

  .shoe-challenges-body-div {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 60vh;
  }

  .shoe-challenges-subhead-div {
    height: 5vh;
    margin-top: 1.5em;
  }

  .shoe-challenges-leadline-div {
    width: 15%;
  }

  .shoe-challenges-subheader {
    font-size: 1.6rem;
  }

  .shoe-summary-bodydiv {
    justify-content: center;
    align-items: flex-start;
    height: 20vh;
    padding-left: 0;
  }

  .shoe-challnges-paragraph {
    width: 65%;
    line-height: 1.6rem;
  }

  .shoe-process-container {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
    height: 86vh;
    margin-top: 4em;
    margin-bottom: 6em;
  }

  .shoe-process-bodycopy-div {
    width: 100%;
  }

  .shoe-process-subhead {
    flex-flow: row-reverse;
    height: 5vh;
    margin-top: 1.5em;
    margin-bottom: 1em;
  }

  .shoe-process-subheading {
    padding-left: .5em;
    font-size: 1.6rem;
  }

  .shoe-process-leadline-div {
    width: 20%;
  }

  .shoe-process-paragraph-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 20vh;
    padding-left: 0;
  }

  .shoe-process-paragraph {
    width: 65%;
    font-size: .8rem;
  }

  .shoe-process-img-header-div {
    width: 85%;
    height: 55vh;
  }

  .shoe-results-container {
    flex-flow: column-reverse;
    margin-top: 2rem;
    margin-bottom: 0;
  }

  .shoe-results-bodycopy-div {
    width: 100%;
  }

  .shoe-likelyresults-subhead-div {
    flex-flow: row-reverse;
    height: 5vh;
    margin-top: 1.5em;
  }

  .shoe-likely-results-subhead {
    padding-left: .5em;
    font-size: 1.6rem;
  }

  .shoe-results-leadline-div {
    width: 25%;
  }

  .shoe-results-paragraph-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
  }

  .shoe-results-paragraph {
    width: 75%;
    font-size: .8rem;
  }

  .shoe-results-img-header-div {
    background-size: 700px;
    width: 70%;
    height: 50vh;
  }

  .dropdown-casestudy-div-vare {
    width: 80%;
  }

  .vare-case-studydropdown {
    width: 100%;
  }

  .vare-casestudy-dropdown-toggle {
    width: 61%;
  }

  .varee-dropdown-head, .shoe-dropdownlink-varepg, .pawsitive-dropdown-link-varepg, .lafayette-dropdown-link-varepg {
    font-size: 1.3rem;
  }

  .dropdown-casestudy-div-pawsitive {
    width: 78%;
  }

  .paws-case-study-dropdown-toggle {
    width: 62%;
  }

  .pawsitive-dropdown-head {
    font-size: 1.3rem;
  }

  .vare-dropdown-link-pawspg, .lafayette-dropdown-link-pawspg, .shoe-dropdownlink-pawspg {
    padding-left: 10px;
    font-size: 1.3rem;
  }

  .laf-dropdown-casestduyd-div {
    width: 78%;
    margin-left: 2em;
  }

  .laf-casestudy-dropdown-toggle {
    width: 78%;
    padding-left: 10px;
  }

  .lafayette-cs-dropdown-head {
    font-size: 1.3rem;
  }

  .paws-dropdownlink-lafhotelpg.w--current {
    height: 10.2vh;
    padding-left: 10px;
    font-size: 1.3rem;
  }

  .shoe-dropdownlink-lafhotelpg, .vare-dropdown-link-lafhotelpg {
    padding-left: 10px;
    font-size: 1.3rem;
  }

  .identity-subheading {
    color: #0c0c0c;
    font-size: 1.6rem;
  }

  .process-book-slider {
    height: 55vh;
  }

  .prototypes-imgs-container {
    height: 145vh;
    margin-top: 6rem;
    margin-bottom: 0;
  }

  .poster-section {
    height: 70vh;
    margin-top: 0;
    margin-bottom: 0;
  }

  .shoe-poster-img-div {
    width: 95%;
    height: 57vh;
  }

  .shoe-poster-heading {
    font-size: 1.6rem;
  }

  .sneaker-book-img-section {
    justify-content: flex-start;
    align-items: center;
    height: 70vh;
    margin-top: 2em;
  }

  .sneaker-book-imgs-div {
    width: 95%;
    height: 55vh;
  }

  .sneaker-book-header-div {
    width: 65%;
  }

  .sneaker-book-heading {
    font-size: 1.6rem;
  }

  .sneaker-book-slider {
    height: 55vh;
  }

  .mail-foot-linkblk {
    width: 30%;
  }

  .linkedin-foot-linkblk {
    width: 25%;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-2 {
    flex-direction: column;
    height: 25vh;
    padding-top: 1.25em;
    padding-bottom: 1.5em;
    padding-left: 0;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .name-logo-div {
    width: 45vh;
    height: 25vh;
    top: -140.633px;
    left: -190.328px;
  }

  .fall-layers-div-block-copy {
    height: 55vh;
  }

  .fall-subhead-div-copy {
    height: 12vh;
  }

  .dc-img-div-copy {
    height: 35vh;
  }

  .dc-explore-text-div-copy {
    height: 12vh;
  }

  .fall-layers-img-div-copy {
    height: 35vh;
  }

  .fall-layers-title-div-copy, .tea-labels-div {
    height: 8vh;
  }

  .generic-heading-div {
    justify-content: center;
    align-items: center;
    width: 33.4%;
    height: 8vh;
    display: flex;
  }

  .organic-heading-div {
    justify-content: center;
    align-items: center;
    width: 34.2%;
    height: 8vh;
    display: flex;
  }

  .expensive-heading-div {
    justify-content: center;
    align-items: center;
    height: 8vh;
    display: flex;
  }

  .generic-heading, .organic-heading, .heading-6 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.6rem;
  }

  .image-45 {
    width: 60%;
  }

  .shoe-summ-reddot-img {
    width: 5%;
  }

  .image-49 {
    width: 9%;
  }

  .image-50 {
    width: 5%;
  }

  .process-vare-header {
    text-align: center;
    margin-top: .4em;
    padding-right: 0;
    font-size: 4.4rem;
  }

  .challenges-vare-header, .summary-vare-header {
    text-align: center;
    margin-top: .4em;
    padding-left: 0;
    font-size: 4.4rem;
  }

  .results-vare-header {
    text-align: center;
    height: 8vh;
    margin-top: .4em;
    padding-right: 0;
    font-size: 4.4rem;
  }

  .summary-shoe-header {
    text-align: center;
    margin-top: .4em;
    padding-left: 0;
    padding-right: 0;
    font-size: 4.4rem;
  }

  .challenges-shoe-header {
    text-align: center;
    margin-top: .4em;
    padding-left: 0;
    font-size: 4.4rem;
  }

  .process-shoe-header {
    margin-top: .4em;
    font-size: 4.4rem;
  }

  .results-shoe-header {
    text-align: center;
    margin-top: .4em;
    padding-right: 0;
    font-size: 4.4rem;
  }

  .summary-paws-header, .challenges-paws-header {
    text-align: center;
    margin-top: .4em;
    padding-left: 0;
    font-size: 4.4rem;
  }

  .process-paws-header, .results-paws-header {
    text-align: center;
    margin-top: .4em;
    padding-right: 0;
    font-size: 4.4rem;
  }

  .red-dot-paws-mywork {
    width: 50%;
  }

  .summary-laf-header, .challenges-laf-header {
    text-align: center;
    margin-top: .4em;
    padding-left: 0;
    font-size: 4.4rem;
  }

  .process-laf-header, .results-laf-header {
    text-align: center;
    margin-top: .4em;
    padding-right: 0;
    font-size: 4.4rem;
  }

  .steps-paragraph {
    width: 32%;
    font-size: .8rem;
    line-height: 1.5rem;
  }

  .nuuly-vid-link-div {
    height: 5vh;
  }

  .nuulyvid-link-blk {
    height: 4vh;
  }

  .nuuly-vid-txt-blk {
    width: 50%;
    font-size: .8rem;
  }

  .image-51, .shoe-results-reddot-img {
    width: 5%;
    height: 4vh;
  }

  .mywork-shoe-reddot-img {
    width: 70%;
  }

  .vare-reddot-img {
    width: 75%;
  }

  .reddot-dropdown-div-copy {
    justify-content: flex-end;
    align-items: center;
  }

  .vare-summ-reddot-img {
    width: 5%;
  }

  .image-52, .image-53, .image-54 {
    width: 17%;
  }

  .image-55 {
    width: 5%;
  }

  .vare-process-reddot {
    width: 5%;
    height: 4vh;
  }

  .vare-inspo-reddot {
    width: 5%;
  }

  .vare-results-reddot {
    width: 5%;
    height: 4vh;
  }

  .image-56 {
    width: 70%;
  }

  .paws-drpdown-reddot {
    width: 75%;
  }

  .paws-summ-reddot {
    width: 5%;
  }

  .reddot-pawsgoal-1 {
    width: 17%;
  }

  .image-58 {
    width: 20%;
  }

  .image-59 {
    width: 16%;
  }

  .paws-challenge-reddot {
    width: 5%;
  }

  .paws-process-reddot {
    width: 5%;
    height: 4vh;
  }

  .wagsbags-reddot, .image-60 {
    width: 5%;
  }

  .paws-results-reddot {
    width: 5%;
    height: 4vh;
  }

  .transition-cta-subhead-div-paws {
    justify-content: center;
    align-items: flex-end;
  }

  .laf-reddot-dropdown {
    width: 75%;
  }

  .laf-summ-reddot-img {
    width: 5%;
  }

  .image-61 {
    width: 15%;
  }

  .image-62 {
    width: 18%;
  }

  .laf-process-reddot {
    width: 5.5%;
    height: 4.4vh;
  }

  .laf-chlgs-reddot {
    width: 5.5%;
  }

  .laf-steps-reddot {
    width: 5%;
  }

  .laf-results-reddot {
    width: 5%;
    height: 4vh;
  }

  .laf-mywork-reddot {
    width: 70%;
  }

  .contact-mywork-reddot {
    width: 55%;
  }

  .package-contact-reddot, .uiux-contact-reddot, .print-contact-reddot, .curli-contact-reddot, .twe-contact-reddot, .hburg-contact-reddot, .steap-contact-reddot, .sws-contact-reddot, .dc-contact-reddot, .superior-contact-reddot, .strat-contact-reddot, .nuuly-contact-reddot, .lof-contact-reddot, .movposter-contact-reddot, .image-67 {
    width: 60%;
  }

  .mail-lnk-blk {
    width: 30%;
  }

  .linkedin-lnk-blk {
    width: 25%;
  }

  .laf-cs-reddot {
    width: 90%;
  }

  .mail-foot-lnkblk {
    width: 30%;
  }

  .linkedin-foot-lnkblk {
    width: 25%;
  }

  .image-77 {
    width: 90%;
  }

  .mail-foot-linkblk-pack {
    width: 30%;
  }

  .linked-linkblk-pack {
    width: 25%;
  }

  .contact-brand-reddot {
    width: 65%;
  }

  .mail-lb-brand {
    width: 30%;
  }

  .li-lnkblk-foot-brand {
    width: 25%;
  }

  .mail-foot-lnkblk7 {
    width: 30%;
  }

  .li-lnkblk-foot7 {
    width: 25%;
  }

  .image-85, .image-86 {
    width: 90%;
  }

  .mail-lnkblk-foot9 {
    width: 30%;
  }

  .li-lnkblk-foot9 {
    width: 25%;
  }

  .mail-lb-curlifoot {
    width: 30%;
  }

  .li-lb-curlifoot {
    width: 25%;
  }

  .image-87, .image-88 {
    width: 90%;
  }

  .mail-lb-twe-foot {
    width: 30%;
  }

  .li-lb-twefoot {
    width: 25%;
  }

  .image-89 {
    width: 90%;
  }

  .mail-lb-hburgfoot {
    width: 30%;
  }

  .li-lb-hburgfoot {
    width: 25%;
  }

  .image-90 {
    width: 90%;
  }

  .mail-lb-steapfoot {
    width: 30%;
  }

  .li-lb-steapfoot {
    width: 25%;
  }

  .image-91 {
    width: 90%;
  }

  .mail-lb-swsfoot {
    width: 30%;
  }

  .li-lb-swsfoot {
    width: 25%;
  }

  .image-92 {
    width: 90%;
  }

  .mail-lb-dcfoot {
    width: 30%;
  }

  .li-lb-dcfoot {
    width: 25%;
  }

  .image-93 {
    width: 90%;
  }

  .mail-lb-supfoot {
    width: 30%;
  }

  .li-lb-supfoot {
    width: 25%;
  }

  .image-94 {
    width: 90%;
  }

  .mail-lb-stratfoot {
    width: 30%;
  }

  .li-lb-stratfoot {
    width: 25%;
  }

  .image-95 {
    width: 90%;
  }

  .mail-lb-nuulyfoot {
    width: 30%;
  }

  .li-lb-nuulyfoot {
    width: 25%;
  }

  .image-96 {
    width: 90%;
  }

  .mail-lb-lof-foot {
    width: 30%;
  }

  .li-lb-lof-foot {
    width: 25%;
  }

  .image-97 {
    width: 90%;
  }

  .mail-lb-movposter-foot {
    width: 30%;
  }

  .li-lb-movposter-foot {
    width: 25%;
  }

  .image-98 {
    width: 90%;
  }

  .mail-lb-hallo-foot {
    width: 30%;
  }

  .li-lb-hallo-foot {
    width: 25%;
  }

  .image-101 {
    padding-left: 0;
    padding-right: 0;
  }

  .image-102 {
    width: 90%;
  }
}

@media screen and (max-width: 479px) {
  .nav-name-div {
    width: 8%;
  }

  .nav-container {
    min-height: 10vh;
    display: none;
  }

  .menu-button.w--open {
    display: inline-flex;
  }

  .nav-menu {
    flex-flow: row;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 0;
    display: flex;
  }

  .navbar-wrapper {
    justify-content: space-between;
    height: 10vh;
    padding-left: 1rem;
    padding-right: 0;
    display: none;
  }

  .navbar-maxwidth-container {
    margin-left: 0;
    margin-right: 0;
  }

  .nav-bar {
    justify-content: flex-start;
    align-items: flex-start;
    display: none;
  }

  .contact-nav-div {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .hero-intro-div {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: flex-start;
    align-items: flex-start;
    width: 70vw;
    height: 12vh;
    top: 23.5rem;
    left: -3.1rem;
  }

  .red-circle {
    width: 7.5%;
  }

  .mdesigner-div {
    width: 100%;
    height: 5vh;
    top: -2.1rem;
    left: 7.1rem;
  }

  .hero-img-div60 {
    background-image: linear-gradient(#f8f6f212, #f8f6f212), url('../images/hero-img-portfolio.jpg');
    background-position: 0 0, 28%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    width: 47%;
    height: 40vh;
  }

  .written-d-div {
    width: 25%;
    height: 15%;
    top: 22.8rem;
    left: .1rem;
  }

  .hero-container-maxwidth {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 90vh;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .pitch-p3-section {
    width: 80%;
    height: 3vh;
    margin-top: .75rem;
    padding-left: 1em;
  }

  .div-messprocess-text {
    width: 50%;
    height: 5vh;
  }

  .text-div-75 {
    width: 95%;
    height: 5vh;
  }

  .pitch-subhead-2-div {
    justify-content: flex-start;
    align-items: center;
    width: 95%;
    height: 4vh;
  }

  .work-connects-sec {
    height: 4vh;
  }

  .pitch-p3-reddot-img {
    width: 75%;
  }

  .lead-lines-2-sec {
    height: 10vh;
  }

  .leadlines-4-sec {
    width: 55%;
    height: 5vh;
    padding-left: .6rem;
  }

  .pitch-section2 {
    width: 90%;
    height: 7vh;
    margin-top: 0;
  }

  .leadlines-3-sec {
    width: 65%;
    height: 8vh;
  }

  .pitch-p3-div {
    justify-content: flex-start;
    align-items: flex-start;
    width: 45%;
    padding-left: .25rem;
  }

  .lines2-div-85 {
    width: 77%;
    height: 15vh;
  }

  .div-50-lines {
    justify-content: flex-end;
    align-items: center;
    width: 41%;
    height: 10vh;
    margin-left: 6rem;
  }

  .pitch-p3-reddot {
    justify-content: flex-start;
    align-items: flex-start;
    width: 8%;
    display: flex;
  }

  .pitch-reddot-2 {
    width: 10%;
  }

  .leadlines-4-div {
    width: 5.9%;
    height: 5vh;
  }

  .pitch-section1-20 {
    width: 65%;
    height: 8vh;
  }

  .messprocess-rightsection {
    height: 5vh;
  }

  .home-section2-container1440 {
    justify-content: flex-start;
    align-items: center;
    height: 65vh;
    margin-top: 2rem;
  }

  .see-more-lafayette-div {
    height: 8vh;
  }

  .vare-heading {
    font-size: 1rem;
  }

  .case-studies-subhead-div {
    height: 4vh;
  }

  .pawsitive-casestudy-section {
    height: 8vh;
  }

  .golfapparel-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
  }

  .pawsitive-imgs-section {
    height: 15vh;
  }

  .case-study-container {
    height: 102vh;
    margin-top: 4em;
    margin-bottom: 6em;
  }

  .vare-img1-div {
    height: 15vh;
  }

  .case-studies-text-div {
    width: 25%;
    height: 5vh;
  }

  .vare-img3-div {
    height: 15vh;
  }

  .storysite-div {
    height: 8vh;
  }

  .lafayette-img2-div {
    height: 15vh;
  }

  .lafayette-04-subhead-div {
    padding-left: .125em;
  }

  .vare-img2-div {
    height: 15vh;
  }

  .selectedworks-h1-div {
    height: 5vh;
  }

  .pawsitive-heading-div, .petbrand-div {
    height: 8vh;
  }

  .case-study-line-div {
    width: 40%;
    height: 5vh;
  }

  .vare02-subhead-div {
    padding-left: .125em;
  }

  .lafayette-casestudy-sec {
    height: 8vh;
  }

  .lafayette-subheads-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .pawsitive-img3-div, .vare-imgs-section {
    height: 15vh;
  }

  .see-more-pawsitive-div, .see-more-vare-div {
    height: 8vh;
  }

  .lafayette-img3-div {
    height: 15vh;
  }

  .vare-casestudy-section {
    height: 8vh;
  }

  .lafayette-heading {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
  }

  .lafayette-imgs-section, .pawsitive-img1-div {
    height: 15vh;
  }

  .pawsitive-heading {
    font-size: 1rem;
  }

  .pawsitive-03-subhead-div {
    padding-left: .125em;
  }

  .pawsitive-img2-div {
    height: 15vh;
  }

  .pawsitive-subheads-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: flex-start;
    height: 5vh;
  }

  .vare-subheads-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 5vh;
  }

  .selected-works-header-sec {
    height: 10vh;
  }

  .lafayette-img1-div {
    height: 15vh;
  }

  .aboutme-arrow-div {
    justify-content: flex-end;
    align-items: center;
    height: 10vh;
  }

  .strongsense-section {
    height: 10vh;
    margin-bottom: 1em;
  }

  .createdesigns-callout-div {
    padding-left: .125rem;
  }

  .ideasgrow-callout-div {
    width: 75%;
    padding-left: .25rem;
  }

  .value-callout-div {
    width: 85%;
  }

  .value-callout-subsection {
    width: 80%;
    height: 5vh;
  }

  .ideasgrow-callout-subsec {
    width: 70%;
  }

  .strongsense-callout-sec {
    width: 75%;
  }

  .playfulcurious-section {
    height: 5vh;
  }

  .asadesigner-heading-div {
    height: 8vh;
  }

  .callout-reddot-div {
    width: 10%;
  }

  .groundedprocess-section {
    height: 5vh;
  }

  .playfulcurious-subhead-div {
    width: 40%;
    height: 5vh;
  }

  .value-callout-section {
    width: 100%;
    height: 10vh;
    margin-bottom: 1em;
  }

  .createdesigns-subsection {
    width: 80%;
    height: 8vh;
  }

  .learn-aboutme-div {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-end;
    align-items: center;
    height: 5vh;
    margin-right: 0;
    padding-right: 0;
  }

  .learnmore-subsection {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 10vh;
  }

  .learnmore-div {
    justify-content: center;
    align-items: center;
    width: 90%;
    height: 6vh;
  }

  .learnmore-section {
    justify-content: center;
    align-items: flex-start;
    height: 15vh;
    padding-right: 2em;
  }

  .groundedprocess-subhead-div {
    width: 40%;
    height: 5vh;
  }

  .ideasgrow-callout-section {
    height: 10vh;
    margin-bottom: 1em;
  }

  .asadesigner-container-1440 {
    height: 100vh;
    margin-bottom: 4em;
  }

  .strongsense-callout-div {
    width: 95%;
  }

  .groundedprocess-leadline-div, .playfulcurious-leadline-div {
    border-top-width: 1.5px;
  }

  .observe-leadline-div {
    border-top-width: 1.5px;
    width: 14%;
    height: 0;
  }

  .createdesigns-section {
    width: 100%;
    height: 10vh;
    margin-bottom: 1em;
  }

  .observeexplore-subhead-div {
    justify-content: flex-start;
    align-items: center;
    width: 35%;
    height: 3vh;
    display: flex;
  }

  .observeexplore-subhead-sec {
    justify-content: flex-end;
    align-items: center;
    height: 5vh;
    margin-top: 2rem;
    margin-bottom: 1em;
  }

  .mdesigner-heading-2-2 {
    width: 40vw;
    font-size: 1rem;
    line-height: 1rem;
  }

  .designer-hero-heading-2 {
    font-size: 2.8rem;
    top: 39%;
    left: -4.7rem;
  }

  .name-hero-heading-2 {
    filter: drop-shadow(0 2px 5px #f8f6f240);
    font-size: 2.4rem;
    line-height: 2.4rem;
    top: 29%;
    left: -5.3rem;
  }

  .portfolio-hero-heading-2 {
    font-size: 2.8rem;
    top: 19.8rem;
    left: 1.4rem;
  }

  .designportfolio-heading2-2 {
    height: 2vh;
    font-size: 1rem;
    top: 10.4rem;
    left: -28.2rem;
  }

  .intro-paragraph-2 {
    width: 90%;
    margin-left: 2rem;
    font-size: .7rem;
    font-weight: 600;
    line-height: 1.2rem;
  }

  .pitch-p1-2 {
    padding-left: 0;
    font-size: .7rem;
    line-height: 1.2rem;
  }

  .mess-process-header {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }

  .pitch-p3-2, .pitch-p2-2 {
    padding-left: 0;
    font-size: .7rem;
    line-height: 1.2rem;
  }

  .pitch-subhead2-2 {
    width: 100%;
    height: 4vh;
    margin-top: 0;
    margin-bottom: .5rem;
    font-size: 1.2rem;
  }

  .pawsitive-02-subhead-2 {
    font-size: 1.2em;
  }

  .petbrand-subhead-2 {
    height: 3vh;
    font-size: .75rem;
  }

  .pawsitive-sub-subhead-2, .lafayette-sub-subhead-2 {
    font-size: .4rem;
  }

  .vare-seemore-link-txt {
    width: 45%;
    font-size: .5rem;
  }

  .storysite-subhead-2, .golfapparel-subhead-2 {
    height: 3vh;
    font-size: .75rem;
  }

  .selected-works-heading-2 {
    font-size: 2.6em;
  }

  .case-studies-subheader-2, .vare-02-subhead-2, .lafayette-04-subhead-2 {
    font-size: 1.2em;
  }

  .vare-sub-subhead-2 {
    font-size: .4rem;
  }

  .groundedprocess-subhead-2 {
    font-size: 1.2rem;
  }

  .see-aboutme-heading-2 {
    font-size: 2.6rem;
  }

  .playfulcurious-subhead-2 {
    font-size: 1.2rem;
  }

  .ideasgrow-p2-2 {
    font-size: .7rem;
    line-height: 1.2rem;
  }

  .strongsense-p1-2 {
    width: 100%;
    padding-left: .25rem;
    font-size: .7rem;
    line-height: 1.2rem;
  }

  .createdesigns-p3-2 {
    width: 100%;
    padding-left: .5rem;
    font-size: .7rem;
    line-height: 1.2rem;
  }

  .learnmore-subhead-2 {
    font-size: 1.2rem;
  }

  .observe-explore-head {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.2rem;
  }

  .value-p4-2 {
    padding-left: 0;
    font-size: .7rem;
    line-height: 1.2rem;
  }

  .asadesigner-heading-2 {
    height: 10vh;
    font-size: 2.6em;
  }

  .about-hero-full-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 393px;
    height: 92vh;
    margin-top: 4em;
  }

  .aboutme-img-div {
    height: 40vh;
  }

  .aboutme-heading {
    justify-content: center;
    align-items: flex-end;
    height: 7vh;
    padding-top: 0;
    padding-left: .25em;
    font-size: 2.8rem;
    display: flex;
  }

  .aboutme-herocopy-div {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 60vh;
  }

  .delaneycurtis-signature {
    width: 80%;
    top: 3.5%;
    left: 11%;
  }

  .aboutme-img-signature-div {
    width: 60%;
    margin-top: 0;
    margin-left: 1em;
  }

  .creativity-subhead-div {
    margin-top: .75em;
  }

  .creativity-subhead {
    width: 82%;
    font-size: 1.2rem;
  }

  .aboutme-bodycopy-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 30vh;
  }

  .aboutme-p1 {
    width: 76%;
    font-size: .7rem;
    line-height: 1.2rem;
  }

  .mypath-container-50vh {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
    width: 393px;
    height: 70vh;
    margin-top: 6em;
  }

  .mypath-bodycopy-div {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 42vh;
  }

  .mypath-img-header-div {
    width: 70%;
    height: 45vh;
  }

  .mypath-subhead-div {
    height: 8vh;
    margin-top: 0;
  }

  .mypath-subbhead {
    width: 53%;
    font-size: 1.2rem;
  }

  .mypath-leadline-div {
    width: 20%;
  }

  .mypath-paragraph-div {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 18vh;
    padding-right: 1.3rem;
  }

  .mypath-paragraph.small-bodycopy {
    padding-left: 0;
    font-size: .7rem;
    line-height: 1.2rem;
  }

  .mypath-header {
    width: 100%;
    height: 6vh;
    font-size: 2.8rem;
    top: 1293.99px;
    left: 96px;
  }

  .myapproach-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 393px;
    height: 100vh;
    margin-top: 3em;
  }

  .myapproach-heading {
    height: 6vh;
    margin-top: 0;
    font-size: 2.8rem;
    top: 2032.29px;
    left: 31px;
  }

  .myapproach-copy-div {
    width: 100%;
    height: 90vh;
  }

  .observer-subhead-div {
    margin-top: 4em;
    margin-bottom: .5em;
  }

  .observer-subheader {
    font-size: 1.2rem;
  }

  .myapproach-bodycopy-div {
    height: 35vh;
    margin-left: 0;
  }

  .myapproach-paragraph.small-bodycopy {
    width: 78%;
    margin-left: 1em;
    font-size: .7rem;
    line-height: 1.2rem;
  }

  .myapproach-img-div-35 {
    width: 75%;
    margin-top: 0;
  }

  .aboutme-ending-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 20vh;
    margin-top: 4em;
  }

  .transition-cta-subhead {
    font-size: 1.6rem;
  }

  .seemywork-section {
    justify-content: flex-start;
    align-items: center;
    height: 20vh;
    padding-left: 1rem;
    padding-right: 1em;
  }

  .seemywork-subsection {
    justify-content: flex-end;
    align-items: center;
  }

  .mywork-div {
    width: 65%;
  }

  .mywork-reddot-div {
    width: 8%;
  }

  .mywork-arrow-div {
    justify-content: flex-end;
    align-items: center;
    width: 20%;
  }

  .transition-cta-subhead-div {
    height: 6vh;
  }

  .vare-hero-container {
    width: 100%;
    height: 65vh;
    margin-top: 6em;
  }

  .reddot-dropdown-div {
    width: 8%;
  }

  .vare-hero-img-div {
    height: 45vh;
    margin-top: 1rem;
  }

  .vare-summ-container {
    height: 80vh;
    margin-top: 0;
  }

  .varesummary-img-div {
    width: 75%;
  }

  .varesummary-bodycopy-div {
    justify-content: flex-start;
    align-items: center;
    height: 50vh;
  }

  .eleganceinmotion-subhead-div {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .elegancemotion-subhead-subdiv {
    height: 5vh;
  }

  .elegancemotion-subheader {
    font-size: 1.2rem;
  }

  .varesummary-body-div {
    height: 15vh;
  }

  .vare-summary-paragraph {
    width: 70%;
    margin-left: 1em;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .vare-goals-container {
    height: 75vh;
    margin-top: 4em;
  }

  .wewantto-div {
    margin-bottom: 0;
  }

  .goals-heading {
    color: #b7202c;
    font-size: 1.6em;
  }

  ._3goals-div {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 40vh;
  }

  .vare-goal1-div {
    width: 55%;
    height: 10vh;
  }

  .vare-goal2-div {
    justify-content: flex-start;
    align-items: center;
    width: 55%;
    height: 10vh;
  }

  .vare-goal3-div {
    width: 55%;
    height: 10vh;
  }

  .vare-goal1-paragraph {
    width: 85%;
    font-size: .7rem;
  }

  .vare-goal2-paragraph {
    width: 72%;
    font-size: .7rem;
  }

  .vare-goal3-paragraph {
    width: 63%;
    font-size: .7rem;
  }

  .mission-vision-div {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .mission-div {
    width: 45%;
    margin-left: .25rem;
  }

  .vision-div {
    width: 50%;
    padding-left: .5rem;
  }

  .mission-heading {
    font-size: 1.2rem;
  }

  .mission-paragraph {
    width: 100%;
    padding-left: 1.5em;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .vision-heading {
    font-size: 1.2rem;
  }

  .vision-paragraph {
    width: 95%;
    padding-left: 1.5em;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .vare-challenge-container {
    height: 85vh;
    margin-top: 2em;
  }

  .vare-challenge-img-div {
    width: 65%;
  }

  .v-challenges-img-div {
    height: 40vh;
  }

  .challenges-subhead-div {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .challenges-subhead-subdiv {
    height: 5vh;
  }

  .challenges-subheader {
    font-size: 1.2rem;
  }

  .vare-challnges-paragraph {
    width: 81%;
    margin-left: 1em;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .vare-hatlogo-div-copy {
    height: 45vh;
  }

  .approach-img-div {
    height: 50vh;
    margin-top: 0;
  }

  .vare-process-container {
    height: 80vh;
  }

  .vare-process-bodycopy-div {
    justify-content: flex-start;
    align-items: center;
    height: 40vh;
    margin-top: 0;
  }

  .behindthebrand-subhead-div {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .behindthebrand-subhead {
    font-size: 1.2rem;
  }

  .process-leadline-div {
    width: 20%;
  }

  .vare-process-paragraph-div {
    justify-content: center;
    align-items: flex-start;
    height: 25vh;
  }

  .vare-process-paragraph {
    width: 70%;
    padding-left: 1em;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .vare-process-img-header-div {
    width: 65%;
    height: 40vh;
  }

  .vare-inspo-container {
    width: 100%;
    margin-top: 4em;
    margin-bottom: 4em;
  }

  .vare-inspo-img-div {
    width: 90%;
  }

  .vare-inspo-img-backdiv {
    height: 25vh;
  }

  .vare-inspo-body-div {
    height: 30vh;
  }

  .inspo-subhead-subdiv {
    height: 5vh;
  }

  .vare-inspo-subheader {
    font-size: 1.2rem;
  }

  .vare-inspo-bodycopy-div {
    height: 18vh;
  }

  .vare-inspo-paragraph {
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .brandidentity-container {
    height: 100vh;
  }

  .primary-logo-div {
    height: 25vh;
  }

  .primary-logo-subhead-div {
    height: 4vh;
  }

  .primary-logo-subhead {
    padding-left: 1em;
    font-size: .7rem;
  }

  .primary-logo-img-div {
    height: 20vh;
  }

  .vare-primary-logo {
    height: 24vh;
  }

  .fonts-colors-div, .primary-font-div, .color-palette-div {
    height: 25vh;
  }

  .primary-font-text {
    padding-left: 1em;
    font-size: .7rem;
  }

  .primaryfont, .color-palette-title-div {
    height: 4vh;
  }

  .color-palette-title-ext {
    padding-left: 1em;
    font-size: .7rem;
  }

  .fonts-div {
    height: 20vh;
    padding-left: 1em;
    padding-right: 1em;
  }

  .red-color-div, .blue-color-div, .cream-color-div {
    width: 30%;
    height: 5vh;
  }

  .color-swatches-div {
    height: 20vh;
  }

  .logomarks-div, .logomark-div, .wordmark-div, .submark-div {
    height: 25vh;
  }

  .logomark-title-text {
    padding-left: 1em;
    font-size: .7rem;
  }

  .logomark-title-div, .wordmark-title-div, .submark-title-div {
    height: 4vh;
  }

  .wordmark-title-text, .submark-title-text {
    padding-left: 1em;
    font-size: .7rem;
  }

  .logomark-img-div, .wordmark-img-div, .submark-img-div {
    height: 20vh;
  }

  .alternate-logos-div, .alternate-logo1-div, .alternate-logo2-div {
    height: 25vh;
  }

  .alternate-logo-title-div {
    height: 4vh;
  }

  .alternate-logo-title-text {
    padding-left: 1em;
    font-size: .7rem;
  }

  .alternate-withtag-img-div, .blue-alternate-logo-imgdiv {
    height: 20vh;
  }

  .vare-results-container {
    width: 100%;
    height: 90vh;
    margin-top: 6em;
    margin-bottom: 4em;
  }

  .vare-results-bodycopy-div {
    height: 45vh;
  }

  .likely-results-subhead-div {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .likely-results-subhead {
    font-size: 1.2rem;
  }

  .vare-results-paragraph-div {
    height: 30vh;
  }

  .vare-results-paragraph {
    width: 73%;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .vare-results-img-header-div {
    width: 85%;
    height: 45vh;
  }

  .vare-apparel-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    margin-top: 2em;
  }

  .white-shirt-vare-div {
    width: 50%;
    padding-top: 0;
  }

  .brown-shirt-vare-div {
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    height: 28vh;
  }

  .white-skirt-vare-div {
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    height: 25vh;
  }

  .navy-skirt-vare-div {
    width: 50%;
    padding-top: 0;
  }

  .brown-shirt-img {
    padding-top: 0;
  }

  .casestudy-end-container {
    height: 30vh;
  }

  .transition-cta-subhead-div-vare {
    height: 5vh;
  }

  .vare-transition-cta {
    font-size: 1.6rem;
  }

  .seemywork-heading-copy {
    padding-left: .5rem;
    font-size: 2.8rem;
  }

  .pawsitive-herocontainer {
    height: 63vh;
    margin-top: 6em;
  }

  .pawsitive-hero-img-div {
    height: 45vh;
    margin-top: 1rem;
  }

  .paws-summary-container {
    height: 75vh;
    margin-top: 5em;
  }

  .paws-summary-img-div {
    width: 70%;
  }

  .paws-summary-img {
    height: 45vh;
  }

  .paws-summary-bodycopy-div {
    height: 55vh;
  }

  .paws-tagline-subhead-div {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .paws-tagline-subhead {
    font-size: 1.2rem;
  }

  .paws-summary-paragraph {
    width: 56%;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .paws-goals-container {
    height: 75vh;
  }

  ._3goals-div-paws {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    height: 40vh;
  }

  .paws-goal1-paragraph {
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .paws-goal1-div {
    width: 50%;
    height: 10vh;
  }

  .paws-goal2-div {
    justify-content: flex-start;
    align-items: center;
    width: 45%;
    height: 10vh;
  }

  .paws-goal2-paragraph {
    width: 55%;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .paws-goal3-div {
    width: 46%;
    height: 10vh;
  }

  .paws-goal3-paragraph {
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .paws-mission-vision-div {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    padding-left: 1.5rem;
  }

  .paws-mission-div {
    width: 65%;
  }

  .paws-mission-paragraph {
    padding-left: 0;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .paws-vision-div {
    width: 55%;
  }

  .paws-vision-paragraph {
    padding-left: 0;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .paws-challenges-container {
    height: 96vh;
    margin-top: 5em;
  }

  .paws-challenge-img-div {
    width: 75%;
  }

  .paws-challenge-img-subdiv {
    height: 45vh;
  }

  .paws-challenges-body-div {
    justify-content: flex-start;
    align-items: center;
  }

  .paws-challenges-copy-div {
    padding-right: .5rem;
  }

  .paws-challenges-paragraph {
    width: 68%;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .paws-process-container {
    height: 110vh;
    margin-top: 5em;
  }

  .paws-process-body-copy-div {
    height: 66vh;
  }

  .behindthedesign-subhead-div {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .behindthedesign-subhead {
    font-size: 1.2rem;
  }

  .paws-process-paragraph-div {
    justify-content: flex-start;
    align-items: flex-start;
    height: 55vh;
    padding-left: 1.5em;
  }

  .paws-process-paragraph {
    width: 85%;
    padding-left: 1.5em;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .paws-process-img-head-div {
    width: 75%;
    height: 45vh;
  }

  .paws-process2-slide-div {
    height: 40%;
  }

  .paws-process2-body-div {
    height: 38vh;
    margin-top: 1rem;
  }

  .paws-process2-subhead-div {
    margin-bottom: .5em;
  }

  .paws-process2-subheader {
    font-size: 1.2rem;
  }

  .paws-process2-bodycopy-div {
    height: 33vh;
  }

  .paws-process2-paragraph {
    width: 76%;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .paws-brandidentity-container {
    height: 74vh;
    margin-top: 5em;
  }

  .paws-primary-logo-div {
    height: 24vh;
  }

  .paws-primary-logo-subhead-div {
    height: 4vh;
  }

  .paws-primary-logo-subhead {
    padding-left: 1em;
    font-size: .7rem;
  }

  .paws-primary-logo-img-div, .paws-primary-logo {
    height: 20vh;
  }

  .paws-fonts-colors-div, .paws-primary-font-div {
    height: 25vh;
  }

  .paws-primaryfont-subhead {
    height: 4vh;
  }

  .paws-fonts-div {
    height: 20vh;
  }

  .paws-primary-fonts-img {
    padding-left: .75em;
    padding-right: .75em;
  }

  .paws-color-palette-div {
    height: 25vh;
  }

  .paws-color-swatches-div {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    height: 20vh;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .paws-orange-swatch-div {
    width: 70%;
    height: 9vh;
  }

  .paws-yellow-swatch-div {
    width: 75%;
    height: 9vh;
  }

  .paws-alternate-logos-div {
    height: 25vh;
  }

  .paws-alternate-logo1-img-div, .paws-alternate-logo2-imgdiv {
    height: 21vh;
  }

  .primary-logo-text-div {
    height: 4vh;
  }

  .paws-primary-figuremark-subhead, .primary-font-text-paws {
    padding-left: 1em;
    font-size: .7rem;
  }

  .paws-process2-container2 {
    height: 75vh;
    margin-top: 6em;
  }

  .collar-process-container {
    height: 68vh;
    margin-top: 2em;
  }

  .collar-process-img-div {
    height: 30vh;
  }

  .collar-process-body-div {
    justify-content: flex-start;
    align-items: flex-start;
    height: 36vh;
    margin-top: 1em;
  }

  .collar-process-subhead-div {
    margin-bottom: .5em;
  }

  .collar-process-subhead {
    font-size: 1.2rem;
  }

  .collar-process-paragraph {
    width: 70%;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .paws-results-container {
    width: 100%;
    height: 80vh;
    margin-top: 5em;
  }

  .paws-results-bodycopy-div {
    justify-content: flex-start;
    align-items: center;
    height: 40vh;
  }

  .paws-likely-results-subhead {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .paws-likely-results-subheader {
    font-size: 1.2rem;
  }

  .paws-results-paragraph-div {
    height: 25vh;
  }

  .paws-results-paragraph {
    width: 72%;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .paws-results-img-header-div {
    width: 70%;
    height: 45vh;
  }

  .step1-heading {
    margin-top: 0;
    margin-left: 1em;
    font-size: .7rem;
  }

  .og-product-slide1 {
    background-position: 50% 0;
    background-size: contain;
  }

  .round1-paws-slide2 {
    background-position: 50% 150%;
    background-size: 300px;
  }

  .round1-slide2-header {
    margin-top: 0;
    margin-left: 1em;
    font-size: .7rem;
  }

  .round2-paws-slider3 {
    background-size: contain;
  }

  .round2-slide3-header {
    margin-top: 0;
    padding-left: 1em;
    font-size: .7rem;
  }

  .round3-paws-slide4 {
    background-position: 50% 175%;
    background-size: 300px;
  }

  .round3-slide4-header {
    margin-top: 0;
    padding-left: 1em;
    font-size: .7rem;
  }

  .finaldesign-paws-slide5 {
    background-size: 300px;
  }

  .final-design-slide5-header {
    margin-top: 0;
    padding-left: 1em;
    font-size: .7rem;
  }

  .green-collar-slider {
    background-repeat: no-repeat;
    background-size: 370px;
  }

  .greencollar-slide1-header {
    margin-top: 0;
    padding-left: 1em;
    font-size: .7rem;
  }

  .orangecollar-slider {
    background-position: 50% 60%;
  }

  .orange-collar-slide2-header {
    margin-top: 0;
    padding-left: 1em;
    font-size: .7rem;
  }

  .final-collar-slider {
    background-size: 365px;
  }

  .final-collardesign-slide3-header {
    margin-top: 0;
    padding-left: 1rem;
    font-size: .7rem;
  }

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

  .paws-casestudy-end-container {
    height: 30vh;
    margin-top: 6em;
  }

  .paws-seemywork-section {
    padding-right: 1em;
  }

  .paws-mywork-div {
    width: 60%;
  }

  .paws-seemywork-heading {
    font-size: 2.8rem;
  }

  .paws-mywork-arrow-div {
    width: 20%;
  }

  .mywork-arrow {
    display: block;
  }

  .laf-hero-container {
    width: 100%;
    height: 60vh;
    margin-top: 6em;
  }

  .lafayette-hero-img-div {
    background-size: cover;
    height: 40vh;
  }

  .laf-summ-contaainer {
    height: 85vh;
    margin-top: 5em;
  }

  .laf-summ-img-div {
    width: 75%;
  }

  .laf-summ-img {
    height: 45vh;
  }

  .laf-summ-bodycopy-div {
    height: 55vh;
  }

  .laf-summ-tagline-div {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .laf-summ-tagline-subhead-div {
    height: 5vh;
  }

  .laf-summ-subhead {
    font-size: 1.2rem;
  }

  .laf-summ-body-div {
    height: 23vh;
  }

  .laf-summary-paragraph {
    width: 68%;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .laf-goals-container {
    height: 35vh;
  }

  .laf-goals-heading {
    color: #b6202c;
    font-size: 1.4rem;
  }

  .laf-2goals-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    height: 30vh;
    margin-bottom: 0;
  }

  .laf-goal1-div {
    width: 50%;
    height: 10vh;
  }

  .laf-goal1-paragraph {
    width: 75%;
  }

  .laf-goal2-div {
    width: 50%;
    height: 10vh;
  }

  .laf-challenges-container {
    height: 85vh;
    margin-top: 5em;
  }

  .laf-challenge-img-div {
    width: 70%;
  }

  .laf-challenge-img {
    height: 45vh;
  }

  .laf-challenge-body-div {
    height: 55vh;
  }

  .laf-challenges-subhead-div {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .laf-challenges-subhead {
    font-size: 1.2rem;
  }

  .laf-challenge-bodycopy-div {
    height: 25vh;
  }

  .laf-challenges-paragraph {
    width: 72%;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .laf-process-container {
    height: 80vh;
    margin-top: 5em;
  }

  .behind-the-design-laf-div {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .behindthesite-subhead {
    font-size: 1.2rem;
  }

  .laf-process-paragraph {
    width: 65%;
    padding-left: 1.5em;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .laf-process-img-header-div {
    width: 75%;
    height: 60vh;
  }

  .laf-process2-container {
    height: 76vh;
    margin-top: 5em;
    margin-bottom: 6em;
  }

  .laf-process2-img-div {
    width: 75%;
  }

  .laf-process2-img {
    height: 45vh;
  }

  .laf-process2-subhead-div {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .laf-process2-subhead {
    font-size: 1.2rem;
  }

  .laf-process2-bodycopy-div {
    height: 25vh;
  }

  .laf-process2-paragraph {
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .laf-identity-container {
    height: 75vh;
  }

  .laf-hero-header-div {
    height: 25vh;
  }

  .hero-header-icon-div {
    height: 4vh;
  }

  .hero-header-subhead {
    padding-left: 1em;
    font-size: .7rem;
  }

  .hero-header-img-div {
    height: 19vh;
  }

  .laf-hero-header-img-div {
    height: 20vh;
  }

  .laf-fonts-div, .laf-primary-font-div {
    height: 25vh;
  }

  .laf-heads-subheads-title-div {
    height: 4vh;
  }

  .laf-heads-subheads-title {
    padding-left: 1em;
    font-size: .7rem;
  }

  .laf-boska-font-div {
    height: 19vh;
    padding-left: .5em;
    padding-right: .5em;
  }

  .laf-font2-div {
    height: 25vh;
  }

  .laf-font2-title-div {
    height: 4vh;
  }

  .laf-font2-title {
    padding-left: 1em;
    font-size: .7rem;
  }

  .laf-font2-futura-div {
    height: 19vh;
    padding-left: .5em;
    padding-right: .5em;
  }

  .laf-color-palette-div {
    height: 25vh;
  }

  .yellow-color-swatch, .orange-color-swatch, .magenta-color-swatch, .pink-color-swatch, .seafoam-color-swatch, .green-color-swatch {
    width: 12%;
  }

  .swatches-div {
    height: 19vh;
  }

  .text-block {
    padding-left: 1em;
    font-size: .7rem;
  }

  .laf-results-container {
    height: 80vh;
    margin-top: 6em;
    margin-bottom: 0;
  }

  .laf-results-subhead-div {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .laf-likely-results-subhead {
    font-size: 1.2rem;
  }

  .laf-results-paragraph-div {
    height: 20vh;
  }

  .laf-results-paragraph {
    width: 70%;
    padding-left: 1.5em;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .laf-results-img-header-div {
    width: 75%;
    height: 45vh;
  }

  .mywork-heading-container {
    height: 15vh;
  }

  .mywork-heading-div {
    height: 10vh;
  }

  .filters-list {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .all-filter-text, .all-filter-text.w--current, .packaging-filter-text, .branding-filter-text, .print-filter-text, .uiux-filter-text, .casestudy-filter-text {
    font-size: .7rem;
  }

  .my-work-heading {
    font-size: 2.8rem;
  }

  .works-container {
    height: 204vh;
    margin-bottom: 6em;
    margin-left: 0;
    margin-right: 0;
  }

  .works-1-2-section, .curli-div-block {
    height: 34vh;
  }

  .curli-title-div-block {
    height: 6vh;
  }

  .curli-img-div {
    height: 20vh;
  }

  .curli-subhead-div {
    height: 8vh;
  }

  ._01-div {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 35%;
    height: 6vh;
  }

  ._01-subhead {
    font-size: 1.2rem;
  }

  .curli-heading {
    font-size: 1rem;
  }

  .work-description-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 8vh;
    padding-bottom: .5rem;
    padding-left: .4em;
  }

  .works-description-subhead {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .work-kind-text {
    width: 90%;
    font-size: .5rem;
    line-height: .7rem;
  }

  .explore-more-div {
    width: 37%;
    height: 8vh;
  }

  .explore-more-link-block, .exploremore-text-div {
    height: 8vh;
  }

  .explore-more-text {
    font-size: .5rem;
  }

  .red-explore-arrow {
    width: 25%;
  }

  .works-3-4-section, .works-5-6-section, .works-7-8-section, .works-9-10-section, .twe-div-bl {
    height: 34vh;
  }

  .twe-title-div-block {
    height: 6vh;
  }

  ._02-div {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 35%;
    height: 6vh;
  }

  ._02-subhead {
    font-size: 1.2rem;
  }

  .twe-heading {
    font-size: 1rem;
    line-height: 1.1rem;
  }

  .twe-img-div {
    height: 20vh;
  }

  .twe-subhead-div {
    height: 8vh;
  }

  .twe-work-description-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 8vh;
    padding-bottom: .5rem;
    padding-left: .4em;
  }

  .twe-work-description-subhead {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .twe-work-kind-text {
    font-size: .5rem;
    line-height: .7rem;
  }

  .twe-explore-more-div {
    width: 37%;
    height: 8vh;
  }

  .twe-explore-more-link-block, .twe-explore-more-text-div {
    height: 8vh;
  }

  .twe-explore-more-text {
    font-size: .5rem;
  }

  .twe-red-explore-arrow {
    width: 25%;
  }

  .hburg-div-block {
    height: 34vh;
  }

  .hburg-title-div-block {
    height: 6vh;
  }

  ._03-div {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 35%;
    height: 6vh;
  }

  ._03-subhead {
    font-size: 1.2rem;
  }

  .hburg-heading {
    font-size: 1rem;
    line-height: 1.1rem;
  }

  .hburg-img-div {
    height: 20vh;
  }

  .hburg-subhead-div {
    height: 8vh;
  }

  .hburg-work-description-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 8vh;
    padding-bottom: .5rem;
    padding-left: .4em;
  }

  .hburg-works-description-subhead {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .hburg-work-kind-text {
    font-size: .5rem;
    line-height: .7rem;
  }

  .hburg-explore-more-div {
    width: 37%;
    height: 8vh;
  }

  .hburg-explore-link-block, .hburg-explore-text-div {
    height: 8vh;
  }

  .hburg-explore-text {
    font-size: .5rem;
  }

  .hburg-explore-arrow {
    width: 25%;
  }

  .steap-div-block {
    height: 34vh;
  }

  .steap-title-div-block {
    height: 6vh;
  }

  ._04-div {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 35%;
    height: 6vh;
  }

  ._04-subhead {
    font-size: 1.2rem;
  }

  .steap-heading {
    font-size: 1rem;
    line-height: 1.1rem;
  }

  .steap-img-div {
    height: 20vh;
  }

  .steap-subhead-div {
    height: 8vh;
  }

  .steap-work-description-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 8vh;
    padding-bottom: .5rem;
    padding-left: .4em;
  }

  .steap-works-description-subhead {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .steap-work-kind-text {
    font-size: .5rem;
    line-height: .7rem;
  }

  .steap-explore-more-div {
    width: 37%;
    height: 8vh;
  }

  .steap-explore-link-block, .steap-explore-text-div {
    height: 8vh;
  }

  .steap-explore-text {
    font-size: .5rem;
  }

  .steap-explore-arrow {
    width: 25%;
  }

  .sws-div-block {
    height: 34vh;
  }

  .sws-title-div-block {
    height: 6vh;
  }

  ._05-div {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 35%;
    height: 6vh;
  }

  ._05-subhead {
    font-size: 1.2rem;
  }

  .sws-heading-div {
    width: 100%;
  }

  .sws-heading {
    height: 6vh;
    font-size: 1rem;
    line-height: 1.1rem;
  }

  .sws-img-div {
    height: 20vh;
  }

  .sws-subhead-div {
    height: 8vh;
  }

  .sws-work-description-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: flex-start;
    height: 8vh;
    padding-bottom: .5rem;
    padding-left: .4em;
  }

  .sws-works-description-subhead {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .sws-work-kind-text {
    font-size: .5rem;
    line-height: .7rem;
  }

  .sws-explore-div {
    width: 37%;
    height: 8vh;
  }

  .sws-explore-link-block, .sws-explore-text-div {
    height: 8vh;
  }

  .sws-explore-text {
    font-size: .5rem;
  }

  .sws-explore-arrow {
    width: 25%;
  }

  .dc-div-block {
    height: 34vh;
  }

  .dc-title-div-block {
    height: 6vh;
  }

  ._06-div {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 35%;
    height: 6vh;
  }

  ._06-subhead {
    font-size: 1.2rem;
  }

  .dc-heading {
    font-size: 1rem;
  }

  .dc-img-div {
    height: 20vh;
  }

  .dc-subhead-div {
    height: 8vh;
  }

  .dc-work-description-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 8vh;
    padding-bottom: .5rem;
    padding-left: .4em;
  }

  .dc-works-description-subhead {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .dc-work-kind-text {
    font-size: .5rem;
    line-height: .7rem;
  }

  .dc-explore-div {
    width: 37%;
    height: 8vh;
  }

  .dc-explore-link-block, .dc-explore-text-div {
    height: 8vh;
  }

  .dc-explore-text {
    font-size: .5rem;
  }

  .dc-explore-arrow {
    width: 25%;
  }

  .superior-div-block {
    height: 34vh;
  }

  .superior-title-div {
    height: 6vh;
  }

  ._07-div {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 35%;
    height: 6vh;
  }

  ._07-subhead {
    font-size: 1.2rem;
  }

  .superior-heading {
    font-size: 1rem;
  }

  .superior-img-div {
    height: 20vh;
  }

  .superior-subhead-div {
    height: 8vh;
  }

  .sup-work-description-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 8vh;
    padding-bottom: .5rem;
    padding-left: .4em;
  }

  .sup-work-description-subhead {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .superior-work-kind-text {
    font-size: .5rem;
    line-height: .7rem;
  }

  .superior-explore-div {
    width: 37%;
    height: 8vh;
  }

  .superior-explore-link-block, .superior-explore-text-div {
    height: 8vh;
  }

  .superior-explore-text {
    font-size: .5rem;
  }

  .superior-explore-arrow {
    width: 25%;
  }

  .stratus-div-block {
    height: 34vh;
  }

  .stratus-title-div {
    height: 6vh;
  }

  ._08-div {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 35%;
    height: 6vh;
  }

  ._08-subhead {
    font-size: 1.2rem;
  }

  .stratus-heading {
    font-size: 1rem;
  }

  .stratus-img-div {
    height: 20vh;
  }

  .stratus-subhead-div {
    height: 8vh;
  }

  .strat-work-description-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 8vh;
    padding-bottom: .5rem;
    padding-left: .4em;
  }

  .strat-work-description-subhead {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .strat-work-kind-text {
    font-size: .5rem;
    line-height: .7rem;
  }

  .stratus-explore-div {
    width: 37%;
    height: 8vh;
  }

  .stratus-explore-link-block, .stratus-explore-text-div {
    height: 8vh;
  }

  .stratus-explore-text {
    font-size: .5rem;
  }

  .stratus-explore-arrow {
    width: 25%;
  }

  .nuuly-div-block {
    height: 34vh;
  }

  .nuuly-title-div {
    height: 6vh;
  }

  ._09-div {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 35%;
    height: 6vh;
  }

  ._09-subhead {
    font-size: 1.2rem;
  }

  .nuuly-heading {
    font-size: 1rem;
  }

  .nuuly-img-div {
    height: 20vh;
  }

  .nuuly-subhead-div {
    height: 8vh;
  }

  .nuuly-work-description-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 8vh;
    padding-bottom: .5rem;
    padding-left: .4em;
  }

  .nuuly-work-description-subhead {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .nuuly-work-kind-text {
    font-size: .5rem;
    line-height: .7rem;
  }

  .nuuly-explore-div {
    width: 37%;
    height: 8vh;
  }

  .nuuly-explore-link-block, .nuuly-explore-text-div {
    height: 8vh;
  }

  .nuuly-explore-text {
    font-size: .5rem;
  }

  .nuuly-explore-arrow {
    width: 25%;
  }

  .fall-layers-div-block {
    height: 34vh;
  }

  .fall-layers-title-div {
    height: 6vh;
  }

  ._10-div {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 35%;
    height: 6vh;
  }

  ._10-subhead {
    font-size: 1.2rem;
  }

  .fall-layers-img-div {
    height: 20vh;
  }

  .fall-subhead-div {
    height: 8vh;
  }

  .fall-work-description-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 8vh;
    padding-bottom: .25rem;
    padding-left: .4em;
  }

  .fall-work-description-subhead {
    font-size: .8rem;
  }

  .fall-work-kind-text {
    font-size: .5rem;
    line-height: .7rem;
  }

  .fall-layers-explore-div {
    width: 37%;
    height: 8vh;
  }

  .fall-explore-link-block, .fall-explore-text-div {
    height: 8vh;
  }

  .fall-layers-explore-text {
    font-size: .5rem;
  }

  .fall-layers-explore-arrow {
    width: 25%;
  }

  .contact-me-container {
    justify-content: flex-start;
    align-items: center;
    height: 23vh;
    margin-top: 0;
    margin-bottom: 0;
  }

  .contact-cta-subhead-div {
    justify-content: center;
    align-items: flex-start;
    height: 5vh;
  }

  .contact-transition-cta {
    font-size: 1.3rem;
  }

  .contact-me-section {
    height: 10vh;
    padding-left: .5em;
    padding-right: .75em;
  }

  .contact-me-link {
    width: 100%;
  }

  .contactme-heading {
    width: 100%;
    font-size: 2.8rem;
  }

  .contactme-arrow-div {
    width: 15%;
  }

  .works-11-12-section, .movie-poster-div {
    height: 34vh;
  }

  .movie-poster-title-div {
    height: 6vh;
  }

  ._11-div {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 35%;
    height: 6vh;
  }

  ._11-subhead {
    font-size: 1.2rem;
  }

  .movie-poster-heading {
    font-size: 1rem;
    line-height: 1.1rem;
  }

  .movie-poster-img-div {
    height: 20vh;
  }

  .movieposter-subhead-div {
    height: 8vh;
  }

  .movposter-work-description-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 8vh;
    padding-bottom: .5rem;
    padding-left: .4em;
  }

  .movposter-work-description-subhead {
    font-size: .8rem;
    line-height: 1.6rem;
  }

  .movposter-work-kind-text {
    font-size: .5rem;
    line-height: .7rem;
  }

  .movposter-explore-div {
    width: 37%;
    height: 8vh;
  }

  .movposter-explore-link-block, .movposter-explore-text-div {
    height: 8vh;
  }

  .movposter-explore-text {
    font-size: .5rem;
  }

  .movposter-explore-arrow {
    width: 25%;
  }

  .hallo-div-block {
    height: 34vh;
  }

  .hallo-title-div {
    height: 6vh;
  }

  ._12-div {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 35%;
    height: 6vh;
  }

  ._12-subhead {
    font-size: 1.2rem;
  }

  .hallo-heading {
    font-size: 1rem;
    line-height: 1.1rem;
  }

  .hallo-img-div {
    height: 20vh;
  }

  .hallo-subhead-div {
    height: 8vh;
  }

  .hallo-work-description-div {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    height: 8vh;
    padding-bottom: 0;
    padding-left: .4em;
  }

  .hallo-work-description-subhead {
    width: 74%;
    font-size: .8rem;
    line-height: .9rem;
  }

  .hallo-work-kind-text {
    font-size: .5rem;
    line-height: .7rem;
  }

  .hallo-explore-div {
    width: 37%;
    height: 8vh;
  }

  .hallo-explore-link-block, .hallo-explore-text-div {
    height: 8vh;
  }

  .hallo-explore-text {
    font-size: .5rem;
  }

  .hallo-explore-arrow {
    width: 25%;
  }

  .seemore-div-block {
    height: 8vh;
  }

  .seemore-div-block:hover {
    text-underline-offset: .1em;
    text-decoration-thickness: 1px;
  }

  .paws-seemore-link-blk {
    height: 8vh;
  }

  .paws-seemore-link-blk:hover {
    text-decoration-thickness: 1px;
  }

  .paws-seemore-link-txt {
    width: 50%;
    font-size: .5rem;
    text-decoration: none;
  }

  .paws-seemore-link-txt:hover {
    text-underline-offset: 0em;
    text-decoration: none;
    text-decoration-thickness: .5px;
  }

  .laf-see-more-link-blk {
    height: 8vh;
  }

  .laf-see-more-link-blk:hover {
    text-decoration-thickness: 1px;
  }

  .laf-seemore-link-txt {
    width: 50%;
    font-size: .5rem;
  }

  .packaging-filter-container {
    height: 68vh;
    margin-bottom: 6em;
    margin-left: 0;
    margin-right: 0;
  }

  .package-work-1-2-sec, .package-work-3-4-sec {
    height: 34vh;
  }

  .steap-title-div-block-copy {
    height: 6vh;
  }

  .brand-works-container {
    height: 34vh;
    margin-bottom: 6em;
    margin-left: 0;
    margin-right: 0;
  }

  .twe-title-div-block-copy, .hburg-title-div-block-copy {
    height: 6vh;
  }

  .hburg-img-div-copy, .twe-img-div--copy {
    height: 20vh;
  }

  ._02-div-copy, ._03-div-copy {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 35%;
    height: 6vh;
  }

  .twe-explore-more-link-block-copy {
    height: 8vh;
  }

  .hburg-work-description-div-copy {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: flex-start;
    height: 8vh;
    padding-top: 0;
    padding-bottom: .5rem;
    padding-left: .4em;
  }

  .hburg-subhead-div-copy {
    height: 8vh;
  }

  .all-filter-text-copy, .branding-filter-text-page.w--current {
    font-size: .7rem;
  }

  .print-works-container {
    height: 70vh;
    margin-bottom: 6em;
    margin-left: 0;
    margin-right: 0;
  }

  .print-works-1-2-sec, .print-work-3-4-sec {
    height: 34vh;
  }

  .sws-title-div-block-copy, .stratus-title-div-copy {
    height: 6vh;
  }

  .ui-ux-works-container {
    height: 70vh;
    margin-bottom: 6em;
    margin-left: 0;
    margin-right: 0;
  }

  .ui-ux-work-1-2-sec {
    height: 34vh;
  }

  .dc-title-div-block-copy, .nuuly-title-div-copy {
    height: 6vh;
  }

  .nuuly-img-div-copy {
    height: 20vh;
  }

  .packaging-filter-text-red.w--current, .print-filter-text-red.w--current, .uiux-filter-text-red.w--current {
    font-size: .7rem;
  }

  .twe-container {
    border-bottom: 0 solid #0c0c0c;
    height: 174vh;
    margin-bottom: 8em;
  }

  .twe-poster-div {
    border-bottom-width: 0;
    height: 45vh;
  }

  .twe-info-sec {
    border-left: 2px solid #0c0c0c;
    width: 100%;
    height: 92vh;
  }

  .twe-info-div {
    height: 28vh;
  }

  .twe-description {
    width: 82%;
    font-size: .7rem;
  }

  .twe-poster-sec {
    width: 100%;
  }

  .twe-objective-heading {
    font-size: .7rem;
  }

  .twe-objective-info-div {
    height: 19vh;
  }

  .twe-objective {
    width: 77%;
    font-size: .7rem;
  }

  .tools-used-heading, .adobe-tools-text, .twe-about-heading {
    font-size: .7rem;
  }

  .poster-info-section {
    flex-flow: column;
    height: 106vh;
  }

  .brochure-section {
    height: 30vh;
  }

  .lanyard-div {
    border-right-width: 0;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 68vh;
  }

  .twe-lanyard-img-div {
    border-left: 2px solid #0c0c0c;
    border-right-width: 2px;
    width: 100%;
    height: 48vh;
    padding-top: 0;
    padding-bottom: .5rem;
  }

  .twe-lanyard-img {
    width: 75%;
  }

  .brochure-pics-div {
    width: 100%;
    height: 35vh;
  }

  .twe-brochure-slider {
    border-bottom: 2px solid #0c0c0c;
    height: 30vh;
  }

  .twe-slide-right-arrow, .twe-slider-left-arrow {
    width: 12%;
  }

  .slide-nav {
    width: 100%;
  }

  .steap-div-block-copy {
    height: 34vh;
  }

  .steap-subhead-div-copy {
    height: 8vh;
  }

  .curli-div-block-copy, .superior-div-block-copy, .twe-div-block-copy {
    height: 34vh;
  }

  .twe-explore-more-div-copy {
    height: 8vh;
  }

  .sws-div-block-copy, .stratus-div-block-copy, .movie-poster-div-copy, .hallo-div-block-copy, .dc-div-block-copy, .nuuly-div-block-copy {
    height: 34vh;
  }

  .nuuly-subhead-div-copy {
    height: 8vh;
  }

  .hburg-div-block-copy {
    height: 34vh;
  }

  .hburg-container {
    height: 89vh;
    margin-bottom: 8em;
  }

  .hburg-info-sec {
    flex-flow: column;
    height: 89vh;
  }

  .hburg-mockup-sec {
    width: 100%;
  }

  .hburg-mockup-img-div {
    border-bottom-width: 0;
    height: 40vh;
  }

  .hburg-info-text-sec {
    border-left: 2px solid #0c0c0c;
    width: 100%;
    height: 49vh;
  }

  .hburg-info-div {
    height: 22vh;
  }

  .hburg-page-heading {
    height: 6vh;
  }

  .hburg-about-header, .hburg-description {
    font-size: .7rem;
  }

  .hburg-objective-info-div {
    height: 16vh;
  }

  .hburg-objective-heading {
    font-size: .7rem;
  }

  .hburg-objective {
    width: 85%;
    font-size: .7rem;
  }

  .hburg-adobe-tools-text {
    font-size: .7rem;
  }

  .sws-container {
    height: 140vh;
  }

  .sws-cover-info-sec {
    flex-flow: column;
    height: 105vh;
  }

  .sws-cover-sec {
    border-right: 2px solid #0c0c0c;
    width: 100%;
  }

  .sws-cover-div {
    border-bottom-width: 0;
    height: 45vh;
  }

  .sws-info-sec {
    border-left-width: 0;
    width: 100%;
    height: 60vh;
  }

  .sws-info-div {
    height: 32vh;
  }

  .sws-about-heading, .sws-description, .sws-objective-heading {
    font-size: .7rem;
  }

  .sws-objective {
    width: 80%;
    font-size: .7rem;
  }

  .sws-tools-used-text {
    font-size: .7rem;
  }

  .magazine-pgs-sec, .magazine-pgs-div, .sws-magazine-pgs-slider {
    height: 35vh;
  }

  .sws-slider-left-arrow, .sws-slider-right-arrow {
    width: 12%;
  }

  .dcloth-container {
    height: 106vh;
  }

  .dc-info-section {
    flex-flow: column;
    height: 106vh;
  }

  .dc-main-img-sec {
    border-right: 2px solid #0c0c0c;
    width: 100%;
  }

  .dc-main-img-div {
    border-top-color: #0c0c0c;
    border-bottom-width: 0;
    border-left-color: #0c0c0c;
    height: 40vh;
  }

  .dc-info-sec {
    width: 100%;
    height: 66vh;
  }

  .dc-info-div {
    height: 32vh;
  }

  .dc-about-heading {
    font-size: .7rem;
  }

  .dcloth-description {
    width: 78%;
    font-size: .7rem;
  }

  .dc-objective-info-div {
    height: 15vh;
  }

  .dc-objective-heading {
    font-size: .7rem;
  }

  .dcloth-objective {
    width: 75%;
    font-size: .7rem;
  }

  .dc-tools-used {
    font-size: .7rem;
  }

  .dcloth-link-txt-block {
    width: 62%;
    font-size: .8rem;
  }

  .dcloth-link-div {
    height: 5vh;
  }

  .halloween-container {
    height: 101vh;
  }

  .hallo-poster-section {
    flex-flow: column;
    height: 101vh;
  }

  .hallo-poster-sec {
    width: 100%;
  }

  .hallo-poster-div {
    border-top-color: #0c0c0c;
    border-bottom-width: 0;
    border-left-color: #0c0c0c;
    border-right-width: 2px;
    border-right-color: #0c0c0c;
    height: 45vh;
  }

  .hallo-info-sec {
    width: 100%;
  }

  .hallo-info-div {
    height: 23vh;
  }

  .hallo-header-div, .hallo-page-heading {
    height: 6vh;
  }

  .hallo-about-heading, .poster-description {
    font-size: .7rem;
  }

  .exhibition-info-div {
    height: 18vh;
  }

  .exhibition-heading, .exhibition-info, .hallo-tools-text, .bold-text {
    font-size: .7rem;
  }

  .superior-container {
    height: 142vh;
  }

  .superior-main-img-sec {
    flex-flow: column;
    height: 107vh;
  }

  .superior-img-sec {
    width: 100%;
  }

  .superior-main-img-div {
    border-bottom-width: 0;
    height: 45vh;
  }

  .superior-info-sec {
    border-left: 2px solid #0c0c0c;
    width: 100%;
  }

  .superior-info-div {
    height: 28vh;
  }

  .superior-about-heading {
    font-size: .7rem;
  }

  .superior-description {
    width: 85%;
    font-size: .7rem;
  }

  .superior-objective-info-div {
    height: 20vh;
  }

  .superior-objective-heading, .superior-objective, .superior-tools-used {
    font-size: .7rem;
  }

  .superior-other-img-sec {
    height: 65vh;
  }

  .superior-can-back-div, .superior-tilted-can-div {
    height: 35vh;
  }

  .stratus-container {
    height: 137vh;
  }

  .stratus-cover-section {
    flex-flow: column;
    height: 120vh;
  }

  .stratus-cover-img-sec {
    width: 100%;
  }

  .stratus-cover-div {
    border-bottom-width: 0;
    height: 45vh;
  }

  .stratus-info-sec {
    border-left: 2px solid #0c0c0c;
    width: 100%;
    height: 57vh;
  }

  .stratus-info-div {
    height: 26vh;
  }

  .stratus-about-heading {
    font-size: .7rem;
  }

  .stratus-description {
    width: 80%;
    font-size: .7rem;
  }

  .stratus-objective-info-div {
    height: 17vh;
  }

  .stratus-objective-heading {
    font-size: .7rem;
  }

  .stratus-objective {
    width: 80%;
    font-size: .7rem;
  }

  .zine-pgs-sec, .zine-pages-div, .stratus-zine-slider {
    height: 35vh;
  }

  .fall-layers-container {
    height: 227vh;
  }

  .fall-layers-main-img-sec {
    flex-flow: column;
    height: 150vh;
  }

  .fall-main-img-sec {
    width: 100%;
  }

  .fall-main-vid-div {
    border-color: #0c0c0c;
    border-right-width: 2px;
    height: 45vh;
  }

  .fall-layers-info-sec {
    width: 100%;
    height: 67vh;
  }

  .fall-layers-info-div {
    height: 31vh;
  }

  .fall-layers-about-heading {
    font-size: .7rem;
  }

  .fall-layers-description {
    width: 83%;
    font-size: .7rem;
  }

  .fall-layers-objective-info-div {
    height: 22vh;
  }

  .fall-layers-objective-heading, .fall-layers-objective, .fall-layers-tools-used {
    font-size: .7rem;
  }

  .movie-poster-container {
    height: 100vh;
  }

  .movie-poster-info-sec {
    flex-flow: column;
    height: 100vh;
  }

  .mov-poster-sec {
    width: 100%;
  }

  .mov-poster-div {
    height: 45vh;
  }

  .mov-poster-info-sec {
    border-left: 2px solid #0c0c0c;
    width: 100%;
  }

  .movie-poster-info-div {
    height: 24vh;
  }

  .pageofmadness-header-div, .pageofmadness-heading {
    height: 6vh;
  }

  .mov-poster-about-heading {
    font-size: .7rem;
  }

  .mov-poster-description {
    width: 82%;
    font-size: .7rem;
  }

  .mov-poster-objective-info-div {
    height: 20vh;
  }

  .mov-objective-heading, .mov-poster-objective, .mov-poster-tools-text {
    font-size: .7rem;
  }

  .nuuly-container {
    height: 84vh;
  }

  .nuuly-info-section {
    flex-flow: column;
  }

  .nuuly-vid-sec {
    width: 100%;
  }

  .nuuly-vid-div {
    height: 31vh;
  }

  .nuuly-info-sec {
    width: 100%;
  }

  .nuuly-info-div {
    height: 21vh;
  }

  .nuuly-header-div, .nuuly-page-heading {
    height: 6vh;
  }

  .nuuly-about-heading {
    font-size: .7rem;
  }

  .nuuly-description {
    width: 78%;
    font-size: .7rem;
  }

  .nuuly-objective-info-div {
    height: 18vh;
  }

  .nuuly-objective-heading {
    font-size: .7rem;
  }

  .nuuly-objective {
    width: 80%;
    font-size: .7rem;
  }

  .nuuly-tools-text {
    font-size: .7rem;
  }

  .curli-container {
    height: 131vh;
    margin-bottom: 8em;
  }

  .curli-main-img-sec {
    flex-flow: column;
    height: 106vh;
  }

  .curli-img-sec {
    width: 100%;
  }

  .curli-main-img-div {
    background-position: 50% 35%;
    height: 50vh;
  }

  .curli-info-sec {
    border-left: 2px solid #0c0c0c;
    width: 100%;
    height: 56vh;
  }

  .curli-info-div {
    height: 26vh;
  }

  .curli-header-div {
    justify-content: center;
    align-items: flex-start;
  }

  .curli-page-heading {
    justify-content: center;
    align-items: center;
    line-height: 1.8px;
    display: flex;
  }

  .curli-about-heading {
    font-size: .7rem;
  }

  .curli-description {
    width: 85%;
    font-size: .7rem;
  }

  .curli-objective-info-div {
    height: 15vh;
  }

  .curli-objective-heading, .curli-objective {
    font-size: .7rem;
  }

  .curli-tools-used {
    font-size: .7rem;
    line-height: 1.6rem;
  }

  .curli-other-imgs-sec, .whats-inside-div, .curli-slider-div, .curli-slider {
    height: 25vh;
  }

  .curli-slider-left-arrow {
    width: 18%;
  }

  .curli-slider-right-arrow {
    width: 22%;
  }

  .container-3 {
    max-width: none;
  }

  .footer-wrapper-two {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-block-two {
    margin-top: 40px;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-social-block-two {
    margin-top: 20px;
  }

  .footer-container {
    justify-content: flex-start;
    align-items: flex-end;
    height: 20vh;
  }

  .written-d-white-div {
    width: 10%;
    height: 20vh;
    margin-right: .5rem;
    display: none;
  }

  .home-footer-links-div {
    width: 25%;
    height: 20vh;
    padding-top: 0;
  }

  .home-footer-link, .home-footer-link.w--current {
    font-size: .7rem;
  }

  .casestudy-footer-link, .package-footer-link, .branding-footer-link, .print-footer-link, .ui-ux-footer-link {
    font-size: .6rem;
  }

  .contact-footer-div {
    width: 25%;
    height: 20vh;
  }

  .contact-footer-link {
    font-size: .7rem;
  }

  .footer-page-links-sec {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 21vh;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .home-links-foot-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 90%;
    height: 20vh;
    padding-top: 3em;
  }

  .work-footer-links-div, .about-footer-links-div {
    width: 25%;
    height: 20vh;
  }

  .cream-circle-div {
    width: 12%;
    height: 20vh;
    padding-top: 3.3em;
  }

  .aboutme-foot-div {
    width: 100%;
    height: 20vh;
    padding-top: 2.8em;
    padding-left: .5rem;
  }

  .mywork-footer-link {
    font-size: .7rem;
  }

  .aboutme-footer-link {
    width: 100%;
    font-size: .7rem;
  }

  .mywork {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    height: 20vh;
    padding-top: 3em;
  }

  .contact-foot-div {
    width: 95%;
    height: 20vh;
    padding-top: 2.8em;
  }

  .contact-icons-foot-div {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: flex-start;
    align-items: center;
    height: 4vh;
  }

  .mail-link-block, .linkedin-link-block {
    width: 30%;
  }

  .laf-hotel-link-div {
    height: 4vh;
  }

  .laf-hotel-txt-block {
    font-size: .7rem;
  }

  .pawsitive-dropdown-link {
    height: 6vh;
    font-size: .9rem;
  }

  .lafayette-dropdown-link {
    height: 6.5vh;
    font-size: .9rem;
  }

  .dropdown-list-2.w--open {
    width: 25vw;
    height: 19vh;
  }

  .left-arrow {
    width: 8%;
  }

  .right-arrow, .left-arrow-2, .right-arrow-2 {
    width: 10%;
  }

  .steap-container {
    height: 115vh;
  }

  .steap-main-img-section {
    flex-flow: column;
    height: 86vh;
  }

  .steap-img-sec {
    width: 100%;
  }

  .steap-main-img-div {
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-width: 0;
    height: 35vh;
  }

  .steap-info-section {
    border-left: 2px solid #0c0c0c;
    width: 100%;
    height: 51vh;
  }

  .steap-info-div {
    height: 23vh;
  }

  .steap-about-heading {
    font-size: .7rem;
  }

  .steap-description {
    width: 78%;
    font-size: .7rem;
  }

  .steap-objective-info-div {
    height: 17vh;
  }

  .steap-objective-heading {
    font-size: .7rem;
  }

  .steap-objective {
    width: 84%;
    font-size: .7rem;
  }

  .steap-tools-used-text {
    font-size: .7rem;
  }

  .steap-extra-section {
    height: 24vh;
  }

  .red-dot-div {
    width: 8%;
  }

  .layers-of-fall-heading {
    font-size: 1rem;
  }

  .fall-layers-video-sec {
    border-left: 2px solid #0c0c0c;
    border-right: 2px solid #0c0c0c;
    flex-flow: column;
    height: 115vh;
  }

  .fall-layers-poster-div {
    border-left-width: 0;
    border-right: 0 solid #0c0c0c;
    width: 100%;
    height: 60vh;
  }

  .fall-layers-vd-div {
    border-left-width: 0;
    border-right-width: 0;
    width: 100%;
    height: 55vh;
  }

  .fall-layers-vid {
    width: 80%;
    height: 50vh;
  }

  .shoe-case-study-sec {
    height: 8vh;
  }

  .shoe01-subhead-div {
    padding-left: .125em;
  }

  .shoe-01-subhead {
    font-size: 1.2em;
  }

  .shoe-heading-div {
    width: 29%;
  }

  .shoe-heading {
    font-size: 1rem;
  }

  .shoe-design-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: flex-start;
    width: 46%;
  }

  .shoe-subheads-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    height: 6vh;
    padding-left: .25rem;
  }

  .shoedesign-subhead {
    height: 3.5vh;
    padding-left: .125rem;
    font-size: .75rem;
  }

  .shoe-sub-subhead {
    font-size: .4rem;
    line-height: .8rem;
  }

  .see-more-shoe-div, .seemore-shoe-div-block {
    height: 8vh;
  }

  .seemore-shoe-div-block:hover {
    text-decoration-thickness: 1px;
  }

  .shoe-seemore-link-txt {
    width: 75%;
    font-size: .5rem;
  }

  .shoe-imgs-section, .shoe-img1-div, .shoe-img2-div, .shoe-img3-div {
    height: 15vh;
  }

  .shoe-hero-container {
    width: 100%;
    height: 60vh;
    margin-top: 6em;
  }

  .dropdown-casestudy-div-shoe {
    width: 100%;
    height: 6vh;
    margin-top: 0;
    margin-left: 0;
  }

  .shoe-case-studydropdown {
    width: 89%;
  }

  .shoe-casestudy-dropdown-toggle {
    padding-left: 10px;
  }

  .shoe-dropdown-head {
    font-size: .9rem;
  }

  .vare-dropdownlink {
    height: 6vh;
    font-size: .9rem;
  }

  .shoe-hero-img-div {
    height: 40vh;
    margin-top: 1rem;
  }

  .shoe-summ-container {
    justify-content: flex-end;
    align-items: center;
    margin-top: 2em;
    margin-bottom: 4em;
  }

  .shoe-summary-img-div {
    width: 88%;
    margin-top: 4em;
  }

  .shoe-summary-bodycopy-div {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .shoedesign-subhead-div {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .shoedesign-subhead-subdiv {
    height: 5vh;
  }

  .shoe-summary-body-div {
    height: 22vh;
  }

  .shoe-summary-paragraph {
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .shoe-goals-container {
    justify-content: flex-start;
    align-items: center;
    height: 62vh;
    margin-top: 0;
  }

  .shoe-goals-subhead {
    height: 15vh;
  }

  .shoe-research-question {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }

  .shoe-goal1-div {
    width: 80%;
  }

  .shoe-goal1-paragraph {
    margin-left: 1.2em;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .shoe-mission-vision-div {
    justify-content: center;
    align-items: flex-start;
    height: 27vh;
  }

  .shoe-mission-div {
    width: 45%;
  }

  .shoe-mission-paragraph {
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .shoe-vision-div {
    width: 38%;
  }

  .shoe-vision-paragraph {
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .shoe-challenge-container {
    height: 80vh;
    margin-bottom: 4em;
  }

  .shoe-challenge-img-div {
    width: 90%;
  }

  .shoe-challenges-body-div {
    margin-top: .5rem;
  }

  .shoe-challenges-subhead-div {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .shoe-challenges-leadline-div {
    width: 18%;
  }

  .shoe-challenges-subhead-subdiv {
    height: 5vh;
  }

  .shoe-challenges-subheader {
    font-size: 1.2rem;
  }

  .shoe-summary-bodydiv {
    height: 28vh;
  }

  .shoe-challnges-paragraph {
    width: 68%;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .shoe-process-container {
    height: 70vh;
  }

  .shoe-process-bodycopy-div {
    justify-content: flex-start;
    align-items: center;
    height: 32vh;
    margin-top: .5rem;
  }

  .shoe-process-subhead {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .shoe-process-subheading {
    font-size: 1.2rem;
  }

  .shoe-process-paragraph {
    width: 68%;
    padding-left: 1em;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .shoe-process-img-header-div {
    height: 35vh;
  }

  .shoe-results-container {
    justify-content: flex-end;
    align-items: center;
    height: 80vh;
    margin-top: 4em;
  }

  .shoe-results-bodycopy-div {
    justify-content: flex-start;
    align-items: center;
    height: 42vh;
    margin-top: .5rem;
  }

  .shoe-likelyresults-subhead-div {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .shoe-likely-results-subhead {
    font-size: 1.2rem;
  }

  .shoe-results-paragraph {
    padding-left: 1em;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .shoe-results-img-header-div {
    width: 100%;
    height: 35vh;
  }

  .dropdown-casestudy-div-vare {
    width: 100%;
    height: 6vh;
    margin-left: 0;
  }

  .vare-case-studydropdown {
    width: 91%;
  }

  .vare-casestudy-dropdown-toggle {
    width: 67%;
    padding-left: 10px;
  }

  .vare-casestudy-dropdown-toggle.w--open {
    width: 100%;
  }

  .varee-dropdown-head {
    font-size: 1rem;
  }

  .vare-dropdown-list.w--open {
    width: 15vw;
    height: 16vh;
  }

  .shoe-dropdownlink-varepg {
    height: 5.5vh;
    padding-left: 10px;
    font-size: 1rem;
  }

  .pawsitive-dropdown-link-varepg, .lafayette-dropdown-link-varepg {
    height: 5vh;
    padding-left: 10px;
    font-size: 1rem;
  }

  .dropdown-casestudy-div-pawsitive {
    width: 100%;
    height: 6vh;
    margin-left: 0;
  }

  .pawsitive-case-studydropdown {
    margin-right: .3rem;
  }

  .paws-case-study-dropdown-toggle {
    width: 67%;
    padding-left: 10px;
  }

  .paws-case-study-dropdown-toggle.w--open {
    width: 100%;
  }

  .pawsitive-dropdown-head {
    font-size: 1rem;
  }

  .pawsitive-dropdown-list.w--open {
    width: 25vw;
    height: 15.5vh;
  }

  .vare-dropdown-link-pawspg, .lafayette-dropdown-link-pawspg, .shoe-dropdownlink-pawspg {
    height: 5vh;
    padding-left: 10px;
    font-size: 1rem;
  }

  .laf-dropdown-casestduyd-div {
    width: 100%;
    height: 5vh;
    margin-left: 0;
  }

  .laf-cs-dropdown {
    width: 100%;
    margin-right: .3rem;
  }

  .laf-casestudy-dropdown-toggle {
    width: 83%;
    padding-left: 10px;
  }

  .laf-casestudy-dropdown-toggle.w--open {
    width: 100%;
  }

  .lafayette-cs-dropdown-head {
    font-size: 1rem;
  }

  .lafayette-cs-dropdown-list.w--open {
    height: 15.4vh;
  }

  .paws-dropdownlink-lafhotelpg.w--current, .shoe-dropdownlink-lafhotelpg, .vare-dropdown-link-lafhotelpg {
    height: 5vh;
    padding-left: 10px;
    font-size: 1rem;
  }

  .aboutme-arrow-link {
    width: 80%;
  }

  .identity-subheading {
    font-size: 1.2rem;
  }

  .process-book-slider {
    height: 35vh;
  }

  .right-arrow-3, .left-arrow-3 {
    width: 10%;
  }

  .prototypes-imgs-container {
    height: 85vh;
  }

  .poster-section {
    justify-content: flex-start;
    align-items: center;
    height: 40vh;
  }

  .shoe-poster-img-div {
    width: 100%;
    height: 35vh;
  }

  .shoe-poster-header-div {
    width: 70%;
    height: 3vh;
  }

  .shoe-poster-heading {
    font-size: 1.2rem;
  }

  .sneaker-book-img-section {
    height: 40vh;
  }

  .sneaker-book-imgs-div {
    width: 100%;
    height: 34vh;
  }

  .sneaker-book-header-div {
    width: 80%;
    height: 4.5vh;
  }

  .sneaker-book-heading {
    margin-bottom: 0;
    font-size: 1.2rem;
  }

  .sneaker-book-slider {
    height: 34vh;
  }

  .outside-book-slide {
    background-size: cover;
  }

  .page1-slide, .contents-page-slide {
    background-size: contain;
  }

  .right-arrow-4, .left-arrow-4 {
    width: 9%;
  }

  .seemore-white-arrow {
    padding-left: .8rem;
    padding-right: .8rem;
    display: none;
  }

  .image-3, .image-4, .white-seemore-arrow {
    display: none;
  }

  .mail-foot-linkblk {
    width: 30%;
  }

  .linkedin-foot-linkblk {
    width: 25%;
  }

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

  .nav-menu-2 {
    background-color: #f8f6f2;
    border: 2px solid #0c0c0c;
    border-width: 2px 0;
    flex-direction: column;
    height: 23vh;
    padding-top: .25rem;
    padding-bottom: .5rem;
  }

  .nav-link {
    color: #0c0c0c;
    font-size: .8rem;
  }

  .nav-link.w--current {
    font-size: .8rem;
  }

  .mobile-margin-top-10 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 4vh;
    margin-top: 0;
  }

  .nav-button-wrapper {
    width: auto;
  }

  .menu-button-2.w--open {
    color: #0c0c0c;
    background-color: #a6b1bf00;
  }

  .image-5 {
    width: 60%;
  }

  .image-6 {
    width: 65%;
  }

  .shoe-red-dot, .vare-red-dot, .paws-red-dot {
    width: 85%;
  }

  .image-10 {
    width: 65%;
  }

  .image-11 {
    width: 70%;
  }

  .image-12 {
    width: 80%;
  }

  .image-13 {
    width: 75%;
  }

  .image-14 {
    width: 7%;
  }

  .image-15, .image-16, .image-17, .image-18, .mail-icon-img, .linkedin-icon-img {
    width: 75%;
  }

  .name-logo-div {
    width: 40vh;
    height: 18vh;
    top: -165.633px;
    left: -111.328px;
  }

  .red-dot-steap, .red-dot-hburg, .red-dot-curli, .red-dot-twe, .red-dot-sws, .red-dot-dc, .red-dot-superior, .red-dot-stratus, .red-dot-nuuly, .red-dot-lof, .red-dot-movposter, .red-dot-halloween, .reddot-steap, .twe-red-dot, .hburg-red-dot, .sws-red-dot, .stratus-red-dot, .movposter-red-dot, .halloween-red-dot, .dc-red-dot, .nuuly-red-dot {
    width: 40%;
  }

  .fall-subhead-div-copy {
    height: 8vh;
  }

  .dc-img-div-copy, .fall-layers-img-div-copy {
    height: 20vh;
  }

  .fall-layers-title-div-copy, .tea-labels-div {
    height: 6vh;
  }

  .generic-heading-div {
    height: 6vh;
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .organic-heading-div, .expensive-heading-div {
    height: 6vh;
  }

  .generic-heading {
    font-size: 1rem;
    line-height: 1.1rem;
  }

  .organic-heading, .heading-6 {
    font-size: 1rem;
  }

  .image-43 {
    width: 7%;
  }

  .path-dot-div {
    width: 10%;
  }

  .image-44 {
    width: 70%;
    height: 3.2vh;
  }

  .image-45 {
    width: 85%;
  }

  .image-46 {
    width: 7%;
  }

  .shoe-summ-reddot-img {
    width: 6%;
  }

  .image-49 {
    width: 8%;
  }

  .image-50 {
    width: 7%;
  }

  .reddot-curli, .reddot-superior {
    width: 40%;
  }

  .callout-reddot-divcopy {
    width: 8%;
  }

  .callout-reddot-div-copy, .callout-reddot--copy {
    width: 10%;
  }

  .process-vare-header, .challenges-vare-header, .summary-vare-header, .results-vare-header, .summary-shoe-header, .challenges-shoe-header, .process-shoe-header, .results-shoe-header, .summary-paws-header, .challenges-paws-header, .process-paws-header, .results-paws-header {
    height: 5vh;
    font-size: 2.8rem;
  }

  .red-dot-paws-mywork {
    width: 70%;
  }

  .summary-laf-header, .challenges-laf-header, .process-laf-header, .results-laf-header {
    height: 5vh;
    font-size: 2.8rem;
  }

  .steps-paragraph {
    width: 48%;
    font-size: .7rem;
    line-height: 1.3rem;
  }

  .transition-cta-subhead-div-laf {
    height: 5vh;
  }

  .image-51, .shoe-results-reddot-img {
    width: 7%;
    height: 3.3vh;
  }

  .mywork-shoe-reddot-img {
    width: 95%;
  }

  .vare-reddot-img {
    width: 75%;
  }

  .vare-summ-reddot-img {
    width: 7%;
  }

  .image-52, .image-53, .image-54 {
    width: 13%;
  }

  .image-55 {
    width: 7%;
  }

  .vare-process-reddot {
    width: 7%;
    height: 3.2vh;
  }

  .vare-inspo-reddot {
    width: 7%;
  }

  .vare-results-reddot {
    width: 7%;
    height: 3.5vh;
  }

  .image-56 {
    width: 85%;
  }

  .paws-drpdown-reddot {
    width: 80%;
  }

  .paws-summ-reddot {
    width: 7%;
  }

  .reddot-pawsgoal-1 {
    width: 15%;
  }

  .image-58, .image-59 {
    width: 17%;
  }

  .paws-challenge-reddot {
    width: 8%;
  }

  .paws-process-reddot {
    width: 8%;
    height: 3.5vh;
  }

  .wagsbags-reddot, .image-60 {
    width: 7%;
  }

  .paws-results-reddot {
    width: 7%;
    height: 3.3vh;
  }

  .transition-cta-subhead-div-paws {
    height: 5vh;
  }

  .laf-reddot-dropdown {
    width: 80%;
  }

  .laf-summ-reddot-img {
    width: 7%;
  }

  .image-62 {
    width: 15%;
  }

  .laf-process-reddot {
    width: 7%;
    height: 3.2vh;
  }

  .laf-chlgs-reddot, .laf-steps-reddot {
    width: 7%;
  }

  .laf-results-reddot {
    width: 7%;
    height: 3.2vh;
  }

  .laf-mywork-reddot {
    width: 95%;
  }

  .contact-mywork-reddot, .package-contact-reddot, .uiux-contact-reddot, .print-contact-reddot, .curli-contact-reddot, .twe-contact-reddot, .hburg-contact-reddot, .steap-contact-reddot, .sws-contact-reddot, .dc-contact-reddot, .superior-contact-reddot, .strat-contact-reddot, .nuuly-contact-reddot, .lof-contact-reddot, .movposter-contact-reddot, .image-67 {
    width: 70%;
  }

  .image-68 {
    height: .08vh;
  }

  .image-69, .image-70 {
    width: 75%;
  }

  .link-block {
    width: 30%;
  }

  .link-block-2 {
    width: 25%;
  }

  .link-block-3 {
    width: 30%;
  }

  .image-71 {
    width: 75%;
  }

  .link-block-4 {
    width: 25%;
  }

  .image-72 {
    width: 75%;
  }

  .link-block-5 {
    width: 30%;
  }

  .image-73 {
    width: 75%;
  }

  .link-block-6 {
    width: 25%;
  }

  .image-74 {
    width: 75%;
  }

  .mail-lnk-blk {
    width: 30%;
  }

  .linkedin-lnk-blk {
    width: 25%;
  }

  .mail-footer-img, .linkedin-footer-img {
    width: 75%;
  }

  .laf-cs-reddot {
    width: 85%;
  }

  .mail-foot-lnkblk {
    width: 30%;
  }

  .mail-lb-mywork-foot {
    width: 75%;
  }

  .linkedin-foot-lnkblk {
    width: 25%;
  }

  .linkedin-mywork-foot {
    width: 75%;
  }

  .image-77 {
    width: 85%;
  }

  .mail-foot-linkblk-pack {
    width: 30%;
  }

  .mail-icon-pack-foot {
    width: 75%;
  }

  .linked-linkblk-pack {
    width: 25%;
  }

  .linkedin-pack-foot {
    width: 75%;
  }

  .contact-brand-reddot {
    width: 70%;
  }

  .mail-lb-brand {
    width: 30%;
  }

  .mail-lb-brand-foot {
    width: 75%;
  }

  .li-lnkblk-foot-brand {
    width: 25%;
  }

  .linkedin-icon-brandfoot {
    width: 75%;
  }

  .mail-foot-lnkblk7 {
    width: 30%;
  }

  .mail-foot-icon8 {
    width: 75%;
  }

  .li-lnkblk-foot7 {
    width: 25%;
  }

  .linkedin-icon-foot-8 {
    width: 75%;
  }

  .image-85, .image-86 {
    width: 85%;
  }

  .mail-lnkblk-foot9 {
    width: 30%;
  }

  .mail-icon-foot9 {
    width: 75%;
  }

  .li-lnkblk-foot9 {
    width: 25%;
  }

  .linkedin-icon-foot9 {
    width: 75%;
  }

  .mail-lb-curlifoot {
    width: 30%;
  }

  .mail-icon-curlifoot {
    width: 75%;
  }

  .li-lb-curlifoot {
    width: 25%;
  }

  .linkedin-icon-curlifoot {
    width: 75%;
  }

  .image-87, .image-88 {
    width: 85%;
  }

  .mail-lb-twe-foot {
    width: 30%;
  }

  .mail-icon-twefoot {
    width: 75%;
  }

  .li-lb-twefoot {
    width: 25%;
  }

  .linkedin-icon-twefoot {
    width: 75%;
  }

  .image-89 {
    width: 85%;
  }

  .mail-lb-hburgfoot {
    width: 30%;
  }

  .mail-icon-hburgfoot {
    width: 75%;
  }

  .li-lb-hburgfoot {
    width: 25%;
  }

  .linkedin-icon-hburgfoot {
    width: 75%;
  }

  .image-90 {
    width: 85%;
  }

  .mail-lb-steapfoot {
    width: 30%;
  }

  .mail-icon-steapfoot {
    width: 75%;
  }

  .li-lb-steapfoot {
    width: 25%;
  }

  .linkedin-icon-steapfoot {
    width: 75%;
  }

  .image-91 {
    width: 85%;
  }

  .mail-lb-swsfoot {
    width: 30%;
  }

  .mail-icon-swsfoot {
    width: 75%;
  }

  .li-lb-swsfoot {
    width: 25%;
  }

  .linkedin-icon-swsfoot {
    width: 75%;
  }

  .image-92 {
    width: 85%;
  }

  .mail-lb-dcfoot {
    width: 30%;
  }

  .mail-icon-dcfoot {
    width: 75%;
  }

  .li-lb-dcfoot {
    width: 25%;
  }

  .linkedin-icon-dcfoot {
    width: 75%;
  }

  .image-93 {
    width: 85%;
  }

  .mail-lb-supfoot {
    width: 30%;
  }

  .mail-icon-supfoot {
    width: 75%;
  }

  .li-lb-supfoot {
    width: 25%;
  }

  .linkedin-icon-supfoot {
    width: 75%;
  }

  .image-94 {
    width: 85%;
  }

  .mail-lb-stratfoot {
    width: 30%;
  }

  .mail-icon-stratfoot {
    width: 75%;
  }

  .li-lb-stratfoot {
    width: 25%;
  }

  .linkedin-stratfoot {
    width: 75%;
  }

  .image-95 {
    width: 85%;
  }

  .mail-lb-nuulyfoot {
    width: 30%;
  }

  .mail-icon-nuulyfoot {
    width: 75%;
  }

  .li-lb-nuulyfoot {
    width: 25%;
  }

  .linkedin-icon-nuulyfoot {
    width: 75%;
  }

  .image-96 {
    width: 85%;
  }

  .mail-lb-lof-foot {
    width: 30%;
  }

  .mail-icon-lof-foot {
    width: 75%;
  }

  .li-lb-lof-foot {
    width: 25%;
  }

  .linkedin-icon-lof-foot {
    width: 75%;
  }

  .image-97 {
    width: 85%;
  }

  .mail-lb-movposter-foot {
    width: 30%;
  }

  .mail-icon-movposter-foot {
    width: 75%;
  }

  .li-lb-movposter-foot {
    width: 25%;
  }

  .linkedin-icon-movposter-foot {
    width: 75%;
  }

  .image-98 {
    width: 85%;
  }

  .mail-lb-hallo-foot {
    width: 30%;
  }

  .mail-icon-hallo-foot {
    width: 75%;
  }

  .li-lb-hallo-foot {
    width: 25%;
  }

  .linkedin-icon-hallo-foot, .image-99, .image-100 {
    width: 75%;
  }
}


@font-face {
  font-family: 'Cormorantgaramond';
  src: url('../fonts/CormorantGaramond-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorantgaramond';
  src: url('../fonts/CormorantGaramond-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorantgaramond';
  src: url('../fonts/CormorantGaramond-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorantgaramond';
  src: url('../fonts/CormorantGaramond-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorantgaramond';
  src: url('../fonts/CormorantGaramond-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorantgaramond';
  src: url('../fonts/CormorantGaramond-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorantgaramond';
  src: url('../fonts/CormorantGaramond-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorantgaramond';
  src: url('../fonts/CormorantGaramond-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorantgaramond';
  src: url('../fonts/CormorantGaramond-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cormorantgaramond';
  src: url('../fonts/CormorantGaramond-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}