.main-image {
  padding-top: 4px;
  z-index: -1;
  top: 36px;
}

.hero-image-width {
  width: 1100px;
}

.letter-spacing-xs {
  letter-spacing: -0.03em;
}

.show-content {
  display: block;
}

.heading h1 {
  position: absolute;
  max-width: 348px !important;
  top: -32px;
  z-index: 10;
}

.section-2 {
  background-color: #252525;
  padding-top: 60px;
  padding-bottom: 80px;
}
.section-2 .main-content {
  letter-spacing: -0.03em;
}
.section-2 .main-content P {
  line-height: 120%;
}
.section-2 .main-content .overview-text-pink {
  color: #F285F5;
}

.features {
  height: 60px;
}

.see-how .see-how-links {
  padding: 8px 16px;
  font-weight: 600;
}
.see-how .hover-green:hover {
  background: #58C1A2;
}
.see-how .hover-light-green:hover {
  background: #BCF6EB;
}
.see-how .hover-light-beige:hover {
  background: #F3E1D0;
}
.see-how .hover-orange:hover {
  background: #F67B37;
}
.see-how .hover-yellow:hover {
  background: #FFC864;
}
.see-how .hover-light-blue:hover {
  background: #C9CCFF;
}
.see-how .hover-pink:hover {
  background: #F285F5;
}

.add-transition {
  transition: 0.35s linear;
}

.rotate {
  rotate: 180deg;
}

.place-image {
  left: 10%;
  top: 56%;
  right: 0%;
  bottom: 0%;
}

.adjust-image {
  overflow: hidden;
  position: relative;
}
.adjust-image .position-image {
  position: absolute !important;
}

.font-zero {
  font-size: 0px;
}

@media screen and (min-width: 480px) {
  .main-image {
    padding-top: 4px;
    padding-left: 12px;
    top: 22px;
  }
  .hero-image-width {
    width: 1250px;
  }
  .heading h1 {
    top: -24px;
  }
  .content-width {
    max-width: 294px;
  }
  .place-image {
    top: 50%;
    left: 8%;
  }
}
@media screen and (min-width: 640px) {
  .place-image {
    top: 38%;
  }
}
@media screen and (min-width: 768px) {
  .heading h1 {
    max-width: 373px !important;
    top: 36px;
  }
  .content-width {
    max-width: 365px;
  }
  .place-image {
    top: 11%;
    left: 52%;
    max-width: 425px;
    max-height: 400px;
  }
  .main-image {
    padding-top: 0px;
    padding-left: 0px;
    bottom: 36px;
  }
  .hero-image-width {
    width: 1600px;
  }
  .width-heading-1 {
    width: 95%;
  }
  .width-heading-2 {
    width: 95%;
  }
  .width-content {
    width: 90%;
  }
}
@media screen and (min-width: 1024px) {
  .section-2 .main-content {
    width: 723px;
  }
  .place-image {
    top: 10%;
    left: 52%;
    max-width: 450px;
    max-height: 340px;
  }
  .main-image {
    padding-top: 0px;
    padding-left: 20px;
    top: 44px;
  }
  .heading h1 {
    top: 52px;
  }
  .hero-image-width {
    width: 1750px;
  }
}
@media screen and (min-width: 1044px) {
  .place-image {
    top: 16%;
    max-width: 520px;
    max-height: 400px;
  }
}
@media screen and (min-width: 1200px) {
  .heading h1 {
    max-width: 630px !important;
    top: -24px;
  }
  .section-2 {
    padding-bottom: 96px;
  }
  .section-2 .main-content {
    width: 990px;
  }
  .content-width {
    max-width: 390px;
  }
  .place-image {
    top: 10%;
    left: 56%;
    max-width: 650px;
    max-height: 630px;
  }
  .width-heading-1 {
    width: 355px;
  }
  .width-heading-2 {
    width: 415px;
  }
  .width-content {
    width: 410px;
  }
  .main-image {
    padding-top: 0px;
    padding-left: 36px;
    bottom: 0px;
    top: 64px;
  }
  .hero-image-width {
    width: 2150px;
  }
}
@media screen and (min-width: 1536px) {
  .heading h1 {
    top: -1px;
  }
  .place-image {
    top: 8%;
    left: 50%;
    max-width: 900px;
    max-height: 900px;
  }
  .height-430 {
    height: 430px !important;
  }
  .main-image {
    padding-top: 0px;
    padding-left: 24px;
    bottom: 0px;
    top: 84px;
  }
  .hero-image-width {
    width: 2500px;
  }
}
@media screen and (min-width: 2400px) {
  .main-image {
    padding-top: 0px;
    padding-left: 0px;
    bottom: 0px;
    top: 84px;
  }
  .hero-image-width {
    width: 100%;
  }
}

/*# sourceMappingURL=overview.css.map */