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

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

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

.section {
  width: 100%;
}

.container {
  max-width: 100%;
}

.section-2 {
  width: 100%;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.container-2 {
  justify-content: center;
  align-items: center;
  width: 1440px;
  max-width: 1440px;
  display: flex;
}

.div-block, .div-block-2 {
  max-width: 40vw;
}

._100_section_white {
  background-color: #fff;
  width: 100%;
  height: auto;
  margin-top: 0%;
  padding-top: 3%;
  padding-bottom: 2%;
  position: relative;
}

.auto_container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: auto;
  margin-top: 0;
  margin-left: 7%;
  margin-right: 7%;
  padding-top: 4%;
  display: block;
}

.div-block-3 {
  box-sizing: border-box;
  background-color: #0000;
  border: 2px solid #49459c;
  border-radius: 16px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 45%;
  max-width: 45%;
  height: 50vh;
  margin-top: 33px;
  display: block;
}

.div-block-4 {
  width: 40%;
  max-width: 40%;
  height: 40vh;
}

._100_section_blue {
  background-color: #49459c;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50vh;
  display: block;
}

.container-4 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.silder_div {
  width: 100%;
  height: auto;
}

.slider {
  height: 85vh;
}

.slide-nav {
  background-color: #49459c;
}

.navbar {
  text-align: right;
  background-color: #0000;
  height: auto;
  margin-left: 7%;
  margin-right: 7%;
}

.nav-link {
  color: #fff;
  text-align: right;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  display: inline-block;
}

.nav-link.w--current {
  color: #fff;
  font-weight: 700;
}

.nav-link-2, .nav-link-3 {
  color: #49459c;
  font-family: Poppins, sans-serif;
}

.container-5 {
  border-top: 1px #000;
  border-bottom: 0 solid #49459c;
  border-left: 1px #000;
  border-right: 0 #000;
  width: 100%;
  margin-top: 2%;
  margin-left: auto;
  margin-right: 7%;
}

.kailyn-kohler {
  color: #49459c;
  font-family: Lora, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

.text-span {
  color: #6ac5af;
  font-weight: 700;
}

.div-block-6 {
  flex: 0 auto;
  justify-content: center;
  align-self: flex-end;
  align-items: flex-end;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  font-family: PT Serif, serif;
  display: block;
}

.paragraph-creator {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  display: block;
}

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

.paragraph-2 {
  color: #6ac5af;
  align-self: flex-start;
  font-family: Lora, sans-serif;
  font-size: 2rem;
  line-height: 2.25rem;
}

.div-block-7 {
  align-self: flex-start;
  width: 50%;
  margin-bottom: 2%;
}

.div-block-8 {
  color: #fff;
  align-self: flex-end;
  width: 70%;
}

.paragraph-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #49459c;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  display: block;
}

.image {
  width: 75vw;
  height: 40vh;
}

._95_container {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: 100%;
  margin-bottom: 4%;
  margin-left: 7%;
  margin-right: 7%;
  display: flex;
}

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

.slide-2 {
  background-image: url('../images/CT-Website-mockup.jpg');
  background-position: 50%;
  background-size: cover;
}

._100_100_div {
  background-image: url('../images/front-cover.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  box-shadow: 4px 3px 5px #0003;
}

.div-block-10 {
  background-image: url('../images/front-cover.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.favorite_1 {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60vh;
  display: flex;
}

.div-block-12 {
  background-image: url('../images/CT-Website-mockup.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  box-shadow: 6px 4px 5px #0003;
}

.cs3 {
  width: 100%;
  height: 70vh;
}

.cs2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 55%;
  height: 100%;
  display: flex;
}

.label_cs {
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  margin-top: 2%;
  margin-left: 1%;
  margin-right: 1%;
  display: flex;
}

.project_title {
  color: #49459c;
  text-align: right;
  order: 1;
  align-self: stretch;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.div-block-16 {
  width: 45%;
  height: 100%;
}

.cs1 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 55%;
  height: 100%;
  display: flex;
}

.project_brand {
  color: #49459c;
  justify-content: flex-end;
  align-items: center;
  font-family: Lora, sans-serif;
  font-size: 1rem;
  display: flex;
}

.heading {
  color: #6ac5af;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lora, sans-serif;
  font-size: 2rem;
  font-weight: 400;
}

.project_casestudy {
  font-family: Poppins, sans-serif;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 700;
  line-height: 1.5rem;
}

.hero_section {
  background-color: #49459c;
  background-image: linear-gradient(#4a459cf0, #4a459cf0), url('../images/pexels-aukid-phumsirichat-3095759-4691571.jpg');
  background-position: 0 0, 50%;
  background-size: auto, auto;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.container-6 {
  justify-content: flex-end;
  align-items: flex-start;
  max-width: none;
  height: 80vh;
  margin-left: 7%;
  margin-right: 7%;
  display: flex;
}

.heading-2 {
  color: #6ac5af;
  font-family: Lora, sans-serif;
  font-size: 10rem;
  line-height: 12rem;
}

.text-span-3 {
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}

.image-2 {
  width: auto;
  max-width: 100%;
  max-height: 80vh;
  margin-top: 3%;
}

.div-block-17 {
  flex: 0 auto;
  order: 1;
  align-self: auto;
  width: 40%;
}

.div-block-18 {
  flex-flow: column;
  justify-content: space-between;
  align-self: auto;
  width: 60%;
  height: 100%;
  display: flex;
}

.paragraph-3 {
  color: #fff;
  margin-top: 3%;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

._100_section_yellow {
  background-color: #eef1d6;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 4%;
  padding-bottom: 4%;
  display: block;
}

.italic-text {
  color: #6ac5af;
}

.button {
  color: #fff;
  text-align: center;
  background-color: #6ac5af;
  border-radius: 14px;
  width: 50%;
  padding-top: 4%;
  padding-bottom: 4%;
  font-family: Poppins, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
}

.section-3 {
  background-color: #0000;
  background-image: linear-gradient(#4a459cf0, #4a459cf0), url('../images/pexels-aukid-phumsirichat-3095759-4691571.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

._50_div {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 50%;
  height: auto;
  display: flex;
}

.more_label {
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: none;
  margin-top: 0%;
  margin-left: 7%;
  margin-right: 7%;
  padding-top: 4%;
  padding-bottom: 4%;
  display: flex;
}

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

.skill_text {
  color: #6ac5af;
  text-align: center;
  font-family: Lora, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.div-block-19 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.div-block-20 {
  grid-column-gap: 4%;
  grid-row-gap: 4%;
  justify-content: center;
  align-items: center;
  display: flex;
}

._100_100_div-copy {
  background-image: url('../images/Edited-puzzle-photo.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  box-shadow: 4px 3px 5px #0003;
}

.navbar-other {
  background-color: #49459c;
  background-image: linear-gradient(#4a459cf0, #4a459cf0), url('../images/pexels-aukid-phumsirichat-3095759-4691571.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.navbar-name {
  color: #6ac5af;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lora, sans-serif;
  font-size: 2rem;
  line-height: 2rem;
  text-decoration: none;
}

._100_section_yellow_90 {
  background-color: #eef1d6;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 4%;
  padding-bottom: 4%;
  display: block;
}

.auto_container_about {
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  background-color: #0000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  height: auto;
  margin: auto 7%;
  padding-top: 4%;
  padding-bottom: 4%;
  display: flex;
}

.div-block-21 {
  background-color: #0000;
  background-image: url('../images/IMG_8539.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50%;
  height: 80vh;
  box-shadow: 4px 3px 5px #0003;
}

.div-block-22 {
  width: 50%;
  margin-left: 5%;
}

.contact_about {
  background-color: #eef1d6;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

._100_section_blue_90-copy {
  background-color: #49459c;
  background-image: linear-gradient(#4a459cf0, #4a459cf0), url('../images/pexels-aukid-phumsirichat-3095759-4691571.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-right: 1%;
  padding-top: 4%;
  padding-bottom: 4%;
  display: block;
}

.label_cs-copy {
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  margin-top: 0%;
  margin-left: 0%;
  margin-right: 0%;
  display: flex;
}

.flex-experience-div {
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.experience_div {
  width: 48%;
  margin-left: auto;
  margin-right: 2%;
}

.label_cs-copy-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
  margin-top: 2%;
  margin-left: 1%;
  margin-right: 1%;
  display: flex;
}

.paragraph-4 {
  color: #6ac5af;
  font-size: 1rem;
}

.project_title-copy {
  color: #fff;
  text-align: right;
  order: 1;
  align-self: stretch;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.project_brand-copy {
  color: #fff;
  justify-content: flex-end;
  align-items: center;
  font-family: Lora, sans-serif;
  font-size: 1rem;
  display: flex;
}

.list {
  color: #6ac5af;
  padding-left: 20px;
}

.experience_div_thompson {
  width: 48%;
  margin-left: 2%;
  margin-right: 0%;
}

.text-span-2-copy {
  font-family: Poppins, sans-serif;
  font-style: italic;
  font-weight: 700;
}

._50_div-copy {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 50%;
  height: 60vh;
  display: flex;
}

.image-3 {
  background-image: url('../images/KohlerFamilySession-47.JPEG');
  background-position: 50%;
  background-size: auto;
  height: 40vh;
  box-shadow: 4px 3px 5px #0003;
}

.button-copy {
  text-align: center;
  background-color: #6ac5af;
  border-radius: 14px;
  flex: 0 auto;
  align-self: auto;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  padding: 2% 0%;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.div-block-23 {
  grid-column-gap: 20%;
  grid-row-gap: 20%;
  justify-content: center;
  align-self: auto;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

._50_div_v {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  background-color: #6ac5af;
  border-radius: 17px;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 50%;
  height: 60vh;
  margin-left: 5%;
  display: flex;
}

.form-block {
  align-self: center;
  width: 70%;
  margin-top: 5%;
  margin-bottom: 5%;
}

.form_text {
  color: #49459c;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
}

.form {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-flow: column;
  display: flex;
}

.submit-button {
  background-color: #49459c;
  border-radius: 12px;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.paragraph-3-copy {
  color: #fff;
  margin-top: 3%;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.link-block-2 {
  width: 65%;
  text-decoration: none;
}

.link-block-2.w--current {
  width: 65%;
  padding-right: 5%;
}

.hero-body {
  color: #49459c;
  margin-top: 3%;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

._50_div_home {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 50%;
  height: auto;
  display: block;
}

.more_label_home {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  max-width: none;
  margin-top: 0%;
  margin-left: 7%;
  margin-right: 7%;
  padding-top: 4%;
  padding-bottom: 4%;
  display: flex;
}

.text-field, .text-field-2, .text-field-3, .text-field-4 {
  border-radius: 12px;
}

.education_section {
  background-color: #6ac5af;
  padding-top: 4%;
  padding-bottom: 4%;
}

.education_container {
  max-width: none;
  margin-left: 7%;
  margin-right: 7%;
}

.paragraph-2_blue {
  color: #fff;
  align-self: flex-start;
  font-family: Lora, sans-serif;
  font-size: 2rem;
  line-height: 2.25rem;
}

.italic-text_blue {
  color: #6ac5af;
}

.education_heading {
  color: #fff;
  width: 48%;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.5rem;
}

.text-span-4 {
  font-weight: 400;
}

.text-span-5 {
  font-family: Lora, sans-serif;
  font-style: normal;
  font-weight: 400;
}

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

.list_award_div {
  border: 1px solid #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 20%;
  height: auto;
  margin-left: 10px;
  margin-right: 0;
  display: flex;
}

.heading-4 {
  color: #fff;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Poppins, sans-serif;
  font-size: 1.25rem;
  font-style: italic;
  line-height: 1.25rem;
}

.text-span-6 {
  text-decoration: none;
}

._100_section_white_90 {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 0%;
  padding-bottom: 0%;
  display: block;
}

.brand_casestudy {
  color: #6ac5af;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lora, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.heading-copy {
  color: #6ac5af;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lora, sans-serif;
  font-size: 2rem;
  font-weight: 400;
}

._50_div_casestudy {
  width: 50%;
  height: auto;
  margin-left: auto;
}

.heading-5 {
  color: #4a459c;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 1rem;
}

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

.text_casestudy {
  color: #4a459c;
  text-align: center;
  text-transform: none;
  border: .1rem solid #4a459c;
  border-radius: 8px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Poppins, sans-serif;
}

.div-block-26 {
  grid-column-gap: 10%;
  grid-row-gap: 10%;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-27 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 45%;
  display: flex;
}

.div-block-28 {
  width: 45%;
}

.list-item-11 {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
}

.challenges_text {
  color: #fff;
  width: 100%;
  margin-top: 3%;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.flex-experience-div-copy {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.casestudy_yellow {
  background-color: #fff;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4%;
  padding-bottom: 4%;
}

.container-8 {
  max-width: none;
  margin-left: 7%;
  margin-right: 7%;
}

.challenges_text_blue {
  color: #4a459c;
  width: auto;
  margin-top: 3%;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.div-block-29 {
  grid-column-gap: 10%;
  grid-row-gap: 10%;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 40vh;
  display: flex;
}

.lightbox-link {
  background-image: url('../images/IMG_9437.jpg');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #49459c;
  width: 45%;
  height: 100%;
  margin-top: 0%;
}

.image-4 {
  width: 100%;
  height: 50%;
}

.div-block-30 {
  width: 45%;
}

.auto_container_about-copy {
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: auto;
  margin: 4% 7%;
  padding-top: 0%;
  display: block;
}

.div-block-31 {
  grid-column-gap: 10%;
  grid-row-gap: 10%;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 3%;
  display: flex;
}

.portfolio-block {
  width: 45%;
  height: 70vh;
}

.div-block-32 {
  width: 100%;
  height: 70%;
}

.div-block-32.salt-spring {
  background-image: url('../images/front-cover.jpg');
  background-position: 50%;
  background-size: cover;
  box-shadow: 4px 3px 5px #0003;
}

.div-block-32.puzzle {
  background-image: url('../images/Edited-puzzle-photo.jpg');
  background-position: 50%;
  background-size: cover;
  box-shadow: 4px 3px 5px #0003;
}

.div-block-32.ct {
  background-image: url('../images/CT-Website-mockup.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-32.tiger {
  background-image: url('../images/Creased-Paper-Mockup-by-Kipet---DEMO-copy.jpg');
  background-position: 50%;
  background-size: cover;
  box-shadow: 4px 3px 5px #0003;
}

.div-block-32.kind {
  background-image: url('../images/O9FG590.jpg');
  background-position: 50%;
  background-size: cover;
  box-shadow: 4px 3px 5px #0003;
}

.div-block-32.elevate {
  background-image: url('../images/GRPH313-Project-4-book_interactive.jpg');
  background-position: 50%;
  background-size: cover;
  box-shadow: 4px 3px 5px #0003;
}

.div-block-32.inked {
  background-image: url('../images/richmond-inked-poster.png');
  background-position: 50%;
  background-size: cover;
  box-shadow: 4px 3px 5px #0003;
}

.div-block-32.origins {
  background-image: url('../images/edited5.jpg');
  background-position: 50%;
  background-size: cover;
  box-shadow: 4px 3px 5px #0003;
}

.div-block-32.tiger-copy {
  background-image: url('../images/Creased-Paper-Mockup-by-Kipet---DEMO-copy.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-32.psych {
  background-image: url('../images/11610750.jpg');
  background-position: 50%;
  background-size: cover;
  box-shadow: 4px 3px 5px #0003;
}

.div-block-32.charlie {
  background-image: url('../images/the-circus-mockup.jpg');
  background-position: 50%;
  background-size: cover;
  box-shadow: 4px 3px 5px #0003;
}

.div-block-32.jazz {
  background-image: url('../images/Jazz-poster-mockup.jpg');
  background-position: 50%;
  background-size: cover;
  box-shadow: 4px 3px 5px #0003;
}

.div-block-32.jack {
  background-image: url('../images/hardcover-book-mockup-small.jpg');
  background-position: 50%;
  background-size: cover;
  box-shadow: 4px 3px 5px #0003;
}

.div-block-32.thriller {
  background-image: url('../images/MJ-Thriller-Front.jpg');
  background-position: 50%;
  background-size: cover;
  box-shadow: 4px 3px 5px #0003;
}

.div-block-32.tarotcards {
  background-image: url('../images/Tarrot-card-mockup-small.jpg');
  background-position: 50%;
  background-size: cover;
  box-shadow: 4px 3px 5px #0003;
}

.div-block-33 {
  background-color: #6ac5af;
  height: .25%;
}

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

.lightbox-link-ssc {
  width: 100%;
  height: 100%;
  margin-top: 0%;
}

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

.end {
  background-color: #6ac5af;
  margin-left: 0%;
}

.footer_container {
  max-width: none;
  margin-top: 0%;
  margin-left: 7%;
  margin-right: 7%;
  padding-top: 4%;
  padding-bottom: 4%;
}

.footer_heading {
  color: #fff;
  text-align: left;
  align-self: flex-end;
  width: auto;
  margin-top: auto;
  margin-bottom: 0;
  font-family: Lora, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 4rem;
}

.text-span-7 {
  color: #4a459c;
  font-weight: 700;
}

.link-block-3 {
  width: 100%;
  height: 100%;
  box-shadow: 4px 3px 5px #0003;
}

.div-block-34 {
  grid-column-gap: 8%;
  grid-row-gap: 8%;
  width: 50%;
  display: flex;
}

.portfolio_title {
  font-family: Poppins, sans-serif;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 700;
  line-height: 1.5rem;
}

.portfolio_heading {
  color: #6ac5af;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Lora, sans-serif;
  font-size: 2rem;
  font-weight: 400;
}

._50_div_casestudy-copy {
  background-image: url('../images/CT-Website-mockup.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50%;
  height: 70vh;
  margin-left: 5%;
}

.div-block-35 {
  background-image: url('../images/Home-Page.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 45%;
  height: 100%;
}

.link-block-4 {
  border: 1px solid #49459c;
  width: 100%;
  height: 100%;
}

.body {
  margin-top: 0%;
}

._50_div_casestudy-bruh {
  background-image: url('../images/front-cover.jpg');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #49459c;
  width: 50%;
  height: 70vh;
  margin-left: 5%;
}

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

.nav-menu-2 {
  box-sizing: border-box;
  display: block;
}

._50_div_casestudy-puzzle {
  background-image: url('../images/IMG_9459.jpg');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #49459c;
  width: 50%;
  height: 70vh;
  margin-left: 5%;
}

.list-2 {
  width: 35%;
}

.div-block-36 {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  display: flex;
}

.div-challenge-narrative {
  width: 50%;
}

.lightbox-link-copy {
  background-image: url('../images/Salt-Spring-Book-jps-spreads6.jpg');
  background-position: 0%;
  background-size: cover;
  border: 1px solid #49459c;
  width: 45%;
  height: 100%;
  margin-top: 0%;
}

.whiteline_div {
  color: #eef1d6;
  background-color: #eef1d6;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 2px;
  margin-bottom: 2%;
  display: flex;
}

.footer_div {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.email {
  background-image: url('../images/connect-03.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 50px;
  max-width: none;
  height: 50px;
  max-height: none;
}

.findme_div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 20%;
  display: flex;
}

.findicons_div {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.findme_heading {
  color: #504b9d;
  margin-top: auto;
  font-size: 1rem;
  line-height: 1rem;
}

.linkedin {
  background-image: url('../images/connect-04.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 50px;
  max-width: none;
  height: 50px;
  max-height: none;
}

.insta {
  background-image: url('../images/connect-02.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  width: 50px;
  max-width: none;
  height: 50px;
  max-height: none;
}

.white-line_div {
  color: #eef1d6;
  background-color: #eef1d6;
  width: 100%;
  height: 2px;
  margin-bottom: 2%;
  margin-left: auto;
  margin-right: auto;
}

.container_experience {
  width: 86%;
  max-width: none;
  margin-left: 7%;
  margin-right: 7%;
}

.whiteline_container {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 2px;
  margin: 3% 7%;
  display: block;
}

.vertical_whiteline_div {
  background-color: #fff;
  width: 2px;
  height: auto;
}

.nav-menu-3 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-link-4 {
  color: #fff;
  text-align: center;
  background-color: #6ac5af;
  border-radius: 14px;
  width: 30%;
  margin-left: auto;
  margin-right: auto;
  padding: 2% 0;
  font-family: Poppins, sans-serif;
}

.nav-menu-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  flex: 0 auto;
  place-content: stretch center;
  align-items: center;
  width: 45%;
  margin-top: 4%;
  margin-bottom: 4%;
  display: flex;
  position: static;
}

.nav-link-5, .nav-link-6 {
  text-align: center;
  width: 33%;
}

.nav_container {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-left: 7%;
  margin-right: 7%;
  display: flex;
}

.navbar-2 {
  background-color: #0000;
  background-image: linear-gradient(#4a459cf7, #4a459cf7), url('../images/pexels-aukid-phumsirichat-3095759-4691571.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.sticky-wrapper {
  margin-bottom: -100vh;
}

.spacer {
  width: 100vw;
  height: 100vh;
}

.heading-6 {
  width: 65%;
}

.section-4 {
  background-image: linear-gradient(#4a459cf0, #4a459cf0), url('../images/pexels-aukid-phumsirichat-3095759-4691571.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.container-10 {
  max-width: none;
  margin-top: 0%;
  margin-left: 7%;
  margin-right: 7%;
  padding-top: 3%;
  padding-bottom: 3%;
}

.nav_heading {
  color: #fff;
  text-align: left;
  width: 65%;
  margin-top: auto;
  margin-bottom: 0;
  font-family: Lora, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3rem;
}

.button-2 {
  color: #fff;
  text-align: center;
  background-color: #6ac5af;
  border-radius: 10px;
  width: 30%;
  padding-top: 3%;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
}

.div-block-37 {
  width: 100%;
  display: flex;
}

.div-block-38 {
  grid-column-gap: 4%;
  grid-row-gap: 4%;
  justify-content: center;
  align-items: center;
  width: 45%;
  display: flex;
}

.div-block-39 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  display: flex;
}

.container-11 {
  margin-left: 7%;
  margin-right: 7%;
}

.logo-text {
  color: #fff;
  letter-spacing: .01em;
  font-family: Lora, sans-serif;
  font-size: 2rem;
}

.main-nav {
  background-color: #0000;
  background-image: linear-gradient(#4a459cf0, #4a459cf0), url('../images/pexels-aukid-phumsirichat-3095759-4691571.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-bottom: 1px #c1c2c5;
  flex-direction: column;
  justify-content: center;
  height: 90px;
  padding-left: 7%;
  padding-right: 7%;
  display: flex;
  position: static;
  top: 0%;
  left: 0%;
  right: 0%;
}

.main-nav__link {
  color: #121217;
  letter-spacing: .05em;
  text-transform: uppercase;
  line-height: 1.4;
  text-decoration: none;
}

.main-nav__link:hover {
  opacity: 1;
}

.main-nav__link.w--current {
  font-family: Poppins, sans-serif;
  font-weight: 700;
}

.main-nav__link.right {
  padding-right: 0;
}

.main-nav__link.light {
  color: #f8eed8;
  font-size: .875rem;
}

.main-nav__link.right-copy {
  padding-right: 0;
}

.main-nav__links-wrap {
  grid-column-gap: 2em;
  grid-row-gap: 1em;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 0;
  display: flex;
}

.main-nav-inner {
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.main-nav__menu {
  display: flex;
}

.main-nav__underline {
  background-color: #121217;
  height: 1px;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
}

.main-nav__underline.light {
  color: #6ac5af;
  background-color: #6ac5af;
}

.container-w1 {
  width: 100%;
  max-width: 95em;
  margin-left: auto;
  margin-right: auto;
}

.container-w1.gutter-outside.full-height {
  height: 100%;
  margin-left: 0%;
}

.main-nav__logo {
  border-right: 1px #c1c2c5;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-right: 2em;
  text-decoration: none;
  display: flex;
}

.text-span-8 {
  color: #6ac5af;
  font-weight: 700;
}

.text-block, .text-block-2 {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
}

.nav_text {
  color: #fff;
  letter-spacing: normal;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
}

.div-block-40 {
  background-image: url('../images/KohlerFamilySession-47.JPEG');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.project_casestudy-copy {
  font-family: Poppins, sans-serif;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 700;
  line-height: 1.5rem;
}

.container_whiteline {
  max-width: none;
  margin-top: 0%;
  margin-left: 7%;
  margin-right: 7%;
  padding-top: 4%;
}

.div-block-41 {
  width: 30%;
  height: 100%;
}

.navbar-3 {
  background-image: linear-gradient(#4a459cf0, #4a459cf0), url('../images/pexels-aukid-phumsirichat-3095759-4691571.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 100%;
  position: static;
}

.navbar_heading {
  color: #fff;
  text-align: left;
  align-self: flex-end;
  width: auto;
  margin-top: auto;
  margin-bottom: auto;
  font-family: Lora, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 4rem;
  text-decoration: none;
}

.text-span-7-copy {
  color: #6ac5af;
  font-weight: 700;
}

.nav-link-7 {
  color: #fff;
  text-underline-offset: auto;
  align-self: auto;
  margin-left: auto;
  margin-right: 0;
  padding: 5% 0% 5% 10%;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.nav-link-7.w--current {
  color: #fff;
  font-weight: 700;
}

.nav-menu-5 {
  justify-content: flex-end;
  align-items: stretch;
  width: 50%;
  display: flex;
}

.container-13 {
  width: auto;
  min-width: 86%;
  margin-left: 7%;
  margin-right: 7%;
  padding-top: 20px;
}

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

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

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

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

.div-block-42 {
  align-self: auto;
  width: 80%;
}

.footer_subhead {
  color: #4a459c;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-end;
  margin-top: 9px;
  font-family: Lora, sans-serif;
  font-size: 1.75rem;
  line-height: 2rem;
  display: block;
}

.modal_div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-image: linear-gradient(#00000080, #00000080), url('../images/ct-pop-up.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 60%;
  height: 80vh;
  display: flex;
  position: relative;
  inset: 10% 20%;
}

.x_modal {
  align-self: flex-end;
  margin: 10px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.modal_screen {
  z-index: 12;
  background-image: linear-gradient(#000000b0, #000000b0);
  width: 100vw;
  max-width: none;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.heading_ct_modal {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 42px;
  padding-top: 40px;
  font-size: 4rem;
  font-weight: 700;
}

.heading_signup_moda {
  color: #fff;
  text-align: center;
  font-size: 2.75rem;
  font-weight: 700;
}

.modal_form {
  width: 100%;
  max-width: 90%;
}

.text-field-5 {
  background-color: #0000;
  border: .1rem solid #fff;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.submit-button-2 {
  background-color: #0000;
  border: .1rem solid #fff;
}

.submit-button-2:hover {
  color: #c48272;
  background-color: #fff;
}

.form-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.div-block-43 {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  display: flex;
}

.body_modal {
  color: #fff;
  text-align: center;
  margin-top: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
}

.field-label {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

._50_div_casestudy-copy-copy {
  background-image: url('../images/CT-Website-mockup.jpg');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #49459c;
  border-radius: 0;
  width: 50%;
  height: 70vh;
  margin-left: 5%;
}

.div-block-44 {
  justify-content: space-between;
  display: flex;
}

@media screen and (max-width: 991px) {
  .bold-text {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .paragraph-2 {
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .label_cs {
    font-size: 14rem;
  }

  .project_title {
    font-size: .75rem;
  }

  .project_brand {
    font-size: .75rem;
    line-height: 1rem;
  }

  .heading, .project_casestudy {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .hero_section {
    height: 80vh;
  }

  .container-6 {
    height: 60vh;
  }

  .heading-2 {
    font-size: 7rem;
    line-height: 8rem;
  }

  .button {
    padding-bottom: 4%;
    font-size: 1rem;
  }

  .more_label {
    justify-content: center;
    align-items: center;
  }

  .div-block-21 {
    height: 60vh;
  }

  .text-span-2-copy {
    font-size: 1.5rem;
  }

  .heading-copy {
    line-height: 2rem;
  }

  .image-3 {
    background-size: cover;
    align-self: center;
    display: block;
  }

  .button-copy {
    padding-bottom: 4%;
    font-size: 1rem;
  }

  .hero-body {
    font-size: .75rem;
    line-height: 1rem;
  }

  .paragraph-2_blue {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .italic-text_blue {
    font-size: 1.5rem;
  }

  .education_div {
    justify-content: center;
    align-items: center;
  }

  .heading-4 {
    margin-top: 13px;
    margin-bottom: 13px;
    font-size: .75rem;
  }

  .brand_casestudy {
    font-size: 1.5rem;
    line-height: 2rem;
  }

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

  .text_casestudy {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: .75rem;
  }

  .list-item-11, .challenges_text, .challenges_text_blue {
    font-size: .75rem;
    line-height: 1rem;
  }

  .footer_heading {
    width: 70%;
    font-size: 3rem;
  }

  .portfolio_title {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .portfolio_heading {
    font-size: .5rem;
    line-height: 1rem;
  }

  ._50_div_casestudy-puzzle {
    height: 60vh;
  }

  .findme_div {
    width: 30%;
  }

  .nav_heading {
    font-size: 5rem;
  }

  .main-nav {
    z-index: 999;
    height: 80px;
  }

  .main-nav__link {
    color: #fff;
    transition: opacity .4s;
  }

  .main-nav__link:hover {
    opacity: .7;
  }

  .main-nav__menu {
    z-index: 99;
    position: relative;
    inset: 0%;
  }

  .main-nav__logo {
    z-index: 1000;
    border-right-style: none;
  }

  .div-block-40 {
    background-image: url('../images/KohlerFamilySession-47.JPEG');
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 40vh;
  }

  .project_casestudy-copy {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .navbar_heading {
    width: 100%;
    font-size: 3rem;
  }

  .nav-link-7 {
    color: #6ac5af;
  }

  .nav-menu-5 {
    background-color: #eef1d6;
  }

  .footer_subhead {
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .modal_div {
    max-width: 80%;
    left: 10%;
    right: 10%;
  }

  .modal_screen {
    display: none;
  }

  .heading_ct_modal {
    font-size: 3rem;
  }

  .heading_signup_moda {
    font-size: 2rem;
  }

  .body_modal {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }

  .icon, .icon-5 {
    color: #fff;
  }
}

@media screen and (max-width: 767px) {
  .paragraph-2 {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .heading {
    margin-top: 12px;
    font-size: 1.5rem;
  }

  .project_casestudy {
    font-size: 1.5rem;
  }

  .hero_section {
    height: 70vh;
  }

  .container-6 {
    height: 55vh;
  }

  .heading-2 {
    font-size: 5rem;
    line-height: 6.5rem;
  }

  .more_label {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  ._100_section_yellow_90 {
    height: auto;
  }

  .auto_container_about {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-21 {
    width: 100%;
  }

  .div-block-22 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .project_title-copy, .project_brand-copy {
    font-size: .75rem;
    line-height: 1rem;
  }

  ._50_div-copy {
    width: 100%;
  }

  .button-copy {
    padding-bottom: 2%;
  }

  ._50_div_v {
    width: 100%;
    margin-left: 0%;
  }

  .list-item, .list-item-2, .list-item-3, .list-item-4, .list-item-5, .list-item-6, .list-item-7, .list-item-8, .list-item-9, .list-item-10 {
    font-size: .75rem;
    line-height: 1rem;
  }

  .more_label_home {
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .paragraph-2_blue {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .education_heading {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .5rem;
    line-height: .75rem;
  }

  .education_div {
    justify-content: center;
    align-items: center;
  }

  .heading-4 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: .5rem;
  }

  ._100_section_white_90 {
    height: auto;
  }

  ._50_div_casestudy {
    width: 100%;
  }

  .casestudy_yellow {
    height: auto;
  }

  .div-block-29 {
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .lightbox-link {
    height: 30vh;
  }

  .auto_container_about-copy {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-31 {
    flex-flow: column;
  }

  .portfolio-block {
    width: 100%;
  }

  .footer_container {
    margin-bottom: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
  }

  .footer_heading {
    font-size: 2rem;
    line-height: 2rem;
  }

  .portfolio_title {
    font-size: 1rem;
  }

  .portfolio_heading {
    font-size: 1.5rem;
  }

  ._50_div_casestudy-copy {
    width: 100%;
  }

  .div-block-35 {
    height: 40vh;
  }

  ._50_div_casestudy-bruh {
    width: 100%;
    margin-top: 20px;
    margin-left: auto;
  }

  ._50_div_casestudy-puzzle {
    width: 100%;
    height: 50vh;
    margin: 3% auto auto;
  }

  .lightbox-link-copy {
    height: 30vh;
  }

  .whiteline_div {
    margin-top: 10px;
  }

  .footer_div {
    margin-bottom: 2%;
  }

  .nav_heading {
    font-size: 3rem;
  }

  .main-nav {
    height: auto;
    padding-top: 3em;
    padding-bottom: 3em;
    position: static;
  }

  .main-nav__links-wrap {
    align-items: flex-start;
  }

  .main-nav-inner {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 1px;
  }

  .main-nav__menu {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-top: 2em;
    position: static;
  }

  .main-nav__underline.light {
    position: static;
  }

  .container-w1.gutter-outside.full-height {
    flex: 0 auto;
  }

  .main-nav__logo {
    padding-left: 0;
    padding-right: 0;
  }

  .main-nav__logo.w--current {
    height: 1px;
    position: static;
  }

  .project_casestudy-copy {
    font-size: 1.5rem;
  }

  .navbar_heading {
    font-size: 2rem;
  }

  .footer_subhead {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .modal_div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    max-width: 80%;
    left: 10%;
    right: 10%;
  }

  .heading_ct_modal {
    margin-bottom: 20px;
    font-size: 3rem;
    line-height: 3rem;
  }

  .heading_signup_moda {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 1.5rem;
    line-height: 1.54rem;
  }

  .div-block-43 {
    flex-flow: column;
  }

  .body_modal {
    font-size: 1.25rem;
  }

  ._50_div_casestudy-copy-copy {
    width: 100%;
    margin-top: 5%;
    margin-left: 0%;
  }

  .menu-button-2 {
    padding-bottom: 18px;
  }
}

@media screen and (max-width: 479px) {
  ._100_section_white {
    height: auto;
    padding-top: 4%;
    padding-bottom: 12%;
  }

  .auto_container {
    flex-flow: column;
  }

  .bold-text {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .paragraph-2 {
    margin-bottom: 12px;
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .div-block-7 {
    width: 100%;
  }

  ._95_container {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .favorite_1 {
    flex-flow: column;
    height: 80vh;
  }

  .cs3 {
    height: 30vh;
  }

  .cs2 {
    width: 100%;
  }

  .project_title {
    font-size: .5rem;
  }

  .cs1 {
    width: 100%;
  }

  .project_brand {
    font-size: .5rem;
  }

  .heading {
    margin-top: 0%;
    font-size: 1rem;
    line-height: 1.75rem;
  }

  .project_casestudy {
    font-size: 1rem;
    line-height: 1rem;
  }

  .hero_section {
    height: 100vh;
  }

  .container-6 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .heading-2 {
    font-size: 4rem;
    line-height: 4.5rem;
  }

  .div-block-17 {
    align-self: center;
    width: 70%;
  }

  .div-block-18 {
    width: 100%;
  }

  .paragraph-3 {
    font-size: .75rem;
  }

  .italic-text {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .button {
    width: 100%;
    padding: 1% 0;
    font-size: .75rem;
  }

  ._50_div {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .more_label {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .italic-text-2 {
    font-size: 1rem;
  }

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

  .div-block-19 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    padding-bottom: 5px;
  }

  .div-block-20 {
    flex-flow: column;
  }

  .navbar-name {
    margin-left: 7%;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .auto_container_about {
    grid-column-gap: 0%;
    grid-row-gap: 0%;
    flex-flow: column;
  }

  .div-block-21 {
    width: 100%;
    height: 40vh;
  }

  .div-block-22 {
    width: 100%;
  }

  .auto_container_about-copy, .flex-experience-div {
    flex-flow: column;
  }

  .experience_div, .experience_div_thompson {
    width: 100%;
  }

  .text-span-2-copy {
    font-size: 1rem;
  }

  .heading-copy {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  ._50_div-copy {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .button-copy {
    width: 100%;
  }

  ._50_div_v {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .paragraph-3-copy {
    color: #49459c;
    font-size: .75rem;
    line-height: 1rem;
  }

  .list-item, .list-item-2, .list-item-3, .list-item-4, .list-item-5, .list-item-6, .list-item-7, .list-item-8, .list-item-9, .list-item-10 {
    font-size: .75rem;
    line-height: 1rem;
  }

  .link-block-2 {
    margin-left: 5%;
  }

  .hero-body {
    color: #49459c;
    font-size: .5rem;
    line-height: .75rem;
  }

  ._50_div_home {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .more_label_home {
    flex-flow: column;
    justify-content: center;
    align-items: flex-end;
  }

  .paragraph-2_blue {
    font-size: 1rem;
    line-height: 1.75rem;
  }

  .italic-text_blue {
    font-size: 1rem;
  }

  .education_heading {
    text-align: center;
    width: 100%;
  }

  .education_div {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
  }

  .list_award_div {
    width: 40%;
  }

  .brand_casestudy, .heading-copy {
    margin-top: 2%;
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  ._50_div_casestudy {
    width: 100%;
    margin-top: 15px;
  }

  .challenges_text {
    color: #fff;
    width: 100%;
    font-size: .75rem;
    line-height: 1rem;
  }

  .flex-experience-div-copy {
    flex-flow: column;
  }

  .casestudy_yellow {
    height: auto;
  }

  .challenges_text_blue {
    color: #49459c;
    font-size: .75rem;
    line-height: 1rem;
  }

  .div-block-29 {
    flex-flow: column;
    height: auto;
  }

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

  .div-block-30 {
    width: 100%;
  }

  .auto_container_about-copy {
    grid-column-gap: 0%;
    grid-row-gap: 0%;
    flex-flow: column;
  }

  .div-block-31 {
    flex-flow: column;
  }

  .portfolio-block {
    width: 100%;
    height: 55vh;
  }

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

  .footer_heading {
    width: 60%;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .div-block-34 {
    width: 100%;
  }

  .portfolio_title {
    font-size: 1rem;
    line-height: 1rem;
  }

  .portfolio_heading {
    margin-top: 2%;
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  ._50_div_casestudy-copy {
    width: 100%;
    margin-top: 15px;
  }

  .div-block-35 {
    width: 100%;
  }

  ._50_div_casestudy-bruh {
    width: 100%;
    height: 40vh;
    margin-top: 15px;
  }

  ._50_div_casestudy-puzzle {
    width: 100%;
    margin-top: 15px;
  }

  .list-2 {
    width: 100%;
  }

  .div-block-36 {
    flex-flow: column;
  }

  .div-challenge-narrative {
    width: 100%;
  }

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

  .whiteline_div {
    margin-bottom: 6%;
  }

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

  .email {
    border-radius: 2px;
    width: 20px;
    height: 20px;
  }

  .findme_heading {
    margin-bottom: 5px;
    font-size: .5rem;
    line-height: .5rem;
  }

  .linkedin, .insta {
    border-radius: 2px;
    width: 20px;
    height: 20px;
  }

  .nav_heading {
    font-size: 2rem;
    line-height: 4rem;
  }

  .logo-text {
    font-size: 2rem;
  }

  .main-nav__link {
    text-align: center;
    flex: 1;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
  }

  .main-nav__links-wrap {
    grid-column-gap: 11%;
    grid-row-gap: 11%;
    flex-flow: row;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .main-nav-inner {
    justify-content: space-between;
    align-items: center;
  }

  .main-nav__menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    order: 0;
    justify-content: center;
    align-self: auto;
    align-items: stretch;
    position: static;
  }

  .main-nav__underline.light {
    position: static;
  }

  .container-w1.gutter-outside.full-height {
    margin-left: auto;
  }

  .main-nav__logo {
    border-right-style: none;
    justify-content: center;
    align-items: center;
    max-width: none;
    padding-right: 0;
  }

  .nav_text {
    margin-left: auto;
    margin-right: auto;
    font-size: .75rem;
  }

  .project_casestudy-copy {
    font-size: 1rem;
    line-height: 1rem;
  }

  .navbar_heading {
    width: auto;
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .nav-link-7 {
    flex: 0 auto;
    align-self: auto;
    margin-top: 20px;
  }

  .nav-menu-5 {
    z-index: 3;
    background-color: #eef1d6;
  }

  .container-13 {
    text-decoration: none;
  }

  .link-block-5 {
    justify-content: flex-start;
    align-items: flex-end;
    width: 60%;
    display: flex;
  }

  .div-block-42 {
    width: 50%;
  }

  .footer_subhead {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .modal_div {
    height: 60vh;
    top: 20%;
    bottom: 20%;
  }

  .modal_screen {
    z-index: 1;
    width: 100vw;
    display: block;
  }

  .heading_ct_modal {
    padding-top: 0;
    font-size: 2rem;
    line-height: 2rem;
  }

  .div-block-43 {
    flex-flow: column;
  }

  .body_modal {
    font-size: 1rem;
  }

  .field-label {
    display: flex;
  }

  ._50_div_casestudy-copy-copy {
    width: 100%;
    height: 40vh;
    margin-top: 36px;
    padding-top: 0;
  }

  .icon, .icon-2, .icon-3, .icon-4, .icon-5, .icon-6 {
    color: #fff;
  }

  .menu-button {
    padding: 5px;
  }
}