:root {
  --creme: #f3f2ee;
  --transparent: #0000;
  --pink2: #b66b66;
  --blue: #24406c;
  --light-blue: #cbd9ed;
  --dark-blue: #2b3d56;
  --pink: #204051;
  --sage-green: #8faf9b;
  --data-viz-color: #9ea29d;
  --blue-transparent: #122b45cc;
  --medium-blue: #5d718d;
  --green: #2f6b51;
  --cremenew: #f4efec;
}

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

.home-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 35vh;
  display: flex;
}

.home-section.light {
  background-color: var(--creme);
  height: 91vh;
  font-family: Carlito, sans-serif;
}

.home-section.my-work {
  width: auto;
  height: auto;
}

.container {
  background-color: var(--transparent);
  margin-right: 0;
}

.navbar {
  background-color: var(--transparent);
  background-image: linear-gradient(90deg, var(--pink2), var(--blue) 85%);
}

.nav-menu {
  margin-right: 20px;
  padding-top: 10px;
}

.nav-link, .nav-link-2, .nav-link-3, .nav-link-4 {
  color: #fff;
  font-family: Carlito, sans-serif;
  font-size: 18px;
}

.text-container {
  max-width: 90vw;
  margin-top: 10vh;
  margin-left: 7vw;
}

.text-container.left {
  background-image: url('../images/Georgia-Headshot.jpg');
  background-position: 42%;
  background-size: cover;
  width: 25vw;
  max-width: 30vw;
  height: 35vw;
  margin-top: 0;
  margin-left: 7vw;
  margin-right: 0;
}

.text-container.right {
  width: 55vw;
  max-width: 65vw;
  margin-top: 0;
  margin-left: 4vw;
  margin-right: 5vw;
}

.text-container.my-work {
  max-width: none;
  height: 200vh;
  margin-top: 0;
  margin-left: 5vw;
  overflow: clip;
}

.hi-there {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Brawler, sans-serif;
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 4rem;
}

.bold-type-title {
  height: 18vh;
  color: var(--pink2);
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: iowan-old-style-bt, sans-serif;
  font-size: 8vw;
  font-weight: 900;
  line-height: 6.5rem;
  display: flex;
}

.bold-type-title.my-work {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-paragraph {
  height: auto;
  color: var(--blue);
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Carlito, sans-serif;
  font-size: 4vw;
  font-weight: 400;
  line-height: 1;
  display: flex;
}

.div-block {
  display: flex;
}

.div-block.wrapper {
  justify-content: flex-start;
  align-items: center;
  height: 3rem;
  margin-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.loop-container, .loop-content {
  display: flex;
}

.loop-heading {
  color: var(--pink2);
  white-space: nowrap;
  word-break: normal;
  margin-right: 4rem;
  font-family: Brawler, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2rem;
  display: block;
  overflow: visible;
}

.button-arrow-work {
  opacity: .8;
  cursor: pointer;
  background-color: #0000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 50px;
  padding-left: 19px;
  padding-right: 19px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-arrow-work:active {
  opacity: 1;
}

.text-work {
  z-index: 1;
  color: #fff;
  font-family: Carlito, sans-serif;
  font-size: 20px;
  font-weight: 400;
  position: relative;
}

.circle {
  background-color: var(--light-blue);
  border-radius: 99999px;
  width: 40px;
  height: 40px;
  position: absolute;
  inset: auto auto auto 0;
}

.arrow-div {
  background-color: #0000;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 110px;
  height: 50px;
  margin-left: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.arrow {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.arrow-stem {
  background-color: #000;
  width: 100px;
  height: 2px;
}

.arrow-tip {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  width: 10px;
  height: 10px;
  margin-left: -10.5px;
  transform: rotate(-45deg);
}

.full-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 10vh;
  margin-top: .25rem;
  display: flex;
  position: relative;
}

.about-section {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.turn-around {
  justify-content: center;
  align-items: center;
  width: 25vw;
  height: 25vw;
  margin-top: 0;
  display: flex;
  position: relative;
}

.headshot {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 38% 50%;
  border-radius: 50vw;
  width: 85%;
  height: 85%;
  overflow: clip;
}

.circular-text {
  width: 100%;
  height: 110%;
  position: absolute;
}

.text-flip-thru {
  color: var(--dark-blue);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
}

.text-flip-thru.green {
  color: var(--pink2);
  padding-bottom: 10px;
}

.text-block {
  color: var(--dark-blue);
  margin-top: 5rem;
  font-family: capitana, sans-serif;
  font-size: 1.15vw;
  font-weight: 300;
  line-height: 1.75vw;
}

.flip-text-container {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  display: flex;
}

.div-block-2 {
  padding-left: 1rem;
}

.wrapper {
  height: 50px;
  line-height: 50px;
  overflow: hidden;
}

.button {
  background-color: #0000;
  font-family: Carlito, sans-serif;
  font-size: 20px;
}

.button.text-work {
  padding-left: 0;
  padding-right: 0;
}

.scroll-wrap {
  display: flex;
  container-type: inline-size;
}

.scroll-track {
  display: flex;
}

.scroll-list {
  margin-right: -100cqw;
  display: flex;
}

.scroll-image {
  width: 50vw;
  max-width: 100cqw;
  margin-right: 1.1rem;
}

.div-block-3 {
  flex-flow: column;
  justify-content: center;
  width: 100%;
  max-width: 45rem;
  height: 80vh;
  max-height: none;
  padding: 0 3rem 0 5vw;
  display: flex;
  position: sticky;
  top: 0;
}

.section {
  height: 100%;
  margin-top: 6.5rem;
}

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

.works-container {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 70rem;
  min-height: 100svh;
  padding: 6rem 3rem;
  display: flex;
  position: relative;
}

.works-layout {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.works-card-wrap {
  color: #fff;
  background-color: #000;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 1rem;
  flex-flow: column;
  width: 100%;
  padding: 1rem;
  font-family: Carlito, sans-serif;
  transition: width .3s;
  display: block;
  position: relative;
  overflow: hidden;
}

.works-card-image {
  opacity: .8;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: clip;
}

.works-card-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  transition: opacity .2s;
  display: flex;
  position: relative;
}

.works-card-title {
  font-size: 2rem;
}

.works-card-mask-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 0fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  transition-property: all;
  transition-duration: .8s;
  transition-timing-function: ease;
  display: grid;
}

.works-card-mask-clip {
  overflow: hidden;
}

.works-card-text {
  padding-top: 1rem;
  transition: all .2s;
}

.brand {
  background-image: url('../images/Personal-Brand-Logo.png');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
}

.body {
  background-color: var(--creme);
}

.text-scroll-words {
  width: 20vw;
  max-width: none;
  height: 3rem;
  margin-top: 1rem;
  margin-left: 5rem;
  margin-right: 2rem;
}

.link-block {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.link-block.w--current {
  vertical-align: baseline;
  background-image: url('../images/Personal-Brand-Logo.png');
  background-position: 50%;
  background-size: cover;
  display: inline-block;
  position: relative;
}

.body-2 {
  background-color: var(--creme);
}

.section-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  padding-top: 5vh;
  display: flex;
  position: relative;
}

.div-block-4 {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100%;
  display: flex;
}

.doe {
  background-color: var(--pink);
  background-image: url('../images/doe-compressed-mockup.jpeg');
  background-position: 50%;
  background-size: cover;
  width: 30rem;
  max-width: 100%;
  height: 33.3rem;
}

.image-2 {
  background-color: var(--pink);
  width: 30rem;
  max-width: 100%;
  height: 33.3rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.div-block-5 {
  position: sticky;
  top: 100px;
  bottom: 100px;
}

.slay {
  width: 43vw;
  height: 40rem;
}

.heading {
  width: 100vw;
  height: 70vh;
  margin-top: 0;
  padding-top: 0;
  padding-left: 0;
}

.image-3 {
  background-color: var(--pink);
  background-image: url('../images/doe-compressed-mockup.jpeg');
  background-position: 50%;
  background-size: cover;
  width: 30rem;
  max-width: 100%;
  height: 33.3rem;
}

.logo {
  background-image: url('../images/Georgia-Logo.png');
  background-position: 50%;
  background-size: cover;
  width: 6rem;
  height: 6rem;
}

.header-text-wrap {
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 18vh;
  margin-top: 1rem;
  display: flex;
  overflow: hidden;
}

.header-text-move {
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  line-height: 0;
  display: block;
}

.wrap {
  display: flex;
}

.content {
  width: 100%;
  position: relative;
}

.projects-wrapper {
  width: 100%;
  height: 300vh;
}

.section-3 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.everything {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80vw;
  height: 80vh;
  display: flex;
}

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

.heading-2 {
  color: var(--creme);
  cursor: auto;
  margin-top: 1.5vw;
  margin-bottom: 1.25vw;
  font-family: iowan-old-style-bt, sans-serif;
  font-size: 3vw;
  font-weight: 900;
  line-height: 100%;
}

.body-3 {
  background-image: url('../images/Home-Page-Gradient-Small.png');
  background-position: 50%;
  background-size: cover;
}

.heading-3 {
  min-width: 1.25px;
  color: var(--creme);
  margin-top: 0;
  margin-bottom: 0;
  font-family: capitana, sans-serif;
  font-size: 1.8vw;
  font-weight: 300;
  line-height: 1vh;
}

.points {
  flex-flow: column;
  display: flex;
}

.home-top {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-top {
  min-width: 1rem;
  color: var(--creme);
  margin-top: 4vw;
  margin-bottom: 0;
  font-family: capitana, sans-serif;
  font-size: 1.4vw;
  font-weight: 300;
  line-height: 2.5vw;
}

.heading-middle {
  min-width: 1px;
  color: var(--creme);
  transform-style: preserve-3d;
  margin-top: .25vw;
  margin-bottom: 0;
  font-family: capitana, sans-serif;
  font-size: 1.4vw;
  font-weight: 300;
  line-height: 2.5vw;
}

.heading-middle:active {
  transform: scale3d(1none, 1none, 1none);
}

.home-button {
  border: 2px solid var(--creme);
  background-color: var(--transparent);
  min-width: .75rem;
  color: var(--creme);
  -webkit-text-stroke-color: var(--transparent);
  cursor: pointer;
  border-radius: 20px;
  margin-top: 2vw;
  font-family: capitana, sans-serif;
  font-size: 1.15vw;
  font-weight: 500;
  line-height: 1.35vw;
}

.nav-bar {
  background-image: linear-gradient(90deg, var(--pink2), var(--blue));
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  height: 9vh;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  box-shadow: 0 .25rem 5px #24406c33;
}

.logo-new {
  width: 3rem;
  height: 3rem;
}

.nav-text {
  color: var(--creme);
  margin-bottom: 0;
  font-family: capitana, sans-serif;
  font-size: .85rem;
  font-weight: 300;
  text-decoration: none;
}

.nav-text:hover {
  color: var(--blue);
  font-family: capitana, sans-serif;
  font-weight: 500;
}

.nav-text:active {
  color: var(--blue);
  font-weight: 700;
}

.nav-links {
  border-radius: 0;
  margin-right: 2vw;
  text-decoration: none;
}

.nav-links.w--current {
  font-family: capitana, sans-serif;
}

.nav-links.right {
  border: .5px solid var(--creme);
  border-radius: 8px;
  margin-right: 0;
}

.nav-links.right.footer {
  border-color: var(--blue);
  justify-content: center;
  align-items: center;
  width: 10vw;
  display: flex;
}

.link-block-3 {
  background-image: url('../images/Personal-Brand-Logo.png');
  background-position: 50%;
  background-size: cover;
  width: 4rem;
  height: 4rem;
}

.div-block-7 {
  justify-content: flex-end;
  align-items: center;
  width: 40vw;
  display: flex;
}

.div-block-8 {
  width: 30vw;
}

.text-container-copy {
  max-width: 90vw;
  margin-top: 0;
  margin-left: 7vw;
  margin-right: 7vw;
}

.text-container-copy.left {
  width: 25vw;
  max-width: 30vw;
  margin-top: 0;
  margin-left: 7vw;
  margin-right: 0;
}

.text-container-copy.right {
  width: 65vw;
  max-width: 65vw;
  margin-top: 0;
  margin-left: 10vw;
  margin-right: 5vw;
}

.text-container-copy.my-work {
  max-width: none;
  height: 200vh;
  margin-top: 0;
  margin-left: 5vw;
  overflow: clip;
}

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

.header-text-wrap-new {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 0;
  display: flex;
  overflow: hidden;
}

.header-text-move-new {
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  line-height: 0;
  display: block;
}

.bold-header {
  width: 60vw;
  color: var(--pink2);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: iowan-old-style-bt, sans-serif;
  font-size: 2.5vw;
  font-weight: 900;
  line-height: 3vw;
  display: flex;
}

.bold-header.my-work {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bold-header.subheader {
  width: 50vw;
  color: var(--sage-green);
  margin-top: 0;
  font-size: 2.15vw;
  font-weight: 700;
  line-height: 2.5vw;
}

.bold-header.subheader.main-page {
  margin-top: 2rem;
  font-family: capitana, sans-serif;
  font-size: 2vw;
  font-weight: 400;
}

.bold-subheader {
  width: 45vw;
  height: auto;
  color: var(--blue);
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 0;
  font-family: capitana, sans-serif;
  font-size: 1vw;
  font-weight: 300;
  line-height: 2vw;
  display: block;
}

.list {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100svh;
  margin-bottom: 0;
  padding-top: 1vw;
  padding-left: 1vw;
  padding-right: 1vw;
  display: grid;
  position: sticky;
  top: 0;
  overflow: clip;
}

.case-study-item {
  aspect-ratio: 1;
  opacity: 1;
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 2vw);
  transition-property: all;
  transition-duration: .6s;
  transition-timing-function: cubic-bezier(.645, .045, .355, 1);
  position: relative;
}

.case-study-card {
  background-color: #2c2c2c;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 1rem;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: clip;
}

.case-study-image {
  width: 100%;
  height: 100%;
  transition: transform .2s cubic-bezier(.455, .03, .515, .955);
  position: absolute;
  inset: 0%;
}

.case-study-blur {
  -webkit-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem);
  background-color: #0000005e;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: auto 0% 0%;
  -webkit-mask-image: linear-gradient(to top, #000, #000 30%, #0000);
  mask-image: linear-gradient(to top, #000, #000 30%, #0000);
}

.works-section {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  padding-bottom: 10vh;
  display: flex;
}

.work-div {
  background-image: url('../images/doe-compressed-mockup.jpeg');
  background-position: 50%;
  background-size: cover;
  border-radius: 30px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 40vw;
  height: 80vh;
  margin-top: 2rem;
  display: flex;
}

.image-5 {
  background-image: url('../images/doe-compressed-mockup.jpeg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 30px;
  height: 80vh;
}

.text-div {
  background-image: linear-gradient(180deg, var(--transparent), #444950d4);
  border-radius: 30px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 50vh;
  padding-top: 6vh;
  padding-bottom: 6vh;
  padding-left: 7vw;
  display: flex;
  position: relative;
}

.heading-4 {
  color: var(--creme);
  margin-top: 0;
  margin-bottom: 0;
  font-family: iowan-old-style-bt, sans-serif;
  font-size: 50px;
  font-weight: 900;
  position: relative;
}

.paragraph-2 {
  color: var(--creme);
  font-family: Carlito, sans-serif;
  font-size: 20px;
  line-height: 3rem;
  position: relative;
}

.works-gradient {
  width: 100%;
  height: 100%;
  position: static;
}

.div-block-9 {
  position: static;
}

.works-div {
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 80vh;
  margin-top: 0;
  transition: box-shadow .25s;
  display: flex;
  position: relative;
  overflow: clip;
}

.works-div:hover {
  box-shadow: .25rem .25rem .25rem #0003;
}

.image-6 {
  width: 100%;
  height: 100%;
}

.image {
  background-image: url('../images/doe-compressed-mockup.jpeg');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.image.slide2 {
  background-image: url('../images/Data-Visualization-Thumbnail.png'), linear-gradient(to bottom, var(--data-viz-color), var(--data-viz-color));
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

.image.slide3 {
  background-image: url('../images/By-the-Numbers-Thumbnail.png');
}

.image.slide4 {
  background-image: url('../images/vtzhI5txP-1.png');
}

.image.slide5 {
  background-image: url('../images/Harrisonburg-Thumbnail.png');
}

.image.slide6 {
  background-image: url('../images/Zouri-Thumbnail.png');
}

.image.slide7 {
  background-image: url('../images/Sustainability-Report-Thumbnail.png');
}

.image.slide8 {
  background-image: url('../images/Cosmic-Thumbnail.png');
}

.image.slide1 {
  background-image: url('../images/Doe-Bottle-Mockup_Compressed.png'), linear-gradient(to bottom, var(--data-viz-color), var(--data-viz-color));
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

.parent-div {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.gradient {
  background-image: linear-gradient(180deg, var(--transparent) 35%, #313233cc);
  opacity: 0;
  border-radius: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.works-heading {
  color: var(--creme);
  text-shadow: 3px 3px 10px var(--blue-transparent);
  margin-top: 0;
  margin-bottom: 0;
  font-family: iowan-old-style-bt, sans-serif;
  font-size: 35px;
  font-weight: 900;
  line-height: 2.5rem;
  position: absolute;
  inset: auto 15% 6%;
  overflow: visible;
}

.works-heading.for-slider {
  padding-right: 5vw;
  font-size: 30px;
  line-height: 2.5rem;
  bottom: 6%;
}

.works-heading._2-subheading-lines {
  bottom: 12%;
}

.works-subheading {
  color: var(--creme);
  text-shadow: 3px 1px 8px var(--blue-transparent);
  margin-top: auto;
  margin-bottom: 0;
  font-family: capitana, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5rem;
  position: absolute;
  inset: auto 15% 0%;
}

.works-subheading.for-slider {
  margin-bottom: 0;
  font-size: 15px;
}

.card-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  aspect-ratio: 3 / 2;
  border-radius: 1rem;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 31rem;
  padding: 2rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.card-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 70rem;
  min-height: 100svh;
  padding: 6rem 3rem;
  display: flex;
  position: relative;
}

.card-image {
  opacity: .79;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .4s;
  position: absolute;
  inset: 0%;
}

.image-7 {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .275s;
  position: static;
  overflow: clip;
  transform: scale(1.3);
}

.grid {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  border-radius: 0;
  grid-template-columns: 1fr 1fr;
  width: 80vw;
  height: auto;
  margin-top: 2rem;
  margin-left: 5vw;
  margin-right: 5vw;
}

.gradient2 {
  background-image: linear-gradient(180deg, var(--transparent) 35%, #37393b);
  opacity: 0;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image2 {
  background-image: url('../images/By-the-Numbers-Thumbnail.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.works-heading2 {
  color: var(--creme);
  margin-top: 0;
  margin-bottom: 0;
  font-family: iowan-old-style-bt, sans-serif;
  font-size: 50px;
  font-weight: 900;
  position: absolute;
  inset: 75% 15% 0%;
}

.works-subheading2 {
  color: var(--creme);
  margin-bottom: 0;
  font-family: Carlito, sans-serif;
  font-size: 20px;
  line-height: 3rem;
  position: absolute;
  inset: 82% 15% 0%;
}

.works-text-div {
  margin-bottom: 2rem;
  position: absolute;
  inset: 0%;
}

.works-div-row-1 {
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 65vh;
  margin-top: 0;
  transition: box-shadow .25s;
  display: flex;
  position: relative;
  overflow: clip;
}

.works-div-row-1:hover {
  box-shadow: .25rem .25rem .25rem #0003;
}

.works-div-row-1.slide-carder {
  height: 100%;
}

.works-div-row-2 {
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 100vh;
  margin-top: 0;
  transition: box-shadow .25s;
  display: flex;
  position: relative;
  overflow: clip;
}

.works-div-row-2:hover {
  box-shadow: .25rem .25rem .25rem #0003;
}

.image-8 {
  width: 5vw;
  margin-bottom: 2rem;
  margin-right: 2rem;
  padding-bottom: 10px;
  padding-right: 0;
  position: absolute;
  inset: auto 0% 0% auto;
}

.link-block-4 {
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
  object-fit: fill;
  background-image: url('../images/arrow-test.png');
  background-position: 50%;
  background-size: cover;
  width: 4vw;
  height: 4vw;
  margin-bottom: 2rem;
  padding-bottom: 0;
  transition: transform .2s;
  position: absolute;
  inset: auto 8% 0% auto;
  overflow: visible;
}

.link-block-4:hover {
  transform: scale(1.3);
}

.image3 {
  background-image: url('../images/vtzhI5txP-1.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.works-div-row-3 {
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 80vh;
  margin-top: 0;
  transition: box-shadow .25s;
  display: flex;
  position: relative;
  overflow: clip;
}

.works-div-row-3:hover {
  box-shadow: .25rem .25rem .25rem #0003;
}

.image5 {
  background-image: url('../images/Zouri-Thumbnail.png'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%, 0 0;
  background-size: cover, auto;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.image6 {
  background-image: url('../images/Sustainability-Report-Thumbnail.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.works-div-row-4 {
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 80vh;
  margin-top: 0;
  transition: box-shadow .25s;
  display: flex;
  position: relative;
  overflow: clip;
}

.works-div-row-4:hover {
  box-shadow: .25rem .25rem .25rem #0003;
}

.image7 {
  background-image: url('../images/Cosmic-Thumbnail.png'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%, 0 0;
  background-size: cover, auto;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.image8 {
  background-color: #9ea29d;
  background-image: url('../images/Data-Visualization-Thumbnail.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.image4 {
  background-image: url('../images/Harrisonburg-Thumbnail.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.portfolio-line {
  border: 1px none var(--pink2);
  opacity: 1;
  outline-color: var(--pink2);
  outline-offset: 0px;
  outline-width: 2px;
  outline-style: dashed;
  width: 30vw;
  margin-top: 3rem;
}

.portfolio-line.small {
  opacity: 100;
  width: 25vw;
  margin-top: 3rem;
}

.portfolio-line.small.divider {
  width: 20vw;
  margin-top: 0;
}

.portfolio-line.big {
  opacity: 100;
  outline-color: var(--pink2);
  outline-offset: 0px;
  text-align: left;
  border-style: solid;
  border-radius: 0;
  outline-width: 2px;
  outline-style: none;
  width: 35vw;
  margin-top: 2rem;
}

.div-block-11 {
  background-image: url('../images/arrow-test.png');
  background-position: 50%;
  background-size: cover;
  width: 3vw;
  height: 3vw;
  margin-top: .5rem;
  transform: rotate(90deg);
}

.hero-text-small-div {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
  overflow: hidden;
}

.nav-logo {
  background-image: url('../images/Georgia-Logo.png');
  background-position: 50%;
  background-size: cover;
  width: 3rem;
  height: 3rem;
  text-decoration: none;
}

.nav-text-right {
  color: var(--creme);
  border-radius: 0;
  margin-bottom: 0;
  padding: .3rem .6rem;
  font-family: capitana, sans-serif;
  font-size: 12px;
  font-weight: 300;
  text-decoration: none;
}

.gp {
  width: 100%;
  height: 115%;
  position: absolute;
}

.static {
  flex-flow: column;
  width: 50vw;
  height: 100%;
  display: flex;
  position: static;
}

.right-stick {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 90vh;
  padding: 2rem 5vw 5rem;
  display: flex;
  position: sticky;
  top: 100px;
  bottom: 100px;
}

.right-stick.short {
  height: auto;
}

.parent-section {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  display: flex;
  position: relative;
}

.parent-section._2, .parent-section._3 {
  margin-top: 0;
}

.port-image {
  border: 1px none var(--blue);
  height: auto;
  margin-top: 2rem;
}

.port-image.doe {
  background-color: #204051;
  background-image: url('../images/Portfolio---DOE-logos-41.png'), linear-gradient(#204051, #204051);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  background-attachment: scroll, scroll;
  width: 50vw;
  height: 50vh;
}

.port-image.doe._2 {
  background-image: url('../images/Portfolio---DOE-logos-42.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
}

.port-image.doe._1 {
  background-image: url('../images/Portfolio---DOE-logos-41.png'), linear-gradient(#0000, #0000);
  background-size: contain, auto;
  height: 75vh;
  margin-top: 0;
}

.port-image.doe._3 {
  background-image: url('../images/Portfolio---DOE-logos-43.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
}

.port-image.doe._2 {
  background-color: #c27c76;
  background-image: url('../images/Portfolio---DOE-logos-42.png'), linear-gradient(#0000, #0000);
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  height: 75vh;
}

.port-image.doe._444 {
  background-image: url('../images/Portfolio---DOE-logos-43.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
}

.port-image.doe._3 {
  background-color: #dbc6b4;
  background-image: url('../images/Portfolio---DOE-logos-43.png'), linear-gradient(#0000, #0000);
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  height: 75vh;
}

.port-image.doe1 {
  background-image: url('../images/Doe-Bottle-Mockup-2.png');
  background-position: 50%;
  background-size: cover;
  border-style: none;
  height: 80vh;
  margin-top: 0;
}

.port-image.doe2 {
  background-image: url('../images/doe-compressed-mockup-copy.jpeg');
  background-position: 50%;
  background-size: cover;
  border-style: none;
  height: 80vh;
}

.port-image.doeguide1, .port-image.doeguide2 {
  margin-top: 2rem;
}

.port-image.btn1 {
  background-image: url('../images/By-the-Numbers-Thumbnail.png');
  background-position: 50%;
}

.port-image.btn3 {
  margin-top: 2rem;
}

.port-image.inaug1 {
  background-image: url('../images/Inauguration-Poster.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50vw;
  height: 100vh;
  display: flex;
}

.port-image.inaug2 {
  background-image: none;
  height: auto;
  margin-top: 2rem;
}

.port-image.inaug1 {
  background-image: none;
  height: auto;
}

.port-image.begin2 {
  background-image: none;
  margin-top: 2rem;
}

.port-image.top-no {
  width: auto;
  height: 100%;
  margin-top: 0;
}

.port-image.top-no.ice-house {
  background-image: url('../images/Ice-House_Compressed.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 140vh;
}

.port-image.top-no.btn {
  background-color: #cbd2df;
  background-image: linear-gradient(45deg, #000, #fff);
}

.port-image.on-top {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  margin-top: 0;
}

.port-image.data {
  width: 50vw;
  height: 100%;
}

.port-image.poster {
  outline-offset: 0px;
  outline: 3px #333;
}

.port-image.btn {
  background-color: #ccd2df;
}

.banner-photo {
  background-image: url('../images/Data-Visualization_Compressed.png'), url('../images/By-the-Numbers_Compressed.jpg');
  background-position: 50%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  width: 100%;
  height: 70vh;
}

.banner-photo.doe {
  background-image: url('../images/Doe-Bottle-Mockup_Compressed.jpg');
  background-position: 50%;
  background-size: cover;
}

.banner-photo.hburg {
  background-image: url('../images/Harrisonburg-Virginia_Compressed.png');
  background-position: 50%;
  background-size: cover;
}

.banner-photo.zouri {
  background-image: url('../images/Zouri_Compressed.jpg');
  background-position: 50%;
}

.banner-photo.btn {
  background-image: url('../images/By-the-Numbers_Compressed.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-photo.intern {
  background-image: url('../images/vtzhI5txP-1.png'), url('../images/By-the-Numbers_Compressed.jpg');
  background-position: 50%, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: cover, cover;
}

.banner-photo.sus-report {
  background-image: url('../images/Sustainability-Report-Thumbnail.png');
  background-position: 50%;
  background-size: cover;
}

.banner-photo.coffee {
  background-image: url('../images/Cosmic-Thumbnail.png');
  background-position: 50%;
  background-size: cover;
}

.port-header {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 45vh;
  display: flex;
}

.port-header.uni {
  height: 45vh;
}

.port-case-title {
  color: var(--pink2);
  text-align: center;
  margin-top: 0;
  font-family: iowan-old-style-bt, sans-serif;
  font-size: 4vw;
  font-weight: 700;
  line-height: 4vw;
}

.heading-div {
  width: 60vw;
  margin-top: 0;
  margin-left: 10vw;
  margin-right: 10vw;
  padding-bottom: 0;
}

.bold-text {
  text-align: center;
  font-size: 35px;
  font-weight: 900;
  line-height: 40px;
}

.body-4 {
  background-color: var(--creme);
}

.port-headings {
  color: var(--pink2);
  margin-top: 0;
  font-family: iowan-old-style-bt, sans-serif;
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 3.75vw;
}

.port-title {
  color: var(--blue);
  margin-top: 1rem;
  font-family: iowan-old-style-bt, sans-serif;
  font-size: 1.7vw;
  font-weight: 700;
  line-height: 2.1vw;
}

.port-title.keywords {
  width: 100%;
  color: var(--creme);
  text-align: center;
  margin-top: 0;
}

.port-paragraph {
  color: #000;
  margin-top: 1rem;
  font-family: capitana, sans-serif;
  font-size: 1.1vw;
  font-weight: 200;
  line-height: 1.5vw;
}

.port-paragraph.keywords {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.15vw;
  line-height: 2.5vw;
}

.div-block-12 {
  grid-column-gap: 1.6rem;
  grid-row-gap: 1.6rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  display: flex;
}

.div-block-13 {
  border-top: 1px solid var(--blue);
  opacity: 1;
  border-radius: 20px;
  transition: border-width .2s;
}

.gradient-border {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 11px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 15vw;
  padding: 1rem 0 0;
  display: flex;
}

.port-card {
  background-color: var(--creme);
  text-align: center;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 14vw;
  height: 10rem;
  margin-bottom: .5vw;
  padding: 1rem;
  display: flex;
}

.div-holder-boxes {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
  display: flex;
}

.slider {
  width: 100vw;
  height: 90vh;
}

.slider-title {
  height: 100%;
  color: var(--pink2);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  font-family: iowan-old-style-bt, sans-serif;
  font-size: 30px;
  font-weight: 900;
}

.heading-7 {
  color: var(--pink2);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 8vh;
  padding-left: 10vw;
  font-family: iowan-old-style-bt, sans-serif;
  font-size: 30px;
  font-weight: 900;
}

.slider-2 {
  width: 60vw;
}

.slider-div {
  justify-content: center;
  align-items: center;
  margin-top: 5vh;
  display: flex;
}

.slide-container {
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.slide-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 36px;
  padding-bottom: 36px;
  display: flex;
  overflow: hidden;
}

.slide-item {
  opacity: .4;
  background-color: #000;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  transition: all .2s;
  display: flex;
  transform: scale(.9);
}

.slide-item-wrapper {
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 19.25rem;
  height: 34.25rem;
  padding: 1.5rem;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.inner-swipe {
  display: none;
}

.slider-3 {
  margin-bottom: 5rem;
}

.slider-port {
  background-color: var(--transparent);
  height: 80vh;
  margin-top: 3rem;
  margin-bottom: 5rem;
  padding-left: 5vw;
  padding-right: 5vw;
  position: relative;
  overflow: hidden;
}

.slider-mask {
  width: 30%;
  height: 70vh;
  overflow: visible;
}

.slide-works {
  width: 100%;
  height: 70vh;
  margin-right: 2rem;
}

.slide-card {
  width: 100%;
  height: 100%;
}

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

.italic-text {
  line-height: 50px;
}

.image-9 {
  width: 50vw;
  margin-top: 0;
}

.image-9.no-rem {
  margin-top: 0;
}

.image-9.no-rem.exception {
  width: auto;
}

.image-10 {
  background-color: var(--data-viz-color);
  width: 100%;
  max-width: none;
}

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

.port-div {
  justify-content: center;
  align-items: center;
  height: 10rem;
  display: flex;
}

.image-11 {
  width: 50vw;
}

.discover-more-div {
  height: 3rem;
  margin-top: 8vh;
  padding-left: 5vw;
}

.arrow-icon {
  filter: drop-shadow(1px 1px 4px var(--blue-transparent));
  color: var(--creme);
  transition: opacity .2s;
}

.arrow-icon:hover {
  color: var(--sage-green);
}

.arrow-icon:active {
  color: var(--blue);
}

.image-12 {
  background-color: #fff;
}

.image-13, .brand-2 {
  width: 5%;
  height: 5%;
}

.div-block-14 {
  background-image: url('../images/Georgia-Logo.png');
  background-position: 50%;
  background-size: cover;
}

.logo-link {
  background-image: url('../images/Georgia-Logo.png');
  background-position: 50%;
  background-size: cover;
  width: 3vw;
  height: 3vw;
}

.logo-link.w--current {
  background-image: url('../images/Georgia-Logo.png');
  background-position: 50%;
  background-size: cover;
  width: 3vw;
  height: 3vw;
  display: block;
}

.container-2 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar-2 {
  background-image: linear-gradient(90deg, var(--pink2), var(--blue));
  justify-content: space-between;
  align-items: center;
  height: 7vh;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.nav-menu-new {
  justify-content: space-between;
  align-items: center;
  width: 40vw;
  display: block;
}

.container-nav {
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 9vh;
  display: flex;
}

.nav-link-new {
  color: #fff;
  font-family: capitana, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.nav-link-new:hover {
  color: var(--sage-green);
  font-weight: 500;
}

.nav-link-new.w--current {
  color: var(--blue);
  font-weight: 500;
}

.nav-link-new.w--current:hover {
  color: var(--sage-green);
}

.port-bold {
  font-size: 1.7vw;
  line-height: 2.1vw;
}

.port-dividing-line {
  border: 2px dashed var(--pink2);
  width: 20vw;
}

.italic-text-2 {
  font-size: 4vw;
  line-height: 4vw;
}

.bold-text-3 {
  font-size: 1.75vw;
  line-height: 2.15vw;
}

.port-title-doe-last {
  color: var(--blue);
  margin-top: 1rem;
  font-family: iowan-old-style-bt, sans-serif;
  font-size: 1.5vw;
  font-weight: 700;
  line-height: 1.85vw;
}

.port-title-doe-last.keywords {
  width: 100%;
  color: var(--creme);
  text-align: center;
  margin-top: 0;
}

.port-headings-2 {
  color: #b66b66;
  margin-top: 0;
  font-family: iowan-old-style-bt, sans-serif;
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 3.75vw;
}

.port-card-2 {
  text-align: center;
  background-color: #f3f2ee;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 14vw;
  height: 10rem;
  margin-bottom: .5vw;
  padding: 1rem;
  display: flex;
}

.port-title-2 {
  color: #24406c;
  margin-top: 1rem;
  font-family: iowan-old-style-bt, sans-serif;
  font-size: 1.7vw;
  font-weight: 700;
  line-height: 2.1vw;
}

.port-title-2.keywords {
  color: #f3f2ee;
  text-align: center;
  width: 100%;
  margin-top: 0;
}

.port-image-2 {
  border: 1px #24406c;
  height: auto;
  margin-top: 2rem;
}

.port-image-2.doe2 {
  background-image: url('../images/doe-compressed-mockup-copy.jpeg');
  background-position: 50%;
  background-size: cover;
  border-style: none;
  height: 80vh;
}

.port-image-2.doe1 {
  background-image: url('../images/Doe-Bottle-Mockup-2.png');
  background-position: 50%;
  background-size: cover;
  border-style: none;
  height: 80vh;
  margin-top: 0;
}

.port-image-3 {
  border: 1px #24406c;
  height: auto;
  margin-top: 2rem;
}

.port-image-3.top-no {
  width: auto;
  height: 100%;
  margin-top: 0;
}

.footer-div {
  justify-content: center;
  align-items: center;
  height: 10vh;
  display: block;
}

.div-holder {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-left: 15vw;
  margin-right: 15vw;
  padding-left: 0;
  display: flex;
}

.logo-div {
  z-index: auto;
  background-image: url('../images/Georgia-Logo.png');
  background-position: 50%;
  background-size: cover;
  width: 2rem;
  height: 2rem;
  margin-top: 0;
  margin-bottom: 0;
  position: static;
  right: 0;
}

.footer-text {
  height: auto;
  color: var(--creme);
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-family: iowan-old-style-bt, sans-serif;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 2vw;
  display: block;
}

.buttons-div {
  flex-flow: column;
  display: flex;
}

.footer-icons {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-button-footer {
  color: var(--blue);
  border-radius: 0;
  margin-bottom: 0;
  padding: .3rem;
  font-family: capitana, sans-serif;
  font-size: .85rem;
  font-weight: 300;
  text-decoration: none;
}

.div-block-15 {
  background-image: url('../images/Personal-Brand-Logo-BIG.png');
  background-position: 50%;
  background-size: cover;
  width: 4.5rem;
  height: 4.5rem;
  margin-left: auto;
}

.navmenu {
  position: fixed;
  inset: 0%;
}

.brand-3 {
  padding-top: .5rem;
  padding-left: 1rem;
}

.works-div-marketing {
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 80vh;
  margin-top: 0;
  transition: box-shadow .25s;
  display: flex;
  position: relative;
  overflow: clip;
}

.works-div-marketing:hover {
  box-shadow: .25rem .25rem .25rem #0003;
}

.works-div-doe {
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 80vh;
  margin-top: 0;
  transition: box-shadow .25s;
  display: flex;
  position: relative;
  overflow: clip;
}

.works-div-doe:hover {
  box-shadow: .25rem .25rem .25rem #0003;
}

.works-div-doe.slide-carder {
  height: 100%;
}

.works-div-btn {
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 80vh;
  margin-top: 0;
  transition: box-shadow .25s;
  display: flex;
  position: relative;
  overflow: clip;
}

.works-div-btn:hover {
  box-shadow: .25rem .25rem .25rem #0003;
}

.main-heading-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 80vh;
  display: flex;
}

.main-image-div {
  width: 55vw;
  height: 60vh;
}

.title-div {
  width: 20vw;
  height: 60vh;
}

.container-div {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  width: 80vw;
  display: flex;
}

.heading-proj {
  color: var(--blue);
  margin-bottom: 0;
  font-family: iowan-old-style-bt, sans-serif;
  font-size: 40px;
  font-weight: 900;
}

.image-14 {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.paragraph-proj {
  font-family: capitana, sans-serif;
}

.heading-date {
  margin-top: 0;
  font-family: capitana, sans-serif;
  font-weight: 300;
}

.subheading-work {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: capitana, sans-serif;
}

.subheading-proj {
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: capitana, sans-serif;
}

.new-heading {
  width: 100%;
  color: var(--blue);
  margin-bottom: 0;
  font-family: iowan-old-style-bt, sans-serif;
  font-size: 40px;
  font-weight: 900;
}

.second-container-div {
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  flex-flow: column;
  width: 80vw;
  display: flex;
}

.second-heading-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 80vh;
  display: flex;
}

.heading-gp {
  height: 3.5vw;
  color: var(--blue);
  margin-top: 0;
  margin-bottom: 0;
  font-family: iowan-old-style-bt, sans-serif;
  font-size: 3.5vw;
  font-weight: 900;
}

.subheading-gd {
  height: 0;
  color: var(--blue);
  margin-top: 0;
  font-family: capitana, sans-serif;
  font-size: 1.5vw;
  font-weight: 300;
}

@media screen and (max-width: 991px) {
  .home-section.light {
    height: auto;
  }

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

  .text-container.left {
    width: 40vw;
    max-width: none;
    margin-top: 9vh;
    margin-left: 0;
  }

  .text-container.right {
    width: auto;
    height: auto;
    margin-top: 10vh;
    margin-bottom: 10vh;
  }

  .home-paragraph {
    margin-bottom: 2rem;
  }

  .about-section {
    flex-flow: column;
    margin-right: 0;
  }

  .turn-around {
    width: 40vw;
    height: 40vw;
    margin-top: auto;
  }

  .text-block {
    font-size: 2vw;
    line-height: 2.75vw;
  }

  .image-4 {
    width: 15vw;
  }

  .heading-2 {
    font-size: 4vw;
  }

  .heading-3 {
    font-size: 2.5vw;
  }

  .heading-top {
    font-size: 2vw;
  }

  .heading-middle {
    font-size: 2vw;
    line-height: 3vw;
  }

  .home-button {
    font-size: 1.5vw;
  }

  .div-block-7 {
    width: 10vw;
  }

  .bold-header {
    font-size: 4.5vw;
    line-height: 5.25vw;
  }

  .bold-header.subheader {
    margin-top: 2vh;
    font-size: 3vw;
    line-height: 3.5vw;
  }

  .bold-header.subheader.main-page {
    font-size: 2.75vw;
    line-height: 2vw;
  }

  .bold-subheader {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    font-size: 2.5vw;
    line-height: 3.25vw;
  }

  .works-section {
    height: 260vh;
  }

  .gradient {
    opacity: 100;
  }

  .works-heading {
    font-size: 32px;
    line-height: 2.3rem;
    bottom: 8%;
  }

  .works-heading.for-slider {
    font-size: 3.25vw;
    line-height: 3.75vw;
    bottom: 12%;
  }

  .works-heading._2-subheading-lines {
    bottom: 13%;
  }

  .works-subheading {
    margin-bottom: 0;
    line-height: 2.75vw;
  }

  .grid {
    width: 100vw;
  }

  .works-div-row-1, .works-div-row-2 {
    height: 60vh;
  }

  .link-block-4 {
    width: 6vw;
    height: 6vw;
  }

  .works-div-row-3, .works-div-row-4 {
    height: 60vh;
  }

  .portfolio-line.small {
    opacity: 1;
    outline-width: 3px;
    margin-top: 4vh;
  }

  .portfolio-line.big {
    margin-top: 1rem;
  }

  .hero-text-small-div {
    height: auto;
    margin-top: 0;
  }

  .static {
    width: 100vw;
  }

  .static.grid2 {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .right-stick {
    justify-content: center;
    align-items: flex-start;
    width: 80vw;
    height: auto;
    margin-top: 5vh;
    padding: 0 0 5vh;
    position: static;
  }

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

  .right-stick.short {
    padding-bottom: 10vh;
  }

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

  .parent-section._2 {
    justify-content: flex-start;
    align-items: center;
    position: static;
  }

  .port-image {
    background-color: #fff;
    border-width: 0;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 45vh;
    margin-top: 2vw;
    display: flex;
    overflow: clip;
  }

  .port-image.doe._1, .port-image.doe._2, .port-image.doe._3, .port-image.doe1, .port-image.doe2 {
    width: 100vw;
    height: 45vh;
  }

  .port-image.top-no {
    background-color: #fff;
    border-width: 1px;
    order: 0;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 45vh;
    display: flex;
  }

  .port-image.top-no.poster {
    width: 45vw;
    height: auto;
  }

  .port-image.top-no.blue {
    background-color: #e5ebf1;
    border-width: 1px;
    width: 100vw;
    margin-top: 0;
  }

  .port-image.top-no.full {
    height: auto;
  }

  .port-image.top-no.btn-ipad-tall {
    height: 100vh;
  }

  .port-image.on-top.tall {
    background-image: none;
  }

  .port-image.data {
    width: 100vw;
  }

  .port-image.poster {
    border-width: 1px;
    width: 45vw;
    height: auto;
    margin-top: 0;
  }

  .port-image.blue {
    background-color: #e5ebf1;
    border-width: 1px;
    margin-top: 2vw;
  }

  .port-image.tan {
    background-color: #fefafb;
  }

  .port-image.tan2 {
    background-color: #fff4f2;
  }

  .port-image.blue2 {
    background-color: #c3cdd8;
    border-width: 1px;
  }

  .port-image.new {
    border-width: 1px;
    width: 45vw;
    height: auto;
    margin-top: 0;
  }

  .port-image.tall {
    width: auto;
    height: 80vh;
    overflow: clip;
  }

  .port-image.very-short {
    height: auto;
  }

  .banner-photo, .banner-photo.doe {
    height: 60vh;
  }

  .port-header {
    justify-content: flex-start;
    align-items: center;
    height: 30vh;
  }

  .port-header.uni {
    height: auto;
  }

  .port-header.tall {
    height: 45vh;
  }

  .port-case-title {
    margin-top: 5vh;
    font-size: 5vw;
    line-height: 5vw;
  }

  .port-headings {
    font-size: 4.7vw;
    line-height: 5.25vw;
  }

  .port-title {
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .port-paragraph {
    font-size: 1.75vw;
    line-height: 2.5vw;
  }

  .port-paragraph.keywords {
    font-size: 1.5vw;
    line-height: 3vw;
  }

  .gradient-border {
    width: 20vw;
  }

  .port-card {
    width: 18vw;
    margin-bottom: 1vw;
  }

  .slider {
    height: 65vh;
  }

  .slider-title {
    height: 5vh;
  }

  .slider-port {
    height: 65vh;
    margin-top: 3vh;
    margin-bottom: 0;
    display: flex;
    overflow: hidden;
  }

  .slider-mask {
    width: 45%;
    height: 45vh;
  }

  .slide-works {
    height: 45vh;
  }

  .image-10 {
    box-sizing: border-box;
    aspect-ratio: auto;
    width: 100%;
    height: auto;
    overflow: visible;
  }

  .image-10.data {
    width: auto;
    height: 45vh;
  }

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

  .image-11.on-top {
    width: 100%;
    height: auto;
  }

  .discover-more-div {
    height: 5vh;
  }

  .logo-link {
    width: 4vw;
    height: 4vw;
  }

  .navbar-2 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .nav-menu-new {
    justify-content: center;
    align-items: center;
    display: block;
  }

  .container-nav {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100vw;
    height: 7vh;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex;
  }

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

  .nav-link-new {
    background-color: var(--pink2);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .icon {
    color: #fff;
    font-weight: 400;
  }

  .port-bold {
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .port-dividing-line {
    border: 2px dashed var(--pink2);
    border-radius: 0%;
    width: 20vw;
  }

  .italic-text-2 {
    font-size: 6.75vw;
    line-height: 7vw;
  }

  .port-title-doe-last {
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .port-headings-2 {
    font-size: 4.7vw;
    line-height: 5.25vw;
  }

  .port-card-2 {
    width: 18vw;
    margin-bottom: 1vw;
  }

  .port-title-2 {
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .port-image-2 {
    background-color: #e5ebf1;
    border-width: 0;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 45vh;
    margin-top: 2vw;
    display: flex;
    overflow: clip;
  }

  .port-image-2.doe2, .port-image-2.doe1 {
    width: 100vw;
    height: 45vh;
  }

  .internship-work-tall {
    height: 80vh;
  }

  .port-image-3 {
    background-color: #fff;
    border-width: 0;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 45vh;
    margin-top: 2vw;
    display: flex;
    overflow: clip;
  }

  .port-image-3.top-no {
    background-color: #fff;
    border-width: 1px;
    order: 0;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 45vh;
    display: flex;
  }

  .footer-text {
    margin-top: 0;
    margin-bottom: 2rem;
    font-size: 2.5vw;
    line-height: 3.25vw;
  }

  .div-block-15 {
    background-image: url('../images/Personal-Brand-Logo-BIG.png');
    background-position: 50%;
    background-size: cover;
  }

  .navmenu {
    position: fixed;
    inset: 0%;
  }

  .works-div-marketing, .works-div-doe, .works-div-btn {
    height: 60vh;
  }
}

@media screen and (max-width: 767px) {
  .home-section {
    height: 100vh;
  }

  .text-block {
    font-size: 2.75vw;
    font-weight: 300;
    line-height: 3.25vw;
  }

  .nav-links.right.footer {
    width: 40vw;
  }

  .text-container-copy {
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .bold-header {
    width: 70vw;
    font-size: 4.25vw;
    line-height: 5.5vw;
  }

  .bold-header.subheader.main-page {
    font-size: 3.25vw;
    line-height: 2.5vw;
  }

  .bold-subheader {
    width: 70vw;
    font-size: 2.5vw;
  }

  .works-section {
    height: 550vh;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .works-heading {
    font-size: 8vw;
    line-height: 8vw;
    bottom: 8%;
  }

  .works-heading.for-slider {
    font-size: 3.75vw;
  }

  .works-heading._2-subheading-lines {
    bottom: 15%;
  }

  .works-subheading {
    font-size: 4vw;
    line-height: 5.5vw;
  }

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

  .works-text-div {
    bottom: 5%;
  }

  .works-div-row-1, .works-div-row-2 {
    height: 85vh;
  }

  .link-block-4 {
    width: 10vw;
    height: 10vw;
    bottom: 5%;
    right: 10%;
  }

  .works-div-row-3, .works-div-row-4 {
    height: 85vh;
  }

  .portfolio-line.small {
    margin-top: 8vh;
  }

  .portfolio-line.big {
    margin-top: 0;
  }

  .static {
    width: 100vw;
  }

  .right-stick {
    justify-content: center;
    align-items: flex-start;
    width: 80vw;
    height: auto;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 8vh;
    position: static;
  }

  .right-stick.top-div, .right-stick.short {
    margin-top: 10vh;
  }

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

  .port-image {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 50vh;
    display: flex;
  }

  .port-image.doe._1, .port-image.doe._2, .port-image.doe._3 {
    width: 100vw;
    height: 50vh;
  }

  .port-image.doe1, .port-image.doe2 {
    height: 50vh;
  }

  .port-image.top-no {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 50vh;
    display: flex;
  }

  .port-image.top-no.doe {
    background-color: #fff;
    background-image: none;
  }

  .banner-photo, .banner-photo.doe {
    height: 55vh;
  }

  .port-header.tall {
    height: 40vh;
  }

  .port-title {
    font-size: 2.5vw;
    line-height: 3vh;
  }

  .port-paragraph {
    font-size: 2vw;
    line-height: 2.75vw;
  }

  .port-paragraph.keywords {
    font-size: 1.75vw;
    line-height: 3.5vw;
  }

  .gradient-border {
    width: 24vw;
    padding-top: 1vh;
  }

  .port-card {
    width: 22vw;
    height: 18vh;
    margin-bottom: 1vw;
  }

  .div-holder-boxes {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
  }

  .slider {
    height: 60vh;
  }

  .slider-port {
    justify-content: center;
    align-items: center;
    height: 52vh;
    display: flex;
    overflow: hidden;
  }

  .slider-mask {
    width: 80%;
    overflow: visible;
  }

  .port-div {
    height: 15vh;
  }

  .image-11 {
    width: auto;
    height: 50vh;
  }

  .image-11.on-top {
    object-fit: fill;
    width: auto;
    height: 50vh;
  }

  .logo-link {
    width: 4vw;
    height: 4vw;
  }

  .navbar-2 {
    height: 7vh;
  }

  .port-dividing-line {
    border-width: 2px;
    width: 30vw;
  }

  .port-title-doe-last {
    font-size: 2.5vw;
    line-height: 3vh;
  }

  .port-card-2 {
    width: 22vw;
    height: 18vh;
    margin-bottom: 1vw;
  }

  .port-title-2 {
    font-size: 2.5vw;
    line-height: 3vh;
  }

  .port-image-2 {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 50vh;
    display: flex;
  }

  .port-image-2.doe2, .port-image-2.doe1 {
    height: 50vh;
  }

  .port-image-3, .port-image-3.top-no {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 50vh;
    display: flex;
  }

  .footer-div {
    height: auto;
  }

  .div-holder {
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    flex-flow: column;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-top: 5vh;
    padding-bottom: 5vh;
    position: static;
  }

  .logo-div {
    width: 8vw;
    min-width: 8vw;
    height: 8vw;
    min-height: 8vw;
    margin-bottom: 4vh;
  }

  .footer-text {
    width: 70vw;
    font-size: 2.75vw;
  }

  .footer-icons {
    flex-flow: column;
  }

  .works-div-marketing, .works-div-doe, .works-div-btn {
    height: 85vh;
  }
}

@media screen and (max-width: 479px) {
  .home-section {
    height: 65vh;
  }

  .text-container.left {
    width: 75vw;
    max-width: none;
    height: 70vw;
    margin-top: 10vh;
  }

  .text-container.right {
    max-width: 75vw;
    margin-top: 5vh;
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .turn-around {
    width: 80vw;
    height: 80vw;
  }

  .text-block {
    margin-top: 4rem;
    font-size: 4.5vw;
    line-height: 6vw;
  }

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

  .div-block-2 {
    padding-left: 0;
  }

  .wrapper {
    margin-top: 2vh;
  }

  .section-3 {
    height: 80vh;
  }

  .everything {
    width: 70vw;
    height: 80vh;
  }

  .image-4 {
    width: 30vw;
  }

  .heading-2 {
    margin-top: 4vw;
    font-size: 7vw;
  }

  .body-3 {
    height: 80vh;
  }

  .heading-3 {
    font-size: 4.5vw;
    line-height: 2.75vh;
  }

  .heading-top {
    margin-top: 8vw;
    font-size: 4vw;
    line-height: 5vw;
  }

  .heading-middle {
    margin-top: 2vw;
    font-size: 4vw;
    line-height: 5.5vw;
  }

  .home-button {
    margin-top: 7vw;
    font-size: 3.5vw;
    line-height: 2.5vw;
  }

  .nav-links.right {
    justify-content: center;
    align-items: center;
    width: 40vw;
    display: flex;
  }

  .div-block-7 {
    justify-content: center;
    align-items: center;
    width: 40vw;
  }

  .bold-header {
    width: 90vw;
    font-size: 7.25vw;
    line-height: 8.5vw;
  }

  .bold-header.subheader {
    width: 70vw;
    margin-top: 0;
    font-size: 2.75vw;
    font-weight: 900;
  }

  .bold-header.subheader.main-page {
    font-size: 5.5vw;
    line-height: 3vw;
  }

  .bold-header.subheader.btn-mobile {
    margin-top: 2vh;
  }

  .bold-subheader {
    font-size: 4.5vw;
    font-weight: 300;
    line-height: 5.5vw;
  }

  .works-section {
    grid-column-gap: 3.3rem;
    grid-row-gap: 3.3rem;
    height: auto;
    margin-bottom: 0;
    padding-bottom: 8vh;
  }

  .works-heading {
    line-height: 9vw;
    bottom: 7%;
  }

  .works-heading.for-slider {
    font-size: 6vw;
    line-height: 7vw;
    bottom: 8%;
  }

  .works-heading._2-subheading-lines {
    bottom: 14%;
  }

  .works-subheading {
    line-height: 5.5vw;
  }

  .grid {
    grid-column-gap: 8vw;
    grid-row-gap: 8vw;
  }

  .works-div-row-1, .works-div-row-2 {
    height: 60vh;
  }

  .link-block-4 {
    width: 13vw;
    height: 13vw;
  }

  .works-div-row-3, .works-div-row-4 {
    height: 60vh;
  }

  .portfolio-line.small {
    opacity: 1;
    border-radius: 0;
    outline-width: 3px;
    margin-top: 4vh;
  }

  .static.grid2 {
    display: block;
  }

  .port-image {
    height: auto;
  }

  .port-image.doe._1, .port-image.doe1, .port-image.doe2 {
    height: 40vh;
  }

  .port-image.top-no, .port-image.top-no.btn-ipad-tall, .port-image.on-top.tall {
    height: auto;
  }

  .port-image.data {
    background-color: var(--data-viz-color);
  }

  .port-image.poster {
    width: 100vw;
    margin-top: 2vw;
  }

  .port-image.poster.top {
    margin-top: 0;
  }

  .port-image.new {
    width: 100vw;
  }

  .banner-photo {
    background-image: url('../images/Data-Visualization_Compressed.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 40vh;
  }

  .banner-photo.doe {
    height: 40vh;
  }

  .banner-photo.btn {
    background-image: url('../images/By-the-Numbers_Compressed.jpg');
    background-position: 50%;
  }

  .banner-photo.sus-report {
    background-image: url('../images/Sustainability-Report-Thumbnail.png');
    background-position: 50%;
    background-size: cover;
  }

  .banner-photo.coffee {
    background-image: url('../images/Cosmic_Compressed.png');
    background-position: 50%;
    background-size: cover;
  }

  .port-header {
    justify-content: center;
    align-items: center;
    height: 30vh;
  }

  .port-header.uni, .port-header.tall {
    height: 45vh;
  }

  .port-case-title {
    justify-content: center;
    align-items: center;
    height: auto;
    font-size: 10vw;
    font-weight: 700;
    line-height: 6vh;
    display: flex;
  }

  .port-case-title.btn-mobile {
    width: auto;
    height: auto;
    margin-top: 0;
    line-height: 6vh;
  }

  .heading-div {
    width: 80vw;
  }

  .port-headings {
    font-size: 8vw;
    line-height: 8.75vw;
  }

  .port-title {
    font-size: 5vw;
    line-height: 7vw;
  }

  .port-title.keywords {
    font-size: 4vw;
  }

  .port-paragraph {
    margin-top: 2rem;
    font-size: 3.75vw;
    line-height: 5.25vw;
  }

  .port-paragraph.keywords {
    font-size: 3.5vw;
    line-height: 6.5vw;
  }

  .gradient-border {
    width: 55vw;
    margin-top: 2vh;
  }

  .port-card {
    width: 50vw;
    margin-bottom: 3vw;
  }

  .div-holder-boxes {
    flex-flow: column;
  }

  .image-10 {
    width: 100vw;
  }

  .image-11 {
    width: 100vw;
    height: auto;
  }

  .logo-link {
    width: 10vw;
    height: 10vw;
  }

  .navbar-2, .container-nav {
    height: 9vh;
  }

  .port-bold {
    font-size: 5vw;
    line-height: 5.4vw;
  }

  .italic-text-2 {
    font-size: 8vw;
    line-height: 100%;
  }

  .port-title-doe-last {
    font-size: 4.5vw;
    font-weight: 400;
    line-height: 5vw;
  }

  .port-subtitle-italics {
    font-size: 5vw;
    font-weight: 700;
    line-height: 6vw;
  }

  .italic-text-4 {
    font-size: 7vw;
    line-height: 7.5vw;
  }

  .italic-heading, .port-headings-2 {
    font-size: 8vw;
    line-height: 8.75vw;
  }

  .port-card-2 {
    width: 50vw;
    margin-bottom: 3vw;
  }

  .port-title-2 {
    font-size: 5vw;
    line-height: 5.4vh;
  }

  .port-title-2.keywords {
    font-size: 4vw;
  }

  .port-image-2 {
    height: auto;
  }

  .port-image-2.doe2, .port-image-2.doe1 {
    height: 40vh;
  }

  .internship-work-tall, .port-image-3, .port-image-3.top-no {
    height: auto;
  }

  .logo-div {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem;
    margin-bottom: 2rem;
  }

  .footer-text {
    font-size: 7vw;
    font-weight: 300;
    line-height: 5vw;
  }

  .nav-button-footer {
    font-size: 3.5vw;
  }

  .works-div-marketing, .works-div-doe, .works-div-btn {
    height: 60vh;
  }

  .heading-gp {
    height: 6vw;
    font-size: 6vw;
  }

  .subheading-gd {
    font-size: 3.5vw;
  }
}

#w-node-_569fa8b5-a4ab-f8a7-8c29-f7a3ec3c684c-1754d487 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_246ee196-4796-4bad-2e1e-2ebe53287e2a-1754d487, #w-node-_0ba3b302-d5ca-e8a9-4adb-eea2b5ff9d63-1754d487 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d08d9d7a-4cc8-0ae1-2f88-3a22950e6265-1754d487 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f72cdbec-40bb-474a-539d-f0fddf090fad-1754d487 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_246ee196-4796-4bad-2e1e-2ebe53287e2a-1754d487, #w-node-_0ba3b302-d5ca-e8a9-4adb-eea2b5ff9d63-1754d487, #w-node-d08d9d7a-4cc8-0ae1-2f88-3a22950e6265-1754d487, #w-node-f72cdbec-40bb-474a-539d-f0fddf090fad-1754d487, #w-node-ef2f71f5-3e2e-b78c-57e1-7a50ba2a97cf-1754d487 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_569fa8b5-a4ab-f8a7-8c29-f7a3ec3c684c-1754d487, #w-node-_246ee196-4796-4bad-2e1e-2ebe53287e2a-1754d487, #w-node-_0ba3b302-d5ca-e8a9-4adb-eea2b5ff9d63-1754d487 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d08d9d7a-4cc8-0ae1-2f88-3a22950e6265-1754d487 {
    grid-column: span 2 / span 2;
  }

  #w-node-f72cdbec-40bb-474a-539d-f0fddf090fad-1754d487, #w-node-ef2f71f5-3e2e-b78c-57e1-7a50ba2a97cf-1754d487 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}