.outer-container {
  max-width: 1440px;
  flex-direction: column;
  display: flex;
}

.header {
  max-width: 1440px;
}

.logo {
  display: block;
  left: 25.4rem;
}

.navbar {
  background-color: #fff;
}

.logo-image {
  width: 6.6rem;
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-menu {
  padding-top: 18px;
  left: -789px;
  right: 0;
}

.work {
  color: #65727d;
  font-family: Raleway, sans-serif;
  font-size: 20px;
  font-weight: 300;
  left: 58px;
}

.work.w--current {
  color: #ef807d;
}

.about {
  color: #65727d;
  font-family: Raleway, sans-serif;
  font-size: 20px;
  font-weight: 300;
  left: 93px;
}

.about.w--current {
  color: #ef807d;
}

.linkedin-block {
  padding: 0;
  position: relative;
  top: .6rem;
  left: 51.2rem;
}

.linkedin-image {
  width: 2.7rem;
  position: relative;
}

.behance-block {
  position: relative;
  top: .6rem;
  left: 54.3rem;
}

.behance-image {
  width: 2.8rem;
}

.home-top {
  height: 42.5rem;
  color: rgba(0, 0, 0, 0);
  background-color: rgba(217, 236, 210, .28);
  position: relative;
}

.kamryn-anderson {
  color: #65727d;
  font-family: Raleway, sans-serif;
  font-size: 3.3rem;
  font-weight: 900;
  position: absolute;
  top: 5.9rem;
  left: 38rem;
}

.first-thin-line {
  width: 31rem;
  height: 2px;
  background-color: #65727d;
  position: absolute;
  top: 162px;
  left: 38rem;
}

.graphic-designer {
  color: rgba(101, 114, 125, .75);
  font-family: Raleway, sans-serif;
  font-size: 2.7rem;
  font-weight: 900;
  position: absolute;
  top: 12.7rem;
  left: 38rem;
}

.second-thin-line {
  width: 24.7rem;
  height: 2px;
  background-color: rgba(101, 114, 125, .75);
  position: absolute;
  top: 265px;
  left: 38rem;
}

.digital-creator {
  color: rgba(101, 114, 125, .5);
  font-family: Raleway, sans-serif;
  font-size: 2.7rem;
  font-weight: 900;
  position: absolute;
  top: 19.1rem;
  left: 38rem;
}

.third-thin-line {
  width: 20.2rem;
  height: 2px;
  background-color: rgba(101, 114, 125, .5);
  position: absolute;
  top: 368px;
  left: 38rem;
}

.home-portfolio {
  height: 46.1rem;
  background-color: #65727d;
  position: relative;
}

.look-at-port {
  color: #f3ffef;
  margin-left: 8.3rem;
  font-family: Raleway, sans-serif;
  font-size: 3.3rem;
  font-weight: 900;
  position: static;
  top: 5.9rem;
  left: 8.3rem;
}

.port-thin-line {
  width: 44.6rem;
  height: 2px;
  background-color: #f3ffef;
  margin-top: 38px;
  margin-left: 8.3rem;
  position: static;
  top: 157px;
  left: 8.3rem;
}

.portfolio {
  color: #f3ffef;
  text-decoration: none;
}

.first-grid-wrapper {
  width: 26.7rem;
  height: 25.5rem;
  background-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}

.little-snap-logo {
  width: 26.7rem;
  background-color: #fff;
  display: block;
  position: relative;
  left: 0;
  overflow: visible;
}

.second-grid-wrapper {
  width: 26.7rem;
  height: 25.5rem;
  background-color: #fff;
  overflow: hidden;
}

.third-grid-wrapper {
  width: 26.7rem;
  height: 25.5rem;
  background-color: #fff;
  position: static;
  overflow: hidden;
}

.home-connect {
  height: 22.3rem;
  max-width: 1440px;
  background-color: rgba(239, 128, 125, .08);
  position: relative;
}

.traveler {
  color: rgba(101, 114, 125, .25);
  font-family: Raleway, sans-serif;
  font-size: 2.7rem;
  font-weight: 900;
  position: absolute;
  top: 25.8rem;
  left: 38rem;
}

.fourth-thin-line {
  width: 11.9rem;
  height: 2px;
  background-color: rgba(101, 114, 125, .25);
  position: absolute;
  top: 471px;
  left: 38rem;
}

.animal {
  color: rgba(101, 114, 125, .1);
  font-family: Raleway, sans-serif;
  font-size: 2.7rem;
  font-weight: 900;
  position: absolute;
  top: 32.2rem;
  left: 38rem;
}

.fifth-thin-line {
  width: 17.8rem;
  height: 2px;
  background-color: rgba(101, 114, 125, .1);
  position: absolute;
  top: 574px;
  left: 38rem;
}

.connect-question {
  color: #65727d;
  font-family: Raleway, sans-serif;
  font-size: 3.3rem;
  font-weight: 900;
  position: absolute;
  top: 5.9rem;
  left: 8.3rem;
}

.reach-out-text {
  color: #65727d;
  font-family: Raleway, sans-serif;
  font-size: 27px;
  font-weight: 200;
  position: absolute;
  top: 9.4rem;
  left: 8.3rem;
}

.little-snap-link {
  width: 26.7rem;
  height: 25.5rem;
  position: static;
  overflow: visible;
}

.market-link {
  overflow: visible;
}

.line-connect {
  width: 20rem;
  height: 2px;
  background-color: #65727d;
  position: absolute;
  top: 186px;
  left: 8.3rem;
}

.white-polaroid {
  width: 25.7rem;
  height: 33.5rem;
  background-color: #fff;
  position: absolute;
  top: 2.4rem;
  left: 7.2rem;
  box-shadow: -6px 6px 6px rgba(0, 0, 0, .2);
}

.image-greece {
  width: 22.2rem;
  height: 22.2rem;
  background-image: url('../images/greece.jpg');
  background-position: 0 -43px;
  background-repeat: no-repeat;
  background-size: 22.2rem;
  position: absolute;
  top: 3.2rem;
  left: 1.7rem;
}

.first-grid-inside-wrapper {
  width: 80.1rem;
  height: 25.5rem;
  display: flex;
  overflow: visible;
}

.little-snap-home-page {
  z-index: auto;
  width: 26.7rem;
  height: 25.5rem;
  background-color: #fff;
  background-image: url('../images/mockup-all.jpg');
  background-position: 0 50px;
  background-repeat: no-repeat;
  background-size: 26.7rem;
  display: block;
  position: static;
  top: 13.3rem;
  left: 29.4rem;
}

.little-snap-shop-page {
  width: 26.7rem;
  height: 25.5rem;
  background-color: #fff;
  background-image: url('../images/mockup-home-shop-pro.jpg');
  background-position: -30px 80px;
  background-repeat: no-repeat;
  background-size: 29.9rem;
  display: block;
  position: static;
  top: 14.7rem;
  left: 57.3rem;
  overflow: visible;
}

.port-pieces {
  height: 25.5rem;
  justify-content: space-around;
  margin-top: 59px;
  margin-left: 27px;
  margin-right: 27px;
  display: flex;
}

.port-home-text-div {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.port-home-text-box {
  padding-top: 5.9rem;
}

.portfolio-look {
  width: 26.7rem;
  height: 25.5rem;
  cursor: pointer;
  margin-left: 0;
}

.about-top {
  height: 79.9rem;
  background-color: rgba(217, 236, 210, .28);
  position: relative;
}

.white-polaroid-about {
  width: 25.7rem;
  height: 33.5rem;
  background-color: #fff;
  position: absolute;
  top: 2.4rem;
  left: 7.2rem;
  box-shadow: -6px 6px 6px rgba(0, 0, 0, .2);
}

.image-shade {
  width: 22.2rem;
  height: 22.2rem;
  background-image: url('../images/IMG_1428.jpeg');
  background-position: 0 -47px;
  background-repeat: no-repeat;
  background-size: 22.2rem;
  position: absolute;
  top: 3.2rem;
  left: 1.7rem;
}

.white-polaroid-about-2 {
  width: 25.7rem;
  height: 33.5rem;
  background-color: #fff;
  position: absolute;
  top: 22.3rem;
  left: 24.4rem;
  transform: rotate(10deg);
  box-shadow: -6px 6px 6px rgba(0, 0, 0, .2);
}

.image-greece-about {
  width: 22.2rem;
  height: 22.2rem;
  background-image: url('../images/greecePic.jpg');
  background-position: -83px 0;
  background-repeat: no-repeat;
  background-size: 30.1rem;
  position: absolute;
  top: 3.2rem;
  left: 1.7rem;
}

.about-text {
  color: #65727d;
  padding-right: 148px;
  font-family: Raleway, sans-serif;
  font-size: 22px;
  font-weight: 200;
  line-height: 2.1rem;
  position: absolute;
  top: 10.2rem;
  left: 38rem;
}

.about-header {
  color: #65727d;
  font-family: Raleway, sans-serif;
  font-size: 3.3rem;
  font-weight: 900;
  position: absolute;
  top: 5.9rem;
  left: 38rem;
}

.about-text-2 {
  color: #65727d;
  padding-right: 148px;
  font-family: Raleway, sans-serif;
  font-size: 22px;
  font-weight: 200;
  line-height: 2.1rem;
  position: absolute;
  top: 24.3rem;
  left: 54.9rem;
}

.about-resume-download {
  color: #ef807d;
  font-family: Raleway, sans-serif;
  font-size: 27px;
  font-weight: 200;
  text-decoration: none;
  position: absolute;
  top: 57.5rem;
  left: 54.9rem;
}

.about-reach-out {
  color: #65727d;
  font-family: Raleway, sans-serif;
  font-size: 3.3rem;
  font-weight: 900;
  position: absolute;
  top: 62.4rem;
  left: 7.2rem;
}

.about-text-reach {
  color: #65727d;
  padding-right: 704px;
  font-family: Raleway, sans-serif;
  font-size: 22px;
  font-weight: 200;
  line-height: 2.1rem;
  position: absolute;
  top: 65.8rem;
  left: 7.2rem;
}

.about-text-contact {
  color: #65727d;
  padding-right: 704px;
  font-family: Raleway, sans-serif;
  font-size: 27px;
  font-weight: 200;
  line-height: 3.6rem;
  position: absolute;
  top: 68.8rem;
  left: 7.2rem;
}

.email-link {
  color: #65727d;
  text-decoration: none;
}

.image-greece-about-behind {
  width: 22.2rem;
  height: 22.2rem;
  background-image: url('../images/greece3.jpg');
  background-position: -30px -131px;
  background-repeat: no-repeat;
  background-size: 27.5rem;
  position: absolute;
  top: 3.2rem;
  left: 1.7rem;
}

.image-shade-me {
  width: 22.2rem;
  height: 22.2rem;
  background-image: url('../images/IMG_5674.jpeg');
  background-position: 0 -32px;
  background-repeat: no-repeat;
  background-size: 22.2rem;
  position: absolute;
  top: 3.2rem;
  left: 1.7rem;
}

.portfolio-pieces-first-row {
  width: 100%;
  height: 34.6rem;
  background-color: rgba(217, 236, 210, .28);
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 0;
  padding: 60px 100px 68px;
  display: flex;
}

.first-piece {
  width: 31rem;
  height: 26.6rem;
  background-color: #fff;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
}

.second-piece {
  width: 31rem;
  height: 26.6rem;
  background-color: #a31414;
  margin-left: 76px;
}

.lightbox-link {
  background-color: rgba(0, 0, 0, 0);
}

.littlesnap-logo-work {
  width: 31rem;
  height: 26.6rem;
  background-image: url('../images/littlesnapLogoBOLD-01.jpg');
  background-position: -90px -8px;
  background-size: 42.9rem;
}

.west-paw-lightbox {
  width: 31rem;
  height: 26.6rem;
  background-image: url('../images/Screenshot-2023-04-04-at-12.34.11-PM_1.png');
  background-position: 0 0;
  background-size: auto;
}

.west-paw-image {
  width: 31rem;
  height: 26.6rem;
  background-image: url('../images/Screenshot-2023-04-04-at-12.34.11-PM_1.png');
  background-position: 1px -26px;
  background-size: 30.9rem;
  position: absolute;
}

.portfolio-pieces-second-row {
  width: 100%;
  height: 30.9rem;
  background-color: rgba(217, 236, 210, .28);
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 0;
  padding: 0 100px 68px;
  display: flex;
}

.third-piece {
  width: 31rem;
  height: 26.6rem;
  background-color: #fff;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
}

.third-lightbox-link {
  background-color: rgba(0, 0, 0, 0);
}

.fourth-piece {
  width: 31rem;
  height: 26.6rem;
  background-color: #a31414;
  margin-left: 80px;
}

.third-piece-image {
  width: 31rem;
  height: 26.6rem;
  background-image: url('../images/brochurefront.jpg');
  background-position: -19px -16px;
  background-size: 32.6rem;
}

.portfolio-pieces-third-row {
  width: 100%;
  height: 30.9rem;
  background-color: rgba(217, 236, 210, .28);
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 0;
  padding: 0 100px 68px;
  display: flex;
}

.fifth-piece {
  width: 31rem;
  height: 26.6rem;
  background-color: #fff;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
}

.fifth-lightbox-link {
  background-color: rgba(0, 0, 0, 0);
}

.fifth-piece-image {
  width: 31rem;
  height: 26.6rem;
  background-image: url('../images/bestfriends.png');
  background-position: -257px -98px;
  background-size: 62.7rem;
}

.sixth-piece {
  width: 31rem;
  height: 26.6rem;
  background-color: #a31414;
  margin-left: 80px;
}

.sixth-image {
  width: 31rem;
  height: 26.6rem;
  background-image: url('../images/WineLabelFront.jpg');
  background-position: 30px -73px;
  background-repeat: repeat;
  background-size: 28.2rem;
  position: absolute;
}

.sixth-lightbox-image {
  width: 31rem;
  height: 26.6rem;
  background-image: url('../images/Screenshot-2023-04-04-at-12.34.11-PM_1.png');
  background-position: 0 0;
  background-size: auto;
}

.portfolio-pieces-fourth-row {
  width: 100%;
  height: 30.9rem;
  background-color: rgba(217, 236, 210, .28);
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 0;
  padding: 0 100px 60px;
  display: flex;
}

.seventh-piece {
  width: 31rem;
  height: 26.6rem;
  background-color: #fff;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
}

.seventh-lightbox-link {
  background-color: rgba(0, 0, 0, 0);
}

.seventh-piece-image {
  width: 31rem;
  height: 26.6rem;
  background-image: url('../images/mockup1.jpg');
  background-position: -90px -8px;
  background-size: 42.9rem;
}

.eighth-piece {
  width: 31rem;
  height: 26.6rem;
  background-color: #a31414;
  margin-left: 80px;
}

.eighth-image {
  width: 31rem;
  height: 26.6rem;
  background-image: url('../images/mockuppage.jpg');
  background-position: -53px 0;
  background-repeat: no-repeat;
  background-size: 37.9rem;
  position: absolute;
}

.eighth-lightbox-image {
  width: 31rem;
  height: 26.6rem;
  background-image: url('../images/Screenshot-2023-04-04-at-12.34.11-PM_1.png');
  background-position: 0 0;
  background-size: auto;
}

.portfolio-pieces-fifth-row {
  width: 100%;
  height: 30.9rem;
  background-color: rgba(217, 236, 210, .28);
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 0;
  padding: 0 100px 60px;
  display: flex;
}

.nineth-piece {
  width: 31rem;
  height: 26.6rem;
  background-color: #fff;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
}

.nineth-lightbox-link {
  background-color: rgba(0, 0, 0, 0);
}

.nineth-logo-work {
  width: 31rem;
  height: 26.6rem;
  background-image: url('../images/FinalPosterMockup1.jpg');
  background-position: -90px -8px;
  background-size: 56.3rem;
}

.tenth-piece {
  width: 31rem;
  height: 26.6rem;
  background-color: #a31414;
  margin-left: 80px;
}

.tenth-image {
  width: 31rem;
  height: 26.6rem;
  background-color: #0e2719;
  background-image: url('../images/solelyNewLogoWhite.png');
  background-position: -10px -92px;
  background-size: 30.9rem;
  position: absolute;
}

.tenth-lightbox {
  width: 31rem;
  height: 26.6rem;
  background-image: url('../images/Screenshot-2023-04-04-at-12.34.11-PM_1.png');
  background-position: 0 0;
  background-size: auto;
}

.market-image {
  width: 31rem;
  height: 26.6rem;
  background-image: url('../images/marketLogo.jpg');
  background-position: -71px -52px;
  background-size: 37.4rem;
  position: absolute;
}

.market-lightbox {
  width: 31rem;
  height: 26.6rem;
  background-image: url('../images/Screenshot-2023-04-04-at-12.34.11-PM_1.png');
  background-position: 0 0;
  background-size: auto;
}

.second-grid-inside-wrapper {
  width: 80.1rem;
  height: 25.5rem;
  flex-direction: row;
  align-items: stretch;
  display: flex;
}

.market-logo {
  width: 26.7rem;
  background-image: url('../images/marketLogo.jpg');
  background-position: -15px 13px;
  background-size: 26.5rem;
  display: block;
}

.market-mockup {
  width: 26.7rem;
  height: 25.5rem;
  background-image: url('../images/phones1.jpg');
  background-position: -153px 0;
  background-repeat: no-repeat;
  background-size: 38.4rem;
  display: block;
}

.market-screen {
  width: 26.7rem;
  height: 25.5rem;
  background-color: #fff;
  background-image: url('../images/iteminfophone.png');
  background-position: 104px 0;
  background-repeat: no-repeat;
  background-size: 13.1rem;
}

.third-grid-inside-wrapper {
  width: 80.1rem;
  height: 25.5rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.solely-logo {
  width: 26.7rem;
  background-image: url('../images/SolelyNewLogoBlack.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 19.4rem;
  display: block;
}

.solely-stationary {
  width: 26.7rem;
  height: 25.5rem;
  background-image: url('../images/stationary.jpg');
  background-position: 0 -18px;
  background-repeat: no-repeat;
  background-size: 26.7rem;
  display: block;
  position: static;
}

.solely-ad {
  width: 26.7rem;
  height: 25.5rem;
  background-image: url('../images/magazinead.jpg');
  background-position: 0 71px;
  background-repeat: no-repeat;
  background-size: 26.7rem;
}

.reach-out-email {
  color: #65727d;
  font-family: Raleway, sans-serif;
  font-size: 27px;
  font-weight: 200;
  line-height: 45px;
  position: absolute;
  top: 13.5rem;
  left: 8.3rem;
}

.home-email {
  color: #65727d;
  text-decoration: none;
}

@media screen and (max-width: 479px) {
  .logo, .logo.w--current {
    left: 34px;
  }

  .logo-image {
    width: 3.9rem;
    padding-top: 13px;
    padding-bottom: 17px;
  }

  .nav-menu {
    height: 18rem;
    background-color: #fff;
  }

  .work {
    width: 335px;
    margin-left: 0;
    margin-right: 0;
    font-size: 20px;
    top: 0;
    left: 816px;
  }

  .about {
    width: 300px;
    top: 0;
    left: 376px;
  }

  .linkedin-block {
    left: 18rem;
  }

  .behance-block {
    top: .6rem;
    left: 18.8rem;
  }

  .behance-image {
    width: 2.9rem;
  }

  .home-top {
    height: 52.3rem;
  }

  .kamryn-anderson {
    font-size: 2rem;
    top: 31.2rem;
    bottom: auto;
    left: 2.9rem;
  }

  .first-thin-line {
    width: 17.6rem;
    top: 541px;
    left: 2.9rem;
  }

  .graphic-designer {
    font-size: 1.7rem;
    top: 35.3rem;
    left: 2.9rem;
  }

  .second-thin-line {
    width: 15.2rem;
    top: 605px;
    left: 2.9rem;
  }

  .digital-creator {
    font-size: 1.7rem;
    top: 39.4rem;
    left: 2.9rem;
  }

  .third-thin-line {
    width: 13rem;
    top: 669px;
    left: 2.9rem;
  }

  .home-portfolio {
    height: 55.3rem;
  }

  .look-at-port {
    margin-top: -67px;
    margin-left: 2.9rem;
    font-size: 1.7rem;
    line-height: 36px;
    top: 3.9rem;
    left: 2.9rem;
  }

  .port-thin-line {
    width: 15.5rem;
    margin-top: 15px;
    margin-left: 2.9rem;
    top: 153px;
    left: 2.9rem;
  }

  .first-grid-wrapper {
    width: 21.3rem;
    height: 13.6rem;
    background-color: #fff;
  }

  .little-snap-logo {
    width: 21.3rem;
    height: 21.7rem;
    background-color: rgba(0, 0, 0, 0);
    display: block;
    top: -65px;
    left: 0;
  }

  .second-grid-wrapper, .third-grid-wrapper {
    width: 21.3rem;
    height: 13.6rem;
  }

  .home-connect {
    height: 16.9rem;
  }

  .traveler {
    font-size: 1.7rem;
    top: 43.5rem;
    left: 2.9rem;
  }

  .fourth-thin-line {
    width: 11.2rem;
    top: 733px;
    left: 2.9rem;
  }

  .animal {
    font-size: 1.7rem;
    top: 47.6rem;
    left: 2.9rem;
  }

  .fifth-thin-line {
    width: 15.6rem;
    top: 797px;
    left: 2.9rem;
  }

  .menu-button {
    width: 3.5rem;
    height: 3rem;
    background-color: rgba(0, 0, 0, 0);
    top: 12px;
    left: -43px;
    right: 0;
  }

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

  .top-line {
    width: 25px;
    height: 4px;
    background-color: #65727d;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    top: 18px;
  }

  .middle-line {
    width: 25px;
    height: 4px;
    background-color: #65727d;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    top: 25px;
  }

  .icon {
    display: none;
  }

  .bottom-line {
    width: 25px;
    height: 4px;
    background-color: #65727d;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    top: 32px;
  }

  .connect-question {
    font-size: 1.7rem;
    line-height: 36px;
    top: 2.2rem;
    left: 2.9rem;
    right: 95.2813px;
  }

  .reach-out-text {
    font-size: 1.2rem;
    line-height: 30px;
    top: 7.4rem;
    left: 2.9rem;
  }

  .little-snap-link {
    width: 21.3rem;
    height: 13rem;
  }

  .line-connect {
    width: 14.4rem;
    top: 154px;
    left: 2.9rem;
  }

  .white-polaroid {
    width: 21.4rem;
    height: 27rem;
    left: 1.7rem;
  }

  .image-greece {
    width: 18.4rem;
    height: 18.4rem;
  }

  .first-grid-inside-wrapper {
    width: 65.4rem;
    height: 13.6rem;
  }

  .little-snap-home-page {
    width: 21.3rem;
    height: 13.6rem;
    background-position: 0 0;
    background-size: 21.4rem;
    display: block;
  }

  .little-snap-shop-page {
    width: 21.3rem;
    height: 13.6rem;
    background-position: -29px 9px;
    background-size: 25.4rem;
  }

  .port-pieces {
    height: 39.6rem;
    flex-direction: column;
  }

  .portfolio-look {
    width: 21.3rem;
    height: 15rem;
    margin-top: 14px;
  }

  .about-top {
    height: 136.2rem;
  }

  .white-polaroid-about {
    width: 21.4rem;
    height: 27rem;
    top: 6.8rem;
    left: 1.8rem;
  }

  .image-shade {
    width: 18.4rem;
    height: 18.4rem;
    top: 2.3rem;
  }

  .white-polaroid-about-2 {
    width: 21.4rem;
    height: 27rem;
    top: 27.3rem;
    left: 1.2rem;
    transform: rotate(4deg);
  }

  .image-greece-about {
    width: 18.4rem;
    height: 18.4rem;
    top: 2.3rem;
  }

  .about-text {
    padding-right: 42px;
    font-size: 20px;
    top: 56.9rem;
    left: 1.8rem;
  }

  .about-header {
    font-size: 2.7rem;
    top: 2.6rem;
    left: 1.8rem;
  }

  .about-text-2 {
    padding-right: 42px;
    font-size: 20px;
    top: 75.7rem;
    left: 1.8rem;
  }

  .about-resume-download {
    top: 113.7rem;
    left: 1.8rem;
  }

  .about-reach-out {
    font-size: 2.7rem;
    line-height: 47px;
    top: 118.7rem;
    left: 1.8rem;
  }

  .about-text-reach {
    padding-right: 98px;
    font-size: 20px;
    top: 126.4rem;
    left: 1.8rem;
  }

  .about-text-contact {
    color: #65727d;
    padding-right: 2px;
    font-size: 20px;
    line-height: 2.1rem;
    top: 129.4rem;
    left: 1.8rem;
  }

  .image-greece-about-behind {
    width: 18.4rem;
    height: 18.4rem;
  }

  .image-shade-me {
    width: 18.4rem;
    height: 18.4rem;
    top: 2.3rem;
  }

  .portfolio-pieces-first-row {
    height: 36.9rem;
    flex-direction: column;
    padding: 0 16px 16px;
  }

  .first-piece {
    width: 21.8rem;
    height: 15rem;
  }

  .second-piece {
    width: 21.8rem;
    height: 15rem;
    background-color: rgba(0, 0, 0, 0);
    margin-left: 0;
    padding-top: 36px;
  }

  .littlesnap-logo-work {
    width: 21.8rem;
    height: 15rem;
    background-position: -68px -31px;
    background-size: 30.7rem;
  }

  .lightbox-link-2 {
    padding-top: 0;
  }

  .west-paw-lightbox {
    width: 21.8rem;
    height: 15rem;
  }

  .west-paw-image {
    width: 21.8rem;
    height: 15rem;
    background-position: 5px -43px;
    background-size: 21rem;
  }

  .portfolio-pieces-second-row {
    height: 30.8rem;
    flex-direction: column;
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .third-piece {
    width: 21.8rem;
    height: 15rem;
  }

  .fourth-piece {
    width: 21.8rem;
    height: 15rem;
    background-color: rgba(0, 0, 0, 0);
    margin-left: 0;
    padding-top: 36px;
  }

  .third-piece-image {
    width: 21.8rem;
    height: 15rem;
    background-position: -1px -30px;
    background-repeat: no-repeat;
    background-size: 21.9rem;
  }

  .portfolio-pieces-third-row {
    height: 38rem;
    flex-direction: column;
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .fifth-piece {
    width: 21.8rem;
    height: 15rem;
  }

  .fifth-piece-image {
    width: 21.8rem;
    height: 15rem;
    background-position: -138px -76px;
    background-size: 39rem;
  }

  .sixth-piece {
    width: 21.8rem;
    height: 15rem;
    background-color: rgba(0, 0, 0, 0);
    margin-left: 0;
    padding-top: 36px;
  }

  .sixth-image {
    width: 21.8rem;
    height: 15rem;
    background-position: 51px -34px;
    background-size: 14.9rem;
  }

  .sixth-lightbox-image {
    width: 21.8rem;
    height: 15rem;
  }

  .portfolio-pieces-fourth-row {
    height: 35.4rem;
    flex-direction: column;
    padding: 0 16px 71px;
  }

  .seventh-piece {
    width: 21.8rem;
    height: 15rem;
  }

  .seventh-piece-image {
    width: 21.8rem;
    height: 15rem;
    background-position: -43px -26px;
    background-size: 27.3rem;
  }

  .eighth-piece {
    width: 21.8rem;
    height: 15rem;
    background-color: rgba(0, 0, 0, 0);
    margin-left: 0;
    padding-top: 36px;
  }

  .eighth-image {
    width: 21.8rem;
    height: 15rem;
    background-position: 0 -6px;
    background-size: 21.8rem;
  }

  .eighth-lightbox-image {
    width: 21.8rem;
    height: 15rem;
  }

  .portfolio-pieces-fifth-row {
    height: 37.2rem;
    flex-direction: column;
    padding-bottom: 120px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .nineth-piece {
    width: 21.8rem;
    height: 15rem;
  }

  .nineth-logo-work {
    width: 21.8rem;
    height: 15rem;
    background-position: -53px -2px;
    background-repeat: no-repeat;
    background-size: 29.3rem;
  }

  .tenth-piece {
    width: 21.8rem;
    height: 15rem;
    background-color: rgba(0, 0, 0, 0);
    margin-left: 0;
    padding-top: 36px;
  }

  .tenth-image {
    width: 21.8rem;
    height: 15rem;
    background-position: 16px -61px;
    background-size: 18.7rem;
  }

  .tenth-lightbox {
    width: 21.8rem;
    height: 15rem;
  }

  .market-image {
    width: 21.8rem;
    height: 15rem;
    background-position: -56px -62px;
    background-size: 27.1rem;
  }

  .market-lightbox {
    width: 21.8rem;
    height: 15rem;
  }

  .second-grid-inside-wrapper {
    width: 65.4rem;
    height: 13.6rem;
  }

  .market-logo {
    width: 25.8rem;
    background-position: -37px -50px;
    background-size: 24.3rem;
    display: block;
  }

  .market-mockup {
    width: 21.3rem;
    height: 13.6rem;
    background-position: -4px -1px;
    background-size: 21.6rem;
    display: block;
  }

  .market-screen {
    width: 21.37rem;
    height: 13.6rem;
    background-position: 121px 0;
    background-size: 7.2rem;
  }

  .third-grid-inside-wrapper {
    width: 65.4rem;
    height: 13.6rem;
  }

  .solely-logo {
    width: 21.3rem;
    background-position: 33% 41%;
    background-size: 17.5rem;
    display: block;
  }

  .solely-stationary {
    width: 21.3rem;
    height: 13.6rem;
    background-position: 3px -74px;
    background-size: 20.9rem;
    display: block;
  }

  .solely-ad {
    width: 21.3rem;
    height: 13.6rem;
    background-position: 0 -10px;
    background-size: 21.7rem;
  }

  .reach-out-email {
    font-size: 1.2rem;
    line-height: 30px;
    top: 11.2rem;
    left: 2.9rem;
  }
}

#w-node-_4737f08d-9cd8-5e57-6e9d-fde7de0d93ec-295b9a71, #w-node-f092bf50-f64c-f2b9-f8fe-bb1741e30549-295b9a71, #w-node-_72545052-424e-7f55-6423-1fa9d76a6b89-295b9a71, #w-node-_8ac49c0d-97a7-388a-7e1f-730509d1435e-295b9a71 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}