:root {
  --white: white;
  --black: black;
}

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

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

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

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

h1 {
  color: #888;
  letter-spacing: 1px;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 58px;
}

h2 {
  color: #3d3d3d;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Rubik, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 36px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

a {
  text-decoration: underline;
}

.nav-section {
  padding-top: 80px;
  padding-bottom: 40px;
}

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

.nav-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.nav-link-p {
  color: #6b6b6b;
  font-family: Rubik, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

.nav-link-p:hover {
  border-bottom: 4px solid #06d6a0;
}

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

.hero-section {
  padding-top: 35px;
}

.hero-image {
  max-width: 60%;
}

.about-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.headshot-and-bio {
  justify-content: center;
  align-items: center;
  width: 85%;
  max-width: 1150px;
  display: flex;
  position: relative;
  bottom: -18px;
}

.education {
  z-index: 1;
  color: #6b6b6b;
  background-color: #fff;
  border-radius: 20px;
  width: 90%;
  max-width: 1150px;
  padding: 35px 50px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 25px;
  display: flex;
  position: relative;
}

.education-div {
  color: #7a8294;
  display: flex;
}

.education-p {
  color: #888;
  -webkit-text-stroke-color: #8f9093;
  margin-left: 0;
  font-family: Rubik, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.eduation-grid {
  width: 80%;
  padding-top: 18px;
  padding-bottom: 18px;
}

.headshot {
  border-radius: 10px;
}

.body {
  background-color: #f0f0f0;
  background-image: none;
  background-size: auto;
  background-attachment: scroll;
}

.buttons {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 30%;
  display: flex;
}

.button-outlined {
  color: #333;
  text-align: center;
  background-color: #06d6a0;
  border-radius: 8px;
  width: 175px;
  margin-bottom: 15px;
  padding: 12px 25px;
  font-family: Rubik, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: transform .2s;
}

.button-outlined:hover {
  transform: translate(0, -2px);
  box-shadow: 0 3px 8px #0000001a;
}

.button-outlined.yellow {
  color: #333;
  background-color: #ffe366;
}

.work-section {
  background-color: #12141d;
  padding-top: 210px;
  padding-bottom: 80px;
}

.work-container {
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  max-width: 1150px;
  display: flex;
}

.case-study-div {
  box-shadow: none;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
  transition: transform .2s;
  display: flex;
  transform: translate(0);
}

.case-study-div:hover {
  background-color: #f1f1f1;
  transform: translate(0, -8px);
}

.p {
  color: #8f9093;
  font-family: Rubik, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 26px;
}

.case-study {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 30px;
  display: flex;
}

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

.fairshot-image {
  border-radius: 10px;
  max-width: 35%;
}

.writing-samples {
  background-color: #1e2028;
  border: 1px solid #31333f;
  border-radius: 20px;
  flex-direction: column;
  width: 90%;
  margin-top: 70px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  box-shadow: 0 5px 40px #000;
}

.writing-sample-div {
  width: 100%;
  box-shadow: none;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 30px 24px 15px;
  transition: transform .2s;
  display: flex;
}

.writing-sample-div:hover {
  background-color: #f1f1f1;
  transform: translate(0, -8px);
}

.writing-sample-copy {
  width: 100%;
  padding-left: 15px;
  line-height: 24px;
}

.writing-sample-tags {
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.tag {
  letter-spacing: .5px;
  background-color: #bd8aff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 10px;
  padding: 5px 10px;
  font-family: Rubik, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: flex;
}

.tag.red {
  background-color: #fc7998;
}

.tag.green {
  background-color: #06d6a0;
}

.tag.blue {
  color: #333;
  background-color: #39beeb;
}

.tag.orange {
  background-color: #ffa850;
}

.tag.yellow {
  background-color: #ffe366;
}

.tag.light-blue {
  background-color: #a7dbf3;
}

.horizontal-rule {
  color: #888;
  -webkit-text-stroke-color: #d6d6d6;
  background-color: #1a6d99;
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 35px;
}

.writing-sample-p {
  color: #747474;
  text-transform: none;
  font-family: Rubik, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.case-study-copy {
  width: 55%;
}

.writing-samples-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 30px;
}

.writing-sample-image-and-copy {
  align-items: center;
  display: flex;
}

.writing-sample-image {
  width: 20%;
}

.writing-sample-link-block {
  color: #333;
  text-decoration: none;
}

.case-study-wrapper {
  background-color: #1e2028;
  border: 1px solid #31333f;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 90%;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  box-shadow: 0 5px 40px #000;
}

.short-bio {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  max-width: 1150px;
  margin-left: 25px;
  display: flex;
}

.about-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1150px;
  display: flex;
  position: relative;
  bottom: -50px;
}

.body-2 {
  background-color: #f0f0f0;
  font-family: Rubik, sans-serif;
}

.project-hero-section {
  padding-top: 80px;
  padding-bottom: 40px;
}

.project-container {
  flex-direction: column;
  align-items: flex-start;
  max-width: 1150px;
}

.back-to-home {
  color: #333;
  width: 10%;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.back-to-home-p {
  margin-left: 10px;
  font-family: Rubik, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.back-to-home-p:hover {
  text-decoration: underline;
}

.project-header-content {
  width: 100%;
  margin-top: 80px;
}

.project-title {
  font-size: 48px;
  font-weight: 500;
  line-height: 58px;
}

.project-tags-wrapper {
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.brand-voice-section {
  background-color: #fff;
  border-radius: 20px;
  margin-top: 30px;
  padding: 40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  box-shadow: 1px 2px 5px -3px #0003;
}

.lingual-sample-section {
  padding-bottom: 100px;
}

.lingual-sample-container {
  background-color: #fff;
  border-radius: 20px;
  max-width: 1150px;
  margin-top: 60px;
  padding: 40px;
  box-shadow: 0 2px 5px -3px #0003;
}

.all-caps-header-18px {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Rubik, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.all-caps-header-18px.turquoise {
  color: #0dc7bc;
}

.all-caps-header-18px.peach {
  color: #ff9e74;
}

.all-caps-header-18px.drk-blue {
  color: #1a6d99;
}

.lingual-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr 1fr;
  margin-top: 40px;
}

.lingual-image {
  width: 70%;
}

.final-copy {
  border-right: 1px solid #dadada;
  padding-right: 40px;
}

.text-16px {
  font-size: 16px;
  line-height: 24px;
}

.text-16px.red {
  color: #ff0b0b;
}

.space {
  width: 100%;
  height: 45px;
}

.semibold {
  color: #333;
  font-weight: 500;
}

.semibold.drk-grey {
  color: #646464;
}

.semibold.drk-blue {
  color: #1a6d99;
}

.semibold.blue {
  color: #2a98ff;
}

.semibold.red {
  color: #eb0707;
}

.semibold.green {
  color: #24af60;
}

.guerillabox-section {
  padding-bottom: 70px;
}

.guerillabox-container {
  background-color: #fff;
  border-radius: 20px;
  max-width: 1150px;
  margin-top: 60px;
  padding: 40px;
  box-shadow: 0 2px 5px -3px #0003;
}

.guerillabox-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.guerillabox-img {
  width: 70%;
}

.guerillabox-content {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.italic-text, .italic-text-2, .italic-text-3, .italic-text-4 {
  color: #3d3d3d;
}

.see-explorations-link {
  color: #2a98ff;
  margin-bottom: 10px;
  margin-left: 10px;
}

.see-explorations-link.no-space {
  margin-left: 0;
}

.final-copy-wrapper {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.fairshot-hero-section {
  padding-top: 125px;
  padding-bottom: 125px;
}

.fairshot-hero-container {
  max-width: 1150px;
}

.fairshot-hero-grid {
  grid-template-rows: auto;
}

.h1-bold-72px {
  font-family: Rubik, sans-serif;
  font-size: 72px;
  font-weight: 600;
  line-height: 80px;
}

.h1-bold-72px.turquoise {
  color: #0dc7bc;
}

.role-and-duration {
  margin-top: 50px;
  display: flex;
}

.role-and-duration-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
}

.problem-solution-section {
  background-color: #fff;
  padding-top: 125px;
  padding-bottom: 125px;
}

.problem-solution-container {
  max-width: 1150px;
}

.problem-solution-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
}

.research-section {
  background-color: #fff;
  padding-top: 90px;
  padding-bottom: 90px;
}

.research-container {
  max-width: 1150px;
}

.goals-grid {
  grid-column-gap: 48px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto auto;
  margin-top: 32px;
}

.goal-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.bullet-point {
  background-color: #888;
  border-radius: 5px;
  width: 8px;
  height: 8px;
  margin-top: 9px;
}

.goals-p {
  color: #888;
  width: 80%;
  margin-left: 16px;
  font-family: Rubik, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.research-header {
  background-color: #ff9e74;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.all-caps-header-32px {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Rubik, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 42px;
}

.all-caps-header-32px.white {
  color: #fff;
}

.competitive-analysis {
  margin-top: 80px;
}

.header-with-link {
  display: flex;
}

.fairshot-text-link {
  color: #333;
  margin-left: 20px;
}

.quote-section {
  background-color: #f8f6f0;
  padding-top: 90px;
  padding-bottom: 90px;
}

.quote-container {
  max-width: 940px;
}

.block-quote {
  color: #888;
  border-left-color: #0dc7bc;
  font-family: Rubik, sans-serif;
  font-size: 24px;
  line-height: 34px;
}

.fairshot-body {
  background-color: #f8f6f0;
}

.fairshot-subhead {
  color: #888;
}

.research-section-2 {
  background-color: #fff;
  padding-top: 90px;
  padding-bottom: 125px;
}

.research-container-2 {
  max-width: 1150px;
}

.survey {
  margin-top: 90px;
}

.ivf-coverage {
  background-color: #f8f6f0;
  border-radius: 10px;
  margin-top: 60px;
  padding: 35px;
}

.text-semibold-18px {
  color: #888;
  font-family: Rubik, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.text-semibold-18px.drk-grey {
  color: #646464;
}

.ivf-coverage-grid {
  grid-column-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 25px;
}

.pie-chart {
  mix-blend-mode: multiply;
  max-width: 80%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.ivf-coverage-results {
  color: #888;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-family: Rubik, sans-serif;
  font-size: 16px;
  display: flex;
}

.ivf-results-key {
  border: 1px solid #c9c4b7;
  border-radius: 10px;
  width: 100%;
  padding: 20px 20px 10px;
}

.blue-circle {
  background-color: #3669c9;
  border-radius: 20px;
  width: 15px;
  height: 15px;
  margin-right: 12px;
}

.key-list-item {
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.red-circle {
  background-color: #da3b21;
  border-radius: 20px;
  width: 15px;
  height: 15px;
  margin-right: 12px;
}

.orange-circle {
  background-color: #fd9927;
  border-radius: 20px;
  width: 15px;
  height: 15px;
  margin-right: 12px;
}

.green-circle {
  background-color: #1d9524;
  border-radius: 20px;
  width: 15px;
  height: 15px;
  margin-right: 12px;
}

.purple-circle {
  background-color: #981497;
  border-radius: 20px;
  width: 15px;
  height: 15px;
  margin-right: 12px;
}

.med-and-donation-behavior {
  background-color: #f8f6f0;
  border-radius: 10px;
  margin-top: 60px;
  padding: 35px;
}

.med-and-donation-grid {
  grid-column-gap: 16px;
  grid-template-rows: auto;
  margin-top: 40px;
}

.fairshot-interest-grid {
  grid-column-gap: 48px;
  grid-template-rows: auto;
  margin-top: 25px;
}

.fairshot-interest-result {
  color: #888;
  align-items: center;
  font-family: Rubik, sans-serif;
  font-size: 16px;
  line-height: 25px;
  display: flex;
}

.fairshot-interest-chart {
  mix-blend-mode: multiply;
  width: 28%;
}

.fairshot-interest-copy {
  border-radius: 10px;
  margin-left: 25px;
  padding: 30px;
}

.fairshot-interest {
  background-color: #f8f6f0;
  border-radius: 10px;
  margin-top: 60px;
  padding: 35px;
}

.wireframing-header {
  background-color: #0dc7bc;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.wireframing-section {
  padding-top: 50px;
  padding-bottom: 120px;
}

.wireframing-container {
  max-width: 1150px;
}

.wireframe-example {
  margin-top: 90px;
}

.wireframe-grid {
  grid-column-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
}

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

.wireframe-img {
  width: 219px;
}

.slider-arrow {
  color: #333;
  font-size: 25px;
}

.slider {
  background-color: #f8f6f0;
  justify-content: center;
  width: 60%;
  height: 475px;
  max-height: 475px;
  display: flex;
}

.slider-nav {
  height: 50px;
  padding-top: 20px;
  font-size: 10px;
  display: none;
}

.slide {
  text-align: center;
}

.left-arrow, .right-arrow {
  max-width: 50px;
}

.about-section-2 {
  padding-top: 60px;
  padding-bottom: 150px;
}

.about-container-2 {
  max-width: 1150px;
  box-shadow: none;
  background-color: #fff;
  border-radius: 20px;
  padding: 30px 50px 50px;
  font-family: Rubik, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.paragraph {
  color: #747474;
}

.footer-section {
  background-color: #12141d;
  padding-top: 40px;
  padding-bottom: 90px;
}

.footer-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1150px;
  display: flex;
}

.space-sm {
  width: 100%;
  height: 20px;
}

.footer-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  display: flex;
}

.style-guide-header {
  background-color: #1a6d99;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.style-guide-section {
  background-color: #fff;
  padding-top: 90px;
  padding-bottom: 90px;
}

.style-guide-container {
  max-width: 1150px;
}

.mission-statement-and-voice {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
}

.voice-characteristic {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 20px;
}

.voice-content {
  background-color: #f3fcfb;
  border: 1px solid #1a6d99;
  border-radius: 10px;
  padding: 25px;
}

.dos-and-donts-wrapper {
  padding-top: 15px;
  padding-bottom: 15px;
}

.grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.clixflow-grid {
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  border-bottom: 1px solid #c4c4c4;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr 1fr;
  margin-top: 15px;
  padding-bottom: 15px;
}

.clixflow-screen-1-wrapper {
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.clixflow-grid-wrapper {
  width: 75%;
  margin-bottom: 50px;
}

.clixflow-section {
  padding-bottom: 100px;
}

.clixflow-container {
  background-color: #fff;
  border-radius: 20px;
  max-width: 1150px;
  margin-top: 60px;
  padding: 40px;
  box-shadow: 1px 2px 5px -3px #0003;
}

.section-headers {
  color: #fff;
  -webkit-text-stroke-color: #8f9093;
  font-weight: 300;
}

.heading-5 {
  -webkit-text-stroke-color: #8f9093;
}

.heading-6, .white {
  color: #fff;
}

.wingscanner-container {
  background-color: #fff;
  border-radius: 20px;
  max-width: 1150px;
  margin-top: 60px;
  padding: 40px;
  box-shadow: 1px 2px 5px -3px #0003;
}

.wingscanner-before-and-after-grid {
  grid-template-rows: auto;
  width: 90%;
}

.winscanner-image {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.about-block-quote {
  color: #8f9093;
  border-left-color: #06d6a0;
  width: 80%;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 60px;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.drk-grey {
  color: #3d3d3d;
}

.bg-timeline-end {
  background-image: linear-gradient(#0009, #0009), url('../images/penny.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  border-radius: 10px;
}

.timeline-container {
  justify-content: center;
  align-items: center;
  width: 65%;
  display: flex;
}

.pullout-text {
  color: #60688b;
  width: 50%;
  font-size: 20px;
  line-height: 35px;
}

.paragraph-2 {
  color: #60688b;
  font-size: 18px;
  line-height: 28px;
}

.paragraph-2.white {
  color: #fff;
}

.background-covid {
  background-image: linear-gradient(#0009, #0009), url('../images/NYC-COVID-3.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  justify-content: center;
  width: 100%;
  padding-top: 175px;
  padding-bottom: 175px;
  display: flex;
}

.bg-newpaltz {
  background-image: linear-gradient(#0009, #0009), url('../images/New-Paltz.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  justify-content: center;
  width: 100%;
  padding-top: 175px;
  padding-bottom: 175px;
  display: flex;
}

.timeline-end-p {
  width: 100%;
  padding: 120px 50px;
}

.content-r {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  margin-top: 0;
  padding-left: 50px;
  display: flex;
}

.r-image-bottom {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  margin-top: 4px;
  display: flex;
}

.image-bottom {
  align-items: flex-start;
  width: 100%;
  margin-top: 4px;
  display: flex;
}

.bg-tank {
  background-image: linear-gradient(#0009, #0009), url('../images/N-tank.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 175px;
  padding-bottom: 175px;
  display: flex;
}

.two-images-right {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.bg-second-fet {
  background-image: linear-gradient(#0009, #0009), url('../images/2ndFET.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 175px;
  padding-bottom: 175px;
  display: flex;
}

.timeline-h3 {
  color: #60688b;
  font-weight: 500;
}

.timeline-h3.white {
  color: #fff;
}

.bg-first-fet {
  background-image: linear-gradient(#0009, #0009), url('../images/1stFET.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 175px;
  padding-bottom: 175px;
  display: flex;
}

.vertical-line {
  background-color: #e6e6e6;
  width: 2px;
  height: 900px;
}

.two-images-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
  display: flex;
}

.bg-fertility-anxiety {
  background-image: linear-gradient(#0009, #0009), url('../images/RMA2017-2_1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 175px;
  padding-bottom: 175px;
  display: flex;
}

.pull-out-container {
  width: 50%;
}

.h1 {
  color: #60688b;
  font-size: 65px;
  font-weight: 600;
  line-height: 70px;
}

.bg-firsti-ui {
  background-image: linear-gradient(#0009, #0009), url('../images/FirstIUI.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 175px;
  padding-bottom: 175px;
  display: flex;
}

.bg-ivf {
  background-image: linear-gradient(#0009, #0009), url('../images/attrition.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 175px;
  padding-bottom: 175px;
  display: flex;
}

.pullout-text-container {
  justify-content: flex-end;
  width: 80%;
  display: flex;
}

.pullout-text-container.left {
  justify-content: flex-start;
}

.image-top {
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.double-vertical-line {
  background-color: #e6e6e6;
  width: 2px;
  height: 850px;
}

.stand-alone-copy {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.short-vertical-line {
  background-color: #e6e6e6;
  width: 2px;
  height: 400px;
}

.image-right {
  align-items: center;
  width: 50%;
  margin-top: 0;
  display: flex;
}

.horizontal-rule-2 {
  background-color: #e6e6e6;
  width: 20%;
  height: 2px;
  margin-top: 35px;
  margin-bottom: 35px;
}

.blank-container {
  justify-content: center;
  align-items: flex-start;
  width: 65%;
  display: flex;
}

.timeline-end-container {
  background-color: #f8f8f8;
  border: 2px solid #e6e6e6;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 65%;
  margin-top: 0;
  display: flex;
}

.header-container {
  flex-direction: column;
  margin-bottom: 80px;
  display: flex;
}

.l-image-top {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.content-l {
  flex-direction: column;
  justify-content: flex-start;
  width: 50%;
  padding-right: 50px;
  display: flex;
}

.image-left {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  display: flex;
}

.pull-out-section {
  background-color: #f5f5f5;
  justify-content: center;
  width: 100%;
  display: flex;
}

.timeline-section {
  flex-direction: column;
  align-items: center;
  padding-top: 90px;
  padding-bottom: 90px;
  display: flex;
}

.link-block-timeline {
  color: #3a3a3a;
  text-align: center;
  background-color: #fffc;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 50px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  position: fixed;
  inset: auto 30px 30px auto;
}

.link-block-timeline:hover {
  background-color: #ebeaeacc;
}

.ux-story-section {
  padding-top: 75px;
  padding-bottom: 100px;
}

.ux-story-container {
  justify-content: center;
  display: flex;
}

.ux-story-list {
  border-radius: 20px;
  margin-top: 20px;
}

.ux-story-list-item {
  color: #3d3d3d;
  font-family: Rubik, sans-serif;
  font-size: 16px;
  line-height: 32px;
}

.ux-story-list-wrapper {
  background-color: #e9f3ff;
  border-radius: 20px;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 30px;
}

.violation-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 35px;
  margin-bottom: 35px;
}

.violation-card {
  background-color: #fce9e8;
  border-radius: 20px;
  padding: 20px;
}

.h3 {
  color: #ce0606;
  -webkit-text-stroke-color: #e0221b;
  margin-top: 0;
  font-family: Rubik, sans-serif;
  font-weight: 500;
  line-height: 24px;
}

.light {
  font-size: 18px;
  font-weight: 300;
}

.ux-story-header {
  font-family: Rubik, sans-serif;
  font-size: 56px;
  font-weight: 600;
  line-height: 64px;
}

.ux-story-subhead {
  font-size: 32px;
  line-height: 40px;
}

.ux-story-block-quote {
  border-top: 3px solid #1f8afc;
  border-bottom: 3px solid #1f8afc;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 40px 70px 30px;
  display: flex;
}

.ux-story-quote-p {
  color: #1f8afc;
  text-align: center;
  font-family: Rubik, sans-serif;
  font-size: 24px;
  line-height: 34px;
}

.instruction-section {
  padding-top: 50px;
  padding-bottom: 150px;
}

.instruction-container {
  background-color: #fff;
  border-radius: 20px;
  padding: 20px 35px;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-top: 39px;
  padding-bottom: 39px;
}

.instruction-card {
  background-color: #fff7d1;
  border-radius: 10px;
  padding: 30px;
  text-decoration: none;
}

.instruction-card.blue {
  background-color: #d7f2fb;
}

.instruction-card.green {
  background-color: #cdf7ec;
}

.instruction-card-title {
  color: #333;
  font-family: Rubik, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.interview-container {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  max-width: 1150px;
  margin-top: 95px;
  display: flex;
}

.text-messages-wrapper {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.grey-bubble {
  background-color: #ebebeb;
  border-radius: 20px;
  flex-wrap: wrap;
  align-content: center;
  max-width: 51%;
  margin-left: 10px;
  padding: 15px;
  font-size: 16px;
  display: flex;
}

.blue-bubble {
  background-color: #1982fc;
  border-radius: 20px;
  flex-wrap: wrap;
  align-content: center;
  max-width: 51%;
  margin-right: 10px;
  padding: 15px;
  font-size: 16px;
  line-height: 22px;
  display: flex;
}

.blue-bubble.typing {
  padding: 0;
}

.text-message-p {
  color: #3d3d3d;
}

.text-message-p.white {
  color: #fff;
}

.grey-bubble-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.blue-bubble-wrapper {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.phone-wrapper {
  background-color: #12141d;
  border-radius: 0 0 20px 20px;
  width: 100%;
  padding: 60px 40px;
}

.avatar {
  max-width: 50px;
  max-height: 50px;
}

.image-2 {
  border-radius: 40px;
}

.text-space-20px {
  height: 20px;
}

.text-space-10px {
  height: 10px;
}

.thumbs-down-img {
  position: relative;
  top: -14px;
  left: -23px;
}

.interview-header-wrapper {
  color: #8f9093;
  background-color: #1e2028;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 45px;
  padding-bottom: 25px;
  display: flex;
}

.interview-h1 {
  font-family: Rubik, sans-serif;
  font-size: 56px;
  font-weight: 300;
  line-height: 62px;
}

.avatar-cluster {
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-bottom: 20px;
  display: flex;
}

.avatar-overlap {
  width: 60px;
  height: 60px;
  margin-left: -10px;
  position: relative;
}

.interview-subhead {
  margin-top: 10px;
  font-family: Rubik, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
}

.do {
  background-color: #e5ffea;
  border: 1px solid #24af60;
  border-radius: 15px;
  padding: 15px;
}

.dont {
  background-color: #fee;
  border: 1px solid #e74444;
  border-radius: 10px;
  margin-top: 20px;
  padding: 15px;
}

.fairshot-interest-key {
  border: 1px solid #c9c4b7;
  border-radius: 10px;
  width: 40%;
  margin-top: 15px;
  padding: 20px 20px 10px;
}

.reflection-section {
  background-color: #1a6d99;
  padding-top: 100px;
  padding-bottom: 130px;
}

.reflection-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.fake-button {
  background-color: #447efc;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  max-width: 150px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Rubik, sans-serif;
  display: flex;
}

.text-block {
  color: #fff;
}

.box-limit-grid {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-columns: .25fr 1fr;
  width: 60%;
  margin-top: 30px;
}

.guerilla-email-wrapper {
  border: 1px solid #000;
  width: 90%;
  padding: 50px;
}

.email-subject {
  font-size: 26px;
  line-height: 24px;
}

.email-content {
  background-color: #ebebeb;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  padding: 40px;
  display: flex;
}

.email-content-inside {
  background-color: #fff;
  width: 90%;
  padding: 45px;
}

.from {
  font-size: 18px;
  font-weight: 400;
}

.text-link {
  color: #0059ff;
  text-decoration: underline;
}

.signature {
  width: 100px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.guerillabox-email-signature {
  width: 200px;
  margin-top: 10px;
}

.atlantic-article {
  margin-top: 35px;
}

.navbar-logo-left {
  padding-top: 75px;
}

.navbar-logo-left-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
  justify-content: flex-end;
  width: 100%;
  max-width: 1140px;
  margin-bottom: 0;
  display: flex;
}

.container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar-wrapper {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-menu-wrapper {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.nav-menu-two {
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link-2 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-2:hover {
  color: #1a1b1fbf;
}

.nav-link-2:focus-visible, .nav-link-2[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 {
  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;
}

.nav-divider {
  background-color: #e4ebf3;
  width: 1px;
  height: 22px;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

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

.nav-list-item {
  padding-left: 50px;
  padding-right: 50px;
}

.poem-container {
  margin-top: 15px;
}

.tabs-menu {
  margin-bottom: 40px;
}

.tab-link {
  border-radius: 20px;
  margin-right: 15px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Rubik, sans-serif;
}

.tab-link.w--current {
  color: #fff;
  background-color: #3381ff;
}

.poems-section {
  padding-top: 50px;
  padding-bottom: 100px;
}

@media screen and (max-width: 991px) {
  h1 {
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 50px;
  }

  .nav-container {
    max-width: 80%;
  }

  .hero-image {
    max-width: 85%;
  }

  .headshot {
    width: 50%;
  }

  .work-section {
    padding-top: 160px;
    padding-bottom: 100px;
  }

  .case-study {
    width: 100%;
  }

  .writing-samples {
    margin-top: 80px;
  }

  .writing-sample-div {
    flex-direction: row;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .writing-sample-tags {
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 50%;
    margin-top: 0;
  }

  .writing-sample-p {
    font-size: 16px;
    line-height: 22px;
  }

  .writing-samples-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    display: flex;
  }

  .writing-sample-image-and-copy {
    width: 50%;
  }

  .writing-sample-link-block {
    width: 100%;
  }

  .short-bio {
    width: 50%;
  }

  .project-container {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .back-to-home {
    width: 20%;
  }

  .project-header-content {
    width: 100%;
  }

  .lingual-sample-container {
    width: 90%;
    margin-top: 40px;
  }

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

  .lingual-image {
    width: 80%;
  }

  .project-hero-wrapper, .guerillabox-container {
    width: 90%;
  }

  .guerillabox-img {
    width: 80%;
  }

  .fairshot-hero-section {
    padding-top: 40px;
    padding-bottom: 90px;
  }

  .fairshot-hero-container {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .fairshot-hero-grid {
    flex-direction: column;
    width: 85%;
    display: flex;
  }

  .problem-solution-section {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .problem-solution-container {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .problem-solution-grid, .research-container, .quote-container {
    width: 85%;
  }

  .research-container-2 {
    flex-direction: column;
    align-items: center;
    width: 85%;
    display: flex;
  }

  .ivf-coverage-grid {
    margin-top: 0;
  }

  .pie-chart {
    max-width: 50%;
  }

  .ivf-coverage-results {
    margin-top: 60px;
  }

  .key-list-item {
    line-height: 20px;
  }

  .summary {
    margin-top: 24px;
  }

  .fairshot-interest-grid {
    grid-row-gap: 56px;
  }

  .fairshot-interest-result {
    flex-direction: column;
  }

  .fairshot-interest-chart {
    width: 50%;
  }

  .fairshot-interest-copy {
    margin-left: 0;
  }

  .wireframing-container {
    width: 85%;
  }

  .slider {
    width: 100%;
  }

  .left-arrow, .right-arrow {
    max-width: 30px;
  }

  .about-section-2 {
    padding-top: 0;
  }

  .about-container-2 {
    width: 90%;
  }

  .style-guide-container {
    width: 85%;
  }

  .voice-characteristic {
    flex-direction: column;
    display: flex;
  }

  .clixflow-grid-wrapper {
    width: 100%;
  }

  .clixflow-container, .wingscanner-container {
    width: 90%;
  }

  .timeline-container {
    width: 85%;
  }

  .pullout-text {
    width: 100%;
  }

  .bg-fertility-anxiety {
    background-image: linear-gradient(#0009, #0009), url('../images/RMA2017-2.jpg');
    background-position: 0 0, 33%;
  }

  .pull-out-container {
    width: 80%;
  }

  .h1 {
    text-align: center;
  }

  .timeline-end-container {
    width: 85%;
  }

  .ux-story-section {
    padding-top: 40px;
  }

  .ux-story-container {
    width: 90%;
  }

  .instruction-section {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .interview-container {
    width: 90%;
  }

  .grey-bubble, .blue-bubble {
    max-width: 60%;
  }

  .phone-wrapper {
    width: 100%;
  }

  .interview-h1 {
    font-size: 48px;
    line-height: 56px;
  }

  .interview-subhead {
    margin-top: 5px;
  }

  .fairshot-interest-key {
    width: 100%;
  }

  .reflection-wrapper {
    width: 90%;
  }

  .box-limit-grid {
    grid-template-columns: .25fr .75fr;
    width: 90%;
  }

  .guerilla-email-wrapper {
    padding: 32px;
  }

  .email-content-inside {
    padding: 25px;
  }

  .navbar-logo-left {
    padding-top: 20px;
  }

  .container {
    justify-content: flex-end;
    max-width: 728px;
    padding-right: 24px;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu-two {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link-2 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .tab-link.w--current {
    background-color: #447efc;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    margin-bottom: 10px;
    font-size: 32px;
  }

  h2 {
    font-size: 24px;
  }

  .nav-section {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .nav-container {
    justify-content: center;
    max-width: 80%;
  }

  .hero-image {
    max-width: 90%;
  }

  .headshot-and-bio {
    flex-direction: column-reverse;
    bottom: -10px;
  }

  .education {
    flex-wrap: wrap;
    padding: 15px 25px;
  }

  .eduation-grid {
    width: 100%;
  }

  .headshot {
    width: 60%;
    display: none;
  }

  .buttons {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 15px;
  }

  .work-section {
    padding-top: 95px;
    padding-bottom: 40px;
  }

  .case-study-div {
    flex-direction: row;
  }

  .p.centered {
    text-align: center;
  }

  .case-study {
    width: 100%;
  }

  .fairshot-image {
    max-width: 35%;
  }

  .writing-samples {
    margin-top: 40px;
  }

  .writing-sample-div {
    flex-direction: column;
    align-items: flex-start;
  }

  .writing-sample-tags {
    justify-content: flex-start;
    width: 100%;
    margin-top: 15px;
  }

  .horizontal-rule {
    margin-bottom: 25px;
  }

  .case-study-copy {
    width: 55%;
  }

  .writing-samples-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .writing-sample-image-and-copy {
    width: 100%;
  }

  .short-bio {
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0;
  }

  .about-container {
    width: 100%;
    bottom: -25px;
  }

  .project-header-content {
    margin-top: 40px;
  }

  .lingual-sample-container {
    margin-top: 25px;
  }

  .all-caps-header-18px {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 22px;
  }

  .lingual-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-wrap: wrap;
    display: flex;
  }

  .lingual-image {
    width: 30%;
  }

  .final-copy {
    border-bottom: 1px solid #dadada;
    border-right-style: none;
    padding-bottom: 30px;
    padding-right: 0;
  }

  .space {
    height: 24px;
  }

  .heading-3 {
    margin-bottom: 5px;
  }

  .guerillabox-container {
    margin-top: 25px;
  }

  .guerillabox-wrapper {
    justify-content: space-between;
  }

  .guerillabox-img {
    width: 100%;
  }

  .guerillabox-content {
    align-items: flex-start;
  }

  .fairshot-hero-container {
    padding-top: 40px;
  }

  .h1-bold-72px.turquoise {
    font-size: 56px;
    line-height: 56px;
  }

  .goals-grid {
    grid-column-gap: 24px;
    grid-row-gap: 16px;
  }

  .fairshot-subhead {
    margin-top: 5px;
  }

  .research-container-2 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

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

  .pie-chart {
    max-width: 50%;
  }

  .ivf-coverage-results {
    margin-top: 55px;
  }

  .ivf-results-key {
    font-size: 14px;
    line-height: 18px;
  }

  .summary {
    margin-top: 18px;
  }

  .fairshot-interest-chart {
    margin-bottom: 20px;
  }

  .fairshot-interest-copy {
    padding: 0;
  }

  .wireframing-section {
    padding-top: 0;
  }

  .wireframe-example {
    margin-top: 70px;
  }

  .wireframe-grid {
    flex-direction: column;
    display: flex;
  }

  .slider {
    width: 65%;
  }

  .about-section-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .about-container-2 {
    width: 85%;
    box-shadow: none;
    background-color: #0000;
    border-style: none;
    padding: 0;
  }

  .wingscanner-before-and-after-grid {
    width: 100%;
  }

  .winscanner-image {
    padding-top: 0;
    padding-bottom: 0;
  }

  .background-covid {
    background-image: linear-gradient(#0009, #0009), url('../images/NYC-COVID-3.jpg');
    background-position: 0 0, 58%;
  }

  .bg-tank {
    background-image: linear-gradient(#0009, #0009), url('../images/N-tank.jpg');
    background-position: 0 0, 32%;
  }

  .bg-first-fet {
    background-image: linear-gradient(#0009, #0009), url('../images/1stFET.jpg');
    background-position: 0 0, 80%;
  }

  .vertical-line {
    height: 500px;
  }

  .bg-fertility-anxiety {
    background-image: linear-gradient(#0009, #0009), url('../images/RMA2017-2_1.jpg');
    background-position: 0 0, 77%;
  }

  .image-right {
    margin-top: 0;
  }

  .content-l {
    padding-right: 12px;
  }

  .ux-story-list-item {
    line-height: 24px;
  }

  .ux-story-header {
    font-size: 48px;
    line-height: 56px;
  }

  .ux-story-block-quote {
    padding-left: 30px;
    padding-right: 30px;
  }

  .instruction-section {
    padding: 60px 25px;
  }

  .instruction-container {
    background-color: #0000;
  }

  .interview-container {
    width: 100%;
  }

  .grey-bubble, .blue-bubble {
    max-width: 100%;
  }

  .phone-wrapper {
    border-radius: 0;
  }

  .avatar {
    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;
  }

  .interview-header-wrapper {
    border-radius: 0;
  }

  .interview-h1 {
    font-size: 36px;
    line-height: 48px;
  }

  .reflection-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .reflection-wrapper {
    width: 85%;
  }

  .box-limit-grid {
    width: 100%;
  }

  .guerilla-email-wrapper {
    padding: 25px;
  }

  .email-subject {
    font-size: 20px;
    line-height: 22px;
  }

  .email-content {
    background-color: #fff;
    padding: 0;
  }

  .email-content-inside {
    width: 100%;
    padding: 0;
  }

  .navbar-logo-left-container {
    max-width: 100%;
  }

  .container {
    padding-right: 15px;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-two {
    border-radius: 20px;
    flex-direction: column;
  }

  .nav-link-2 {
    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;
  }

  .nav-divider {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .nav-list-item {
    padding: 10px 0;
  }
}

@media screen and (max-width: 479px) {
  .nav-grid {
    flex-direction: column;
    display: flex;
  }

  .hero-section {
    padding-top: 0;
  }

  .headshot-and-bio {
    align-items: flex-start;
    width: 80%;
  }

  .education {
    padding-bottom: 30px;
  }

  .education-div {
    flex-wrap: wrap;
  }

  .headshot {
    width: 100%;
  }

  .buttons {
    flex-wrap: wrap;
  }

  .button-outlined {
    width: 100%;
    margin-bottom: 0;
  }

  .work-section {
    padding-top: 55px;
    padding-bottom: 10px;
  }

  .work-container {
    width: 100%;
  }

  .case-study-div {
    flex-direction: column;
  }

  .p.drk-grey {
    line-height: 26px;
  }

  .case-study {
    margin-top: 10px;
  }

  .fairshot-image {
    max-width: 100%;
  }

  .writing-samples {
    box-shadow: none;
    background-color: #0000;
    border-style: none;
    padding-left: 0;
    padding-right: 0;
  }

  .writing-sample-div {
    padding-bottom: 15px;
  }

  .writing-sample-copy {
    width: 85%;
  }

  .writing-sample-p {
    font-size: 16px;
    line-height: 20px;
  }

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

  .writing-samples-grid {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    margin-top: 10px;
  }

  .writing-sample-image {
    width: 25%;
  }

  .case-study-wrapper {
    width: 90%;
    box-shadow: none;
    background-color: #0000;
    border-style: none;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .short-bio {
    width: 100%;
  }

  .about-container {
    align-items: center;
    width: 100%;
    bottom: -20px;
  }

  .back-to-home {
    width: 40%;
  }

  .project-title {
    font-size: 40px;
  }

  .project-tags-wrapper {
    flex-wrap: wrap;
  }

  .brand-voice-section {
    padding: 25px;
    font-size: 15px;
  }

  .lingual-sample-container {
    padding: 25px;
  }

  .lingual-image {
    width: 40%;
  }

  .semibold.drk-grey {
    line-height: 24px;
  }

  .semibold.large {
    font-size: 18px;
  }

  .guerillabox-container {
    padding: 25px;
  }

  .guerillabox-wrapper {
    flex-direction: column;
  }

  .see-explorations-link {
    margin-left: 0;
  }

  .final-copy-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .fairshot-hero-container {
    padding-top: 40px;
  }

  .role-and-duration-grid {
    grid-column-gap: 16px;
    grid-row-gap: 48px;
  }

  .problem-solution-section, .research-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .goals-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .research-header {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .competitive-analysis {
    margin-top: 50px;
  }

  .header-with-link {
    flex-direction: column;
    margin-bottom: 20px;
  }

  .fairshot-text-link {
    margin-left: 0;
  }

  .quote-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .fairshot-subhead {
    margin-top: 0;
  }

  .research-section-2 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .survey {
    margin-top: 50px;
  }

  .ivf-coverage {
    border-style: none;
    width: 100%;
    padding: 15px;
  }

  .text-semibold-18px.drk-grey {
    line-height: 24px;
  }

  .ivf-coverage-grid {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .pie-chart {
    max-width: 90%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .ivf-coverage-results {
    margin-top: 25px;
  }

  .ivf-results-key {
    border-style: none;
    justify-content: center;
    padding: 0;
    display: flex;
  }

  .key-list-item {
    font-size: 14px;
    line-height: 18px;
  }

  .med-and-donation-behavior {
    border-style: none;
    width: 100%;
    padding: 15px;
  }

  .fairshot-interest-grid {
    margin-top: 10px;
  }

  .fairshot-interest-chart {
    width: 90%;
    margin-bottom: 10px;
  }

  .fairshot-interest {
    border-style: none;
    width: 100%;
    padding: 15px;
  }

  .wireframing-header {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .slider-arrow {
    font-size: 20px;
  }

  .slider {
    width: 100%;
  }

  .left-arrow, .right-arrow {
    max-width: 25px;
  }

  .style-guide-header {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .style-guide-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .clixflow-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: .5fr 1fr;
  }

  .clixflow-screen-1-wrapper {
    margin-top: 25px;
  }

  .section-headers {
    line-height: 38px;
  }

  .about-block-quote {
    width: 100%;
    margin-left: 0;
  }

  .drk-grey {
    line-height: 36px;
  }

  .timeline-container {
    flex-direction: column;
    margin-top: 75px;
  }

  .background-covid {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .bg-newpaltz {
    background-image: linear-gradient(#0009, #0009), url('../images/New-Paltz.jpg');
    background-position: 0 0, 49%;
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .timeline-end-p {
    padding: 30px 20px;
  }

  .content-r {
    width: 100%;
    margin-top: 0;
    padding-left: 0;
  }

  .bg-tank {
    background-image: linear-gradient(#0009, #0009), url('../images/N-tank.jpg');
    background-position: 0 0, 33%;
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .two-images-right {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .bg-second-fet {
    background-image: linear-gradient(#0009, #0009), url('../images/2ndFET.jpg');
    background-position: 0 0, 68%;
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .bg-first-fet {
    background-image: linear-gradient(#0009, #0009), url('../images/1stFET.jpg');
    background-position: 0 0, 57%;
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .vertical-line {
    display: none;
  }

  .two-images-left {
    width: 100%;
  }

  .bg-fertility-anxiety {
    background-image: linear-gradient(#0009, #0009), url('../images/RMA2017-2_1.jpg');
    background-position: 0 0, 73%;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .h1 {
    font-size: 40px;
    line-height: 50px;
  }

  .bg-firsti-ui {
    background-image: linear-gradient(#0009, #0009), url('../images/FirstIUI.jpg');
    background-position: 0 0, 70%;
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .bg-ivf {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .double-vertical-line {
    display: none;
  }

  .stand-alone-copy {
    width: 80%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .image-right {
    width: 100%;
    margin-top: 10px;
  }

  .horizontal-rule-2 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .blank-container {
    display: none;
  }

  .timeline-end-container {
    margin-top: 75px;
  }

  .header-container {
    margin-bottom: 0;
  }

  .content-l {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 0;
  }

  .image-left {
    width: 100%;
  }

  .pull-out-section {
    margin-top: 75px;
    margin-bottom: 75px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .timeline-section {
    padding-top: 50px;
  }

  .ux-story-header {
    font-size: 40px;
    line-height: 48px;
  }

  .ux-story-block-quote {
    padding-left: 15px;
    padding-right: 15px;
  }

  .instruction-section {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .instruction-container {
    background-color: #f0f0f0;
    padding: 5px 20px;
  }

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

  .instruction-card {
    border: 1px solid #333;
  }

  .instruction-card.blue {
    outline-color: #333;
  }

  .interview-container {
    background-color: #fff0;
    width: 100%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .phone-wrapper {
    padding: 35px 15px 70px;
  }

  .interview-header-wrapper {
    padding-top: 40px;
    padding-bottom: 15px;
  }

  .interview-h1 {
    font-size: 28px;
    line-height: 36px;
  }

  .interview-subhead {
    text-align: center;
    line-height: 26px;
  }

  .fairshot-interest-key {
    border-style: none;
    padding: 0;
  }

  .reflection-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .guerilla-email-wrapper {
    width: 100%;
    padding: 16px;
  }

  .email-subject {
    font-size: 20px;
    line-height: 24px;
  }

  .email-content {
    background-color: #fff;
    padding: 0;
  }

  .email-content-inside {
    width: 100%;
    padding: 0;
  }

  .from {
    font-size: 14px;
    line-height: 18px;
  }

  .navbar-logo-left {
    padding-top: 0;
  }

  .container {
    max-width: none;
    padding-right: 0;
  }

  .nav-menu-two {
    flex-direction: column;
  }

  .tab-link {
    aspect-ratio: auto;
    margin-bottom: 10px;
  }
}

#w-node-_87b5eadd-7f2d-fb82-0f66-0ec74d56eecc-35cc527f, #w-node-_87b5eadd-7f2d-fb82-0f66-0ec74d56eed3-35cc527f, #w-node-_87b5eadd-7f2d-fb82-0f66-0ec74d56eeda-35cc527f, #w-node-_87b5eadd-7f2d-fb82-0f66-0ec74d56eee2-35cc527f, #w-node-d4223164-442c-63d6-2f03-19755a9b0dc8-35cc527f, #w-node-d4223164-442c-63d6-2f03-19755a9b0de0-35cc527f, #w-node-d4223164-442c-63d6-2f03-19755a9b0df5-35cc527f, #w-node-d4223164-442c-63d6-2f03-19755a9b0e0b-35cc527f, #w-node-_4be0e750-d7fc-ce79-e9ba-b5684e6ad5f5-35cc527f, #w-node-d6f53fba-c2f2-1059-316b-ec2c84b9332c-35cc527f, #w-node-a67cb7c2-e536-10ab-ff0d-4e608fe7ee27-35cc527f, #w-node-_2accb6de-55c7-78de-9176-7114eb65c46b-35cc527f, #w-node-_9b319dc1-c57d-f2a1-5e6d-e56f44d1be36-a917e605, #w-node-_8b846cdb-af85-524c-3cff-5eb2dcd8a26c-a917e605, #w-node-_6e07a2d5-1d9d-3305-5cc4-b23565671ee8-a917e605, #w-node-_31f16501-6797-49ef-ea09-86f886e1010a-a917e605, #w-node-_31f16501-6797-49ef-ea09-86f886e1010c-a917e605, #w-node-_31f16501-6797-49ef-ea09-86f886e10119-a917e605, #w-node-_49a20ce7-8f8b-5552-dff5-3574d7b23af8-a917e605, #w-node-_49a20ce7-8f8b-5552-dff5-3574d7b23afa-a917e605, #w-node-_49a20ce7-8f8b-5552-dff5-3574d7b23b0c-a917e605, #w-node-_7440d859-885c-3e10-fa13-64789641246f-a917e605, #w-node-_7440d859-885c-3e10-fa13-647896412471-a917e605, #w-node-_7440d859-885c-3e10-fa13-64789641247d-a917e605, #w-node-d27fd610-96e8-12f5-ff37-d0c077c00dda-a917e605, #w-node-d27fd610-96e8-12f5-ff37-d0c077c00ddc-a917e605, #w-node-d27fd610-96e8-12f5-ff37-d0c077c00deb-a917e605, #w-node-_72650f03-8e11-c99a-5ccc-a549589c23b3-8ff414a1, #w-node-a9408f4e-e70c-8483-1acd-4866ee403f48-8ff414a1, #w-node-ddc16537-0ce0-64fa-c3ca-070be3b9773b-8ff414a1, #w-node-_266a2545-316d-1e0a-9636-f9cf91041dc9-8ff414a1, #w-node-fd05fef2-6eaf-ad7e-80cb-079cadfc7e38-b88b140b, #w-node-d2141254-7829-b3e3-32b1-9bf524959c4e-b88b140b, #w-node-_0d148ece-c4dd-58fd-66e6-bb0e662bce27-b88b140b, #w-node-b2db005a-fce2-e0d1-10e2-46e983d38934-b88b140b, #w-node-e6d2663a-8e5e-f881-1a61-6a1fe4e16e5f-b88b140b, #w-node-_5a6b899d-4828-57bb-efd8-b2939dea3392-b88b140b, #w-node-_0b8bdede-8f3f-d2bc-dc5c-aa1c4e7b8ad5-b88b140b, #w-node-d52f8d27-d313-bfc0-1da2-51ddb81055a2-b88b140b, #w-node-_7512c992-a76b-3dbe-1fbc-6da9dd6f3312-b88b140b, #w-node-ab74b2c1-0830-7d48-f996-3f988f410844-b88b140b, #w-node-e5ed7525-4f72-2d04-0ea1-5a5117d76cb3-b88b140b, #w-node-dc69bb2a-2f06-12a5-810e-da13873d7988-b88b140b, #w-node-_3ea375e8-0db8-b795-6f86-2ed2d54f8f61-b88b140b, #w-node-_08a990d5-0fb6-348d-1e04-b3cb8ccad9ed-b88b140b, #w-node-f27b45d8-7af2-998f-cfcb-715bab309a73-b88b140b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9bd5116c-1622-cf1d-10b2-df01f3bf988b-b88b140b, #w-node-_1e86140c-8019-914d-d396-90fbb575c312-b88b140b, #w-node-c230f149-1d2a-d269-8b35-0bd06df3161c-b88b140b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9e5abbd6-88ef-b3a0-58ad-1f8f5c5d83e1-b88b140b, #w-node-d7053835-7190-5060-570e-c602a38ed52e-b88b140b, #w-node-_37f29aaf-9958-01e8-03e2-706dee2fd9f7-b88b140b, #w-node-f8f64dfb-ea5c-8216-ae95-9ef26b69e807-b88b140b, #w-node-_511bff35-68cc-fbea-2413-f70a8e56294a-b88b140b, #w-node-_23144eb2-7c26-b57d-1ece-57ebf27504ea-b88b140b, #w-node-_96d18556-2697-bb00-f395-958008fd90e0-b88b140b, #w-node-_106cfdfd-56fc-8561-4714-99ebac09fdcb-b88b140b, #w-node-_4c02a1bf-5029-2ba4-30df-1cab9560e94b-b88b140b, #w-node-_6cc97a1b-410e-2644-33ed-3d06f868dfbb-b88b140b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3f48d7e2-0be8-568e-65c7-b73d49e64154-73edd609 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c5055623-d297-b6d5-f194-7046e7b2e86e-73edd609, #w-node-_2c761066-b962-ca1f-8d8e-ec380d3e9d82-73edd609, #w-node-fdd0ee76-7023-c934-d491-ead0fcd18624-73edd609, #w-node-_9efe86c3-eb08-c61b-ea55-d23e253ee250-73edd609, #w-node-_770382ae-965b-393a-4646-220cc346d1fb-73edd609, #w-node-b8406d25-4724-e64c-0df7-040d49ef42c6-73edd609, #w-node-b8406d25-4724-e64c-0df7-040d49ef42c9-73edd609, #w-node-b8406d25-4724-e64c-0df7-040d49ef42ce-73edd609, #w-node-e7848b8a-660c-effc-449e-ecb642967ed7-73edd609 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e7848b8a-660c-effc-449e-ecb642967eda-73edd609 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e7848b8a-660c-effc-449e-ecb642967ee7-73edd609 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e7848b8a-660c-effc-449e-ecb642967eea-73edd609 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b871c731-4ada-926e-c523-2046862264ad-73edd609 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b871c731-4ada-926e-c523-2046862264b0-73edd609 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3d94547c-631a-548d-c29a-9f8af8b722a6-73edd609 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3d94547c-631a-548d-c29a-9f8af8b722a9-73edd609, #w-node-_3f48d7e2-0be8-568e-65c7-b73d49e64154-12b965b8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c5055623-d297-b6d5-f194-7046e7b2e86e-12b965b8, #w-node-_2c761066-b962-ca1f-8d8e-ec380d3e9d82-12b965b8, #w-node-fdd0ee76-7023-c934-d491-ead0fcd18624-12b965b8, #w-node-_9efe86c3-eb08-c61b-ea55-d23e253ee250-12b965b8, #w-node-_770382ae-965b-393a-4646-220cc346d1fb-12b965b8, #w-node-b8406d25-4724-e64c-0df7-040d49ef42c6-12b965b8, #w-node-b8406d25-4724-e64c-0df7-040d49ef42c9-12b965b8, #w-node-b8406d25-4724-e64c-0df7-040d49ef42ce-12b965b8, #w-node-_8a86cf7f-8c2a-7089-8985-85aee3db78f7-12b965b8, #w-node-_8a86cf7f-8c2a-7089-8985-85aee3db78fa-12b965b8, #w-node-_8a86cf7f-8c2a-7089-8985-85aee3db7900-12b965b8, #w-node-_1fbc3131-33e0-aeac-a494-e2e03c29dd09-12b965b8, #w-node-_1fbc3131-33e0-aeac-a494-e2e03c29dd0c-12b965b8, #w-node-_1fbc3131-33e0-aeac-a494-e2e03c29dd12-12b965b8, #w-node-e5541afe-c500-d02b-fb93-332d60abd712-12b965b8, #w-node-d44bbc24-3694-3fd5-1282-cb4c0ee508eb-12b965b8, #w-node-_473baa64-0e74-57fa-813a-cd914c8dd985-ec1de918, #w-node-_98cf58a1-bb6e-b276-7695-b0bbd5a5fe05-ec1de918, #w-node-_1b357794-c3f4-a590-6303-a9717d1206cb-ec1de918 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_108d9815-163b-ab14-181f-98f4c3f5ae22-c4543712, #w-node-_62b3005f-8118-addd-ecf1-a16bc0fba46e-c4543712, #w-node-_5767ee3e-c371-b052-26a4-c0b5cd8f8244-c4543712 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

@media screen and (max-width: 991px) {
  #w-node-dc69bb2a-2f06-12a5-810e-da13873d7988-b88b140b, #w-node-_3ea375e8-0db8-b795-6f86-2ed2d54f8f61-b88b140b, #w-node-_08a990d5-0fb6-348d-1e04-b3cb8ccad9ed-b88b140b {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-b2db005a-fce2-e0d1-10e2-46e983d38934-b88b140b, #w-node-e6d2663a-8e5e-f881-1a61-6a1fe4e16e5f-b88b140b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-dc69bb2a-2f06-12a5-810e-da13873d7988-b88b140b, #w-node-_3ea375e8-0db8-b795-6f86-2ed2d54f8f61-b88b140b, #w-node-_08a990d5-0fb6-348d-1e04-b3cb8ccad9ed-b88b140b {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-a8320532-8b32-db24-eb3d-b22ed7c92826-b88b140b, #w-node-f27b45d8-7af2-998f-cfcb-715bab309a73-b88b140b, #w-node-c5055623-d297-b6d5-f194-7046e7b2e86e-73edd609, #w-node-_2c761066-b962-ca1f-8d8e-ec380d3e9d82-73edd609, #w-node-c5055623-d297-b6d5-f194-7046e7b2e86e-12b965b8, #w-node-_2c761066-b962-ca1f-8d8e-ec380d3e9d82-12b965b8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_473baa64-0e74-57fa-813a-cd914c8dd985-ec1de918, #w-node-_98cf58a1-bb6e-b276-7695-b0bbd5a5fe05-ec1de918, #w-node-_1b357794-c3f4-a590-6303-a9717d1206cb-ec1de918 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_108d9815-163b-ab14-181f-98f4c3f5ae22-c4543712, #w-node-_62b3005f-8118-addd-ecf1-a16bc0fba46e-c4543712, #w-node-_5767ee3e-c371-b052-26a4-c0b5cd8f8244-c4543712 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_87b5eadd-7f2d-fb82-0f66-0ec74d56eecc-35cc527f, #w-node-_87b5eadd-7f2d-fb82-0f66-0ec74d56eed3-35cc527f, #w-node-_87b5eadd-7f2d-fb82-0f66-0ec74d56eeda-35cc527f, #w-node-_87b5eadd-7f2d-fb82-0f66-0ec74d56eee2-35cc527f, #w-node-_0d148ece-c4dd-58fd-66e6-bb0e662bce27-b88b140b, #w-node-_356f1c10-cc29-1f00-ab9e-4af6536ab874-b88b140b, #w-node-_5a6b899d-4828-57bb-efd8-b2939dea3392-b88b140b, #w-node-_0b8bdede-8f3f-d2bc-dc5c-aa1c4e7b8ad5-b88b140b, #w-node-d52f8d27-d313-bfc0-1da2-51ddb81055a2-b88b140b, #w-node-_7512c992-a76b-3dbe-1fbc-6da9dd6f3312-b88b140b, #w-node-ab74b2c1-0830-7d48-f996-3f988f410844-b88b140b, #w-node-e5ed7525-4f72-2d04-0ea1-5a5117d76cb3-b88b140b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-fdd0ee76-7023-c934-d491-ead0fcd18624-73edd609, #w-node-_9efe86c3-eb08-c61b-ea55-d23e253ee250-73edd609, #w-node-_770382ae-965b-393a-4646-220cc346d1fb-73edd609 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-b8406d25-4724-e64c-0df7-040d49ef42c6-73edd609, #w-node-b8406d25-4724-e64c-0df7-040d49ef42c9-73edd609, #w-node-b8406d25-4724-e64c-0df7-040d49ef42ce-73edd609, #w-node-e7848b8a-660c-effc-449e-ecb642967ed7-73edd609, #w-node-e7848b8a-660c-effc-449e-ecb642967ee7-73edd609, #w-node-b871c731-4ada-926e-c523-2046862264ad-73edd609, #w-node-_3d94547c-631a-548d-c29a-9f8af8b722a6-73edd609 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-fdd0ee76-7023-c934-d491-ead0fcd18624-12b965b8, #w-node-_9efe86c3-eb08-c61b-ea55-d23e253ee250-12b965b8, #w-node-_770382ae-965b-393a-4646-220cc346d1fb-12b965b8 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-b8406d25-4724-e64c-0df7-040d49ef42c6-12b965b8, #w-node-b8406d25-4724-e64c-0df7-040d49ef42c9-12b965b8, #w-node-b8406d25-4724-e64c-0df7-040d49ef42ce-12b965b8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_8a86cf7f-8c2a-7089-8985-85aee3db78f7-12b965b8, #w-node-_8a86cf7f-8c2a-7089-8985-85aee3db78fa-12b965b8, #w-node-_8a86cf7f-8c2a-7089-8985-85aee3db7900-12b965b8, #w-node-_1fbc3131-33e0-aeac-a494-e2e03c29dd09-12b965b8, #w-node-_1fbc3131-33e0-aeac-a494-e2e03c29dd0c-12b965b8, #w-node-_1fbc3131-33e0-aeac-a494-e2e03c29dd12-12b965b8, #w-node-_108d9815-163b-ab14-181f-98f4c3f5ae22-c4543712, #w-node-_62b3005f-8118-addd-ecf1-a16bc0fba46e-c4543712, #w-node-_5767ee3e-c371-b052-26a4-c0b5cd8f8244-c4543712 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}