@font-face {
  font-family: 'BentonSans Light';
  src: url("BentonSans_Light.otf") format("opentype");
  font-style: normal;
  font-weight: 300; }

/* ========================= Media Queries ========================= */
@media (max-width: 768px) {
  .hide-mobile {
    display: none !important; } }

@media (min-width: 768px) {
  .hide-desktop {
    display: none !important; } }

/* ========================= Helpers ========================= */
.max-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 30px; }

.header-text {
  font-size: 48px;
  font-weight: 600;
  line-height: 2.5;
  font-family: poynter-oldstyle-display, serif; }
  @media (max-width: 768px) {
    .header-text {
      font-size: 25px; } }

/* ========================= Body Care ========================= */
.body-care {
  padding: 100px 0;
  color: #4b4846; }
  @media (max-width: 768px) {
    .body-care {
      padding: 50px 0; } }

.body-care__header {
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 100px;
  padding: 0 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

.body-care__header-text {
  width: 45%;
  padding-right: 30px; }
  .body-care__header-text > * {
    margin: 0; }
  .body-care__header-text h2 {
    font-size: 34px;
    text-transform: uppercase;
    font-family: 'BentonSans Light', sans-serif; }
    @media (max-width: 768px) {
      .body-care__header-text h2 {
        font-size: 18px; } }
  .body-care__header-text p {
    font-size: 25px;
    font-family: 'Times New Roman'; }
    @media (max-width: 768px) {
      .body-care__header-text p {
        font-size: 12px; } }
  @media (max-width: 768px) {
    .body-care__header-text {
      width: 100%;
      padding-right: 0;
      padding-bottom: 30px;
      text-align: center; } }

.body-care__header-image {
  width: 55%; }
  .body-care__header-image img {
    max-width: 100%; }
  @media (max-width: 768px) {
    .body-care__header-image {
      width: 100%; } }

.body-care__block {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 75px; }
  .body-care__block.reversed {
    flex-direction: row-reverse; }
    .body-care__block.reversed .body-care__block-image-text {
      text-align: left; }

.body-care__block-image {
  width: 40%;
  text-align: right; }
  .body-care__block-image img {
    max-width: 100%; }
  .body-care__block-image .body-care__block-image-text {
    margin: 10px 0;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'BentonSans Light', sans-serif; }
    @media (max-width: 768px) {
      .body-care__block-image .body-care__block-image-text {
        font-size: 12px;
        padding-right: 10px; } }
  @media (max-width: 768px) {
    .body-care__block-image {
      width: 100%;
      text-align: right; } }

.body-care__block-product {
  width: 55%;
  padding: 0 30px; }
  @media (max-width: 768px) {
    .body-care__block-product {
      width: 100%; } }

.body-care__block-product-container {
  max-width: 45%;
  margin: 0 auto; }
  .body-care__block-product-container .body-care__product-image-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 125%; }
  .body-care__block-product-container .body-care__product-image {
    max-width: 100%;
    transition: .3s ease; }
  .body-care__block-product-container .header-text {
    margin: 0;
    font-size: 35px;
    color: #5a5858; }
    @media (max-width: 768px) {
      .body-care__block-product-container .header-text {
        font-size: 25px; } }
  .body-care__block-product-container .body-care__variant {
    font-size: 25px;
    text-transform: capitalize;
    display: block;
    position: relative;
    margin-bottom: -2px;
    font-family: poynter-oldstyle-display, serif;
    transition: .3s ease; }
    .body-care__block-product-container .body-care__variant .mobile-preview {
      display: none; }
    .body-care__block-product-container .body-care__variant:hover {
      font-weight: bold; }
      @media (max-width: 768px) {
        .body-care__block-product-container .body-care__variant:hover {
          font-weight: normal; } }
    @media (max-width: 768px) {
      .body-care__block-product-container .body-care__variant {
        font-size: 18px;
        margin-bottom: 10px;
        border-bottom: 1px solid #4b4846; }
        .body-care__block-product-container .body-care__variant .mobile-preview {
          width: 25px;
          height: 25px;
          position: absolute;
          right: 0;
          top: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 9px;
          font-weight: bold;
          color: #4b4846;
          border-radius: 50%;
          font-family: 'BentonSans Light', sans-serif; }
          .body-care__block-product-container .body-care__variant .mobile-preview.pink {
            background: #e6bfd3; }
          .body-care__block-product-container .body-care__variant .mobile-preview.purple {
            background: #aeadd6; }
          .body-care__block-product-container .body-care__variant .mobile-preview.green {
            background: #b1ded6; }
          .body-care__block-product-container .body-care__variant .mobile-preview.orange {
            background: #fdc57f; } }
  .body-care__block-product-container .body-care__button {
    display: inline-block;
    margin-top: 30px;
    padding: 5px 30px;
    font-size: 18px;
    text-transform: uppercase;
    border: 1px solid #4b4846;
    font-family: 'BentonSans Light', sans-serif; }
  @media (max-width: 768px) {
    .body-care__block-product-container {
      width: 100%;
      max-width: 400px;
      padding-top: 50px; } }

/* ========================= Body Care ========================= */
.scent-story {
  padding-top: 100px;
  color: #4b4846; }
  .scent-story .header-mobile {
    display: none;
    text-align: center;
    font-size: 25px;
    line-height: 1; }
    @media (max-width: 768px) {
      .scent-story .header-mobile {
        display: block; } }
  .scent-story .mobile-scents {
    width: 100%; }
    .scent-story .mobile-scents .header-text {
      margin: 0; }
    .scent-story .mobile-scents .scent-story__scents {
      width: 60%;
      margin-left: 40%; }
      .scent-story .mobile-scents .scent-story__scents p {
        margin: 0;
        font-size: 10px; }
  .scent-story .subtext {
    margin: 10px 0;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'BentonSans Light', sans-serif; }
    @media (max-width: 768px) {
      .scent-story .subtext {
        display: none; } }
  @media (max-width: 768px) {
    .scent-story {
      padding-top: 50px; } }

.scent-story__header {
  display: flex;
  flex-wrap: wrap;
  max-width: 1440px;
  margin: 0 auto; }

.scent-story__header-left {
  width: 55%;
  padding: 20px;
  padding-left: 10%;
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 768px) {
    .scent-story__header-left {
      width: 100%;
      padding: 20px; } }

.scent-story__header-image-text {
  width: 55%; }
  .scent-story__header-image-text img {
    max-width: 100%; }
  .scent-story__header-image-text .header-text {
    margin-bottom: 0;
    font-size: 35px;
    line-height: 2; }
    @media (max-width: 1000px) {
      .scent-story__header-image-text .header-text {
        font-size: 25px; } }
  .scent-story__header-image-text .scent-story__scents p {
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'BentonSans Light', sans-serif; }

.scent-story__header-image {
  width: 45%;
  padding-top: 30%;
  padding-left: 10%; }
  .scent-story__header-image img {
    max-width: 100%; }
  @media (max-width: 768px) {
    .scent-story__header-image {
      padding-top: 5%; } }

.scent-story__header-right {
  width: 45%; }
  .scent-story__header-right .scent-story__header-right-container {
    position: relative;
    padding-left: 20%; }
  .scent-story__header-right img {
    max-width: 100%; }
  .scent-story__header-right h1 {
    position: absolute;
    left: 10%;
    bottom: -45px;
    transform: rotate(-90deg);
    transform-origin: left;
    font-size: 50px;
    font-weight: 600; }
    @media (max-width: 1000px) {
      .scent-story__header-right h1 {
        font-size: 40px; } }
  @media (max-width: 768px) {
    .scent-story__header-right {
      display: none; } }

.scent-story__section {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 50px;
  padding: 30px; }
  @media (max-width: 768px) {
    .scent-story__section {
      padding: 0; } }

.scent-story__section-left {
  width: 55%;
  padding-right: 5%;
  display: flex;
  flex-direction: column; }
  .scent-story__section-left .header-text {
    margin-bottom: 20px;
    font-size: 35px;
    line-height: 1; }
    @media (max-width: 768px) {
      .scent-story__section-left .header-text {
        margin-bottom: 0;
        font-size: 25px;
        line-height: 3.5;
        text-align: center; } }
  .scent-story__section-left p {
    margin-bottom: 30px;
    font-size: 14px;
    font-family: 'BentonSans Light', sans-serif; }
  .scent-story__section-left img {
    max-width: 100%; }
  @media (max-width: 768px) {
    .scent-story__section-left {
      width: 100%;
      padding: 0;
      flex-direction: column-reverse; } }

.scent-story__section-right {
  width: 45%;
  padding-left: 5%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }
  .scent-story__section-right img {
    max-width: 100%; }
  .scent-story__section-right .hide-desktop {
    padding: 40px 0;
    line-height: 1.2;
    font-size: 12px; }
  @media (max-width: 768px) {
    .scent-story__section-right {
      width: 60%;
      margin: 0 auto;
      padding: 0; } }

.scent-story__shop {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 100px; }
  @media (max-width: 768px) {
    .scent-story__shop {
      margin-top: 50px; } }

.scent-story__shop-left {
  width: 45%;
  padding-left: 5%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }
  @media (max-width: 768px) {
    .scent-story__shop-left {
      width: 100%;
      padding: 0; } }

.scent-story__shop-right {
  width: 55%;
  padding: 0 14%; }
  @media (max-width: 768px) {
    .scent-story__shop-right {
      width: 100%;
      padding: 0; } }

.scent-story__shop-products {
  position: relative; }
  .scent-story__shop-products .scent-story__shop--variant {
    display: block;
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: -2px;
    transition: .3s ease; }
    .scent-story__shop-products .scent-story__shop--variant:hover {
      font-weight: bold; }
      @media (max-width: 768px) {
        .scent-story__shop-products .scent-story__shop--variant:hover {
          font-weight: normal; } }
    @media (max-width: 768px) {
      .scent-story__shop-products .scent-story__shop--variant {
        margin-bottom: 10px;
        text-decoration: underline; } }
  .scent-story__shop-products h1 {
    position: absolute;
    left: -20%;
    bottom: -90px;
    transform: rotate(-90deg);
    transform-origin: left;
    font-size: 50px;
    font-weight: 600;
    width: 175%; }
    @media (max-width: 1000px) {
      .scent-story__shop-products h1 {
        font-size: 40px;
        bottom: -70px; } }
    @media (max-width: 768px) {
      .scent-story__shop-products h1 {
        font-size: 20px;
        position: unset;
        transform: unset;
        width: 60%; } }
  @media (max-width: 768px) {
    .scent-story__shop-products .scent-story__shop-variant-container {
      width: 40%; } }
  @media (max-width: 768px) {
    .scent-story__shop-products {
      display: flex;
      align-items: center;
      padding: 50px 30px;
      padding-bottom: 0; } }

/* ========================= Nail Collection ========================= */
.nail-collection {
  padding: 100px 0; }
  .nail-collection .header-subtext {
    font-size: 22px;
    text-transform: uppercase;
    font-family: 'BentonSans Light', sans-serif; }
    @media (max-width: 768px) {
      .nail-collection .header-subtext {
        font-size: 18px; } }
  @media (max-width: 768px) {
    .nail-collection {
      padding: 50px 0; } }

.nail-collection__header {
  max-width: 1300px;
  margin: 0 auto;
  margin-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  padding: 0 100px; }
  @media (max-width: 768px) {
    .nail-collection__header {
      padding: 0 30px; } }

.nail-collection__header-title {
  width: 50%;
  padding-right: 50px; }
  .nail-collection__header-title h1 {
    font-size: 35px;
    line-height: 1; }
    @media (max-width: 768px) {
      .nail-collection__header-title h1 {
        font-size: 25px; } }
  @media (max-width: 768px) {
    .nail-collection__header-title {
      width: 100%;
      padding-right: 0;
      padding-bottom: 30px;
      text-align: center; } }

.nail-collection__header-desc {
  width: 50%;
  display: flex; }
  .nail-collection__header-desc p {
    align-self: flex-end;
    font-size: 16px;
    font-family: 'Times New Roman';
    line-height: 1.3; }
  @media (max-width: 768px) {
    .nail-collection__header-desc {
      width: 100%; } }

.nail-collection__featured {
  border-top: 1px solid #4b4846;
  border-bottom: 1px solid #4b4846;
  margin-bottom: 50px;
  position: relative; }

.nail-collection__featured-title {
  border-bottom: 1px solid #4b4846; }
  .nail-collection__featured-title .nail-collection__featured-title-container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 15px 100px; }
  .nail-collection__featured-title p {
    display: none;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'BentonSans Light', sans-serif; }
    @media (max-width: 1000px) {
      .nail-collection__featured-title p {
        display: block; } }
  @media (max-width: 1000px) {
    .nail-collection__featured-title {
      text-align: center; } }

.nail-collection__featured-side {
  width: 66px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-left: 1px solid #4b4846;
  text-align: center;
  background: white; }
  .nail-collection__featured-side h2 {
    transform: rotate(90deg);
    transform-origin: left;
    width: 200px;
    position: absolute;
    left: 46%;
    top: 22%; }
  @media (max-width: 1000px) {
    .nail-collection__featured-side {
      display: none; } }

.nail-collection__featured-products {
  max-width: 1300px;
  margin: 0 auto;
  padding: 50px 100px; }
  @media (max-width: 480px) {
    .nail-collection__featured-products {
      padding: 50px; } }

.nail-collection__grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 30px; }
  @media (max-width: 1000px) {
    .nail-collection__grid {
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 600px) {
    .nail-collection__grid {
      grid-template-columns: repeat(1, 1fr); } }

.nail-collection__grid-item {
  text-align: center;
  text-align: center;
  display: flex;
  flex-direction: column; }
  .nail-collection__grid-item .nail-collection__grid-image {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
  .nail-collection__grid-item p {
    margin-bottom: 30px;
    font-size: 12px;
    text-transform: uppercase;
    flex-grow: 1;
    font-family: 'BentonSans Light', sans-serif; }

.nail-collection__button {
  display: flex;
  width: 100%;
  height: 50px;
  border: 1px solid #4b4846; }
  .nail-collection__button > * {
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'BentonSans Light', sans-serif; }
  .nail-collection__button .nail-collection__button--left {
    width: 100%; }
    .nail-collection__button .nail-collection__button--left.added {
      background: #fff7ee;
      font-weight: 600; }
    .nail-collection__button .nail-collection__button--left:hover {
      cursor: pointer; }
  .nail-collection__button .nail-collection__button--right {
    width: 50px;
    flex-shrink: 0;
    border-left: 1px solid #4b4846; }

.nail-collection__products {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0px 100px; }
  @media (max-width: 480px) {
    .nail-collection__products {
      padding: 0 50px; } }

/* ========================= Product Page ========================= */
.ProductForm__Label.select_scent {
  width: 100%; }

.Product__InfoWrapper h1 {
  font-size: 35px; }
  @media (max-width: 768px) {
    .Product__InfoWrapper h1 {
      font-size: 25px; } }
.Product__InfoWrapper .ProductMeta__Price {
  font-size: 22px; }
  @media (max-width: 768px) {
    .Product__InfoWrapper .ProductMeta__Price {
      font-size: 18px; } }
.Product__InfoWrapper .ProductMeta__PriceList {
  margin-top: 0; }
.Product__InfoWrapper .ProductMeta {
  display: flex;
  justify-content: space-between;
  align-items: center; }
.Product__InfoWrapper .ProductForm__Label {
  font-size: 16px;
  text-transform: uppercase; }
  @media (max-width: 768px) {
    .Product__InfoWrapper .ProductForm__Label {
      font-size: 14px; } }
.Product__InfoWrapper .ScentSwatch {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px; }
.Product__InfoWrapper .ProductForm__AddToCart {
  padding: 10px 25px;
  height: 50px; }
  .Product__InfoWrapper .ProductForm__AddToCart span {
    font-size: 16px; }
    @media (max-width: 768px) {
      .Product__InfoWrapper .ProductForm__AddToCart span {
        font-size: 14px; } }
.Product__InfoWrapper .QuantitySelector--large .QuantitySelector__CurrentQuantity {
  width: 50px;
  height: 48px;
  font-size: 16px; }
  @media (max-width: 768px) {
    .Product__InfoWrapper .QuantitySelector--large .QuantitySelector__CurrentQuantity {
      font-size: 14px; } }
.Product__InfoWrapper p {
  font-size: 18px; }
  @media (max-width: 768px) {
    .Product__InfoWrapper p {
      font-size: 16px; } }
.Product__InfoWrapper h3 {
  font-size: 25px; }
  @media (max-width: 768px) {
    .Product__InfoWrapper h3 {
      font-size: 20px; } }
.Product__InfoWrapper h4 {
  font-size: 18px; }
  @media (max-width: 768px) {
    .Product__InfoWrapper h4 {
      font-size: 16px; } }
.Product__InfoWrapper .each_after p {
  font-size: 16px; }
  @media (max-width: 768px) {
    .Product__InfoWrapper .each_after p {
      font-size: 14px; } }
.Product__InfoWrapper .each_after h4 {
  margin-bottom: 0; }

.template-product .detail_contents h1 {
  font-size: 22px; }
  @media (max-width: 768px) {
    .template-product .detail_contents h1 {
      font-size: 20px; } }
.template-product .detail_contents h2 {
  font-size: 35px; }
  @media (max-width: 768px) {
    .template-product .detail_contents h2 {
      font-size: 25px; } }
.template-product .detail_contents h3 {
  font-size: 20px; }
  @media (max-width: 768px) {
    .template-product .detail_contents h3 {
      font-size: 18px; } }
.template-product .detail_contents p {
  font-size: 18px; }
  @media (max-width: 768px) {
    .template-product .detail_contents p {
      font-size: 16px; } }

.default-testimoinals h1, #section-testimonials h1 {
  font-size: 35px; }
  @media (max-width: 768px) {
    .default-testimoinals h1, #section-testimonials h1 {
      font-size: 25px; } }
.default-testimoinals p, #section-testimonials p {
  font-size: 25px; }
  @media (max-width: 768px) {
    .default-testimoinals p, #section-testimonials p {
      font-size: 20px; } }

@media (min-width: 441px) {
  .template-product .detail_contents {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 25px; } }

.related-products header {
  margin-bottom: 20px !important; }
.related-products h3 {
  font-size: 35px; }
  @media (max-width: 768px) {
    .related-products h3 {
      font-size: 25px; } }

.related-products .slick-next {
  right: 0; }
  .related-products .slick-next:hover {
    background: transparent; }
.related-products .slick-prev {
  left: 0; }
  .related-products .slick-prev:hover {
    background: transparent; }
.related-products .AspectRatio {
  height: auto; }

/* ========================= Homepage ========================= */
.FeatureText h2 {
  font-size: 35px; }
  @media (max-width: 768px) {
    .FeatureText h2 {
      font-size: 25px; } }
.FeatureText p {
  font-size: 18px; }
  @media (max-width: 768px) {
    .FeatureText p {
      font-size: 16px; } }
.FeatureText a {
  font-size: 18px;
  padding: 10px 20px; }

.FeatureText__Content h3 {
  font-size: 25px; }
  @media (max-width: 768px) {
    .FeatureText__Content h3 {
      font-size: 20px; } }

.custom-image-slider-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 25px;
  flex-wrap: wrap; }

.custom-image-slider .custom_each_image {
  margin-bottom: 25px; }
  .custom-image-slider .custom_each_image img {
    max-height: 100%; }

.custom-article {
  padding: 0; }

.custom-article-wrapper {
  padding: 0 25px; }
  .custom-article-wrapper .custom_each_article h3 {
    font-size: 25px; }
    @media (max-width: 768px) {
      .custom-article-wrapper .custom_each_article h3 {
        font-size: 20px; } }
  .custom-article-wrapper .custom_each_article p {
    font-size: 18px; }
    @media (max-width: 768px) {
      .custom-article-wrapper .custom_each_article p {
        font-size: 16px; } }

#section-1554711834717 .TestimonialList p {
  font-size: 25px; }
  @media (max-width: 768px) {
    #section-1554711834717 .TestimonialList p {
      font-size: 20px; } }
#section-1554711834717 .TestimonialList strong {
  font-size: 35px; }
  @media (max-width: 768px) {
    #section-1554711834717 .TestimonialList strong {
      font-size: 25px; } }

@media screen and (max-width: 768px) {
  .static-text-image {
    margin: 40px auto; }
    .static-text-image .FeatureText--imageRight {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column-reverse; }
    .static-text-image .FeatureText--imageLeft {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column; }
    .static-text-image .FeatureText__ContentWrapper {
      width: 100%; }
    .static-text-image .FeatureText__ImageWrapper {
      width: 100%; } }

/* ========================= Pro Portal ========================= */
.pro-portal__header {
  display: flex;
  flex-wrap: wrap;
  padding: 50px;
  padding-bottom: 100px;
  max-width: 1200px;
  margin: 0 auto; }
  .pro-portal__header > * {
    width: 50%; }
    @media (max-width: 768px) {
      .pro-portal__header > * {
        width: 100%; } }
  @media (max-width: 768px) {
    .pro-portal__header {
      padding: 25px;
      padding-bottom: 50px; } }

.pro-portal__header-image {
  height: 0;
  padding-bottom: 50%;
  background-size: cover;
  background-position: center center;
  position: relative; }
  .pro-portal__header-image p {
    position: absolute;
    bottom: -25px;
    right: 0;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'BentonSans Light', sans-serif; }
    @media (max-width: 768px) {
      .pro-portal__header-image p {
        font-size: 10px; } }

.pro-portal__header-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 25px 10%; }
  .pro-portal__header-text h1 {
    font-size: 35px;
    font-weight: 600;
    font-family: poynter-oldstyle-display, serif; }
    @media (max-width: 768px) {
      .pro-portal__header-text h1 {
        font-size: 25px; } }
  .pro-portal__header-text h2 {
    font-size: 25px;
    font-family: 'BentonSans Light', sans-serif; }
    @media (max-width: 768px) {
      .pro-portal__header-text h2 {
        font-size: 18px; } }
  .pro-portal__header-text p {
    font-family: 'Times New Roman';
    font-size: 18px; }
    @media (max-width: 768px) {
      .pro-portal__header-text p {
        font-size: 16px; } }
  .pro-portal__header-text .pro-portal__header-button {
    margin-top: 20px; }
  .pro-portal__header-text a {
    font-size: 18px;
    padding: 10px 20px;
    color: #4B4846;
    border: 1px solid #4B4846;
    font-family: benton-sans, sans-serif;
    font-style: normal;
    font-weight: 500; }
    @media (max-width: 768px) {
      .pro-portal__header-text a {
        font-size: 16px; } }
  @media (max-width: 768px) {
    .pro-portal__header-text {
      padding: 25px;
      padding-top: 50px;
      text-align: center; } }

.pro-portal__carry {
  padding: 100px 50px;
  background: #fff;
  border-top: 1px solid #A8A7A7; }
  @media (max-width: 768px) {
    .pro-portal__carry {
      padding: 75px 25px; } }

.pro-portal__carry-container {
  max-width: 1200px;
  margin: 0 auto; }

.pro-portal__carry-header {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #A8A7A7; }
  .pro-portal__carry-header h1 {
    margin: 0;
    font-size: 35px;
    font-weight: 600;
    font-family: poynter-oldstyle-display, serif; }
    @media (max-width: 768px) {
      .pro-portal__carry-header h1 {
        font-size: 25px; } }
  .pro-portal__carry-header p {
    font-family: 'Times New Roman';
    font-size: 18px;
    font-style: italic; }
    @media (max-width: 768px) {
      .pro-portal__carry-header p {
        font-size: 16px;
        margin-bottom: 25px; } }
  @media (max-width: 768px) {
    .pro-portal__carry-header {
      flex-direction: column-reverse;
      border: 0; } }

.pro-portal__carry-container {
  padding-top: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px; }
  .pro-portal__carry-container h2 {
    font-size: 25px;
    margin-bottom: 10px;
    font-family: 'BentonSans Light', sans-serif; }
    @media (max-width: 768px) {
      .pro-portal__carry-container h2 {
        font-size: 20px; } }
  .pro-portal__carry-container p {
    font-family: 'Times New Roman';
    font-size: 14px; }
  @media (max-width: 768px) {
    .pro-portal__carry-container {
      grid-template-columns: 1fr;
      text-align: center;
      padding-top: 35px; } }

.pro-portal__button {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 50px; }
  .pro-portal__button a {
    font-size: 18px;
    padding: 10px 20px;
    color: #4B4846;
    border: 1px solid #4B4846;
    font-family: benton-sans, sans-serif;
    font-style: normal;
    font-weight: 500; }
    @media (max-width: 768px) {
      .pro-portal__button a {
        font-size: 16px; } }
  @media (max-width: 768px) {
    .pro-portal__button {
      text-align: center; } }

/* ========================= Spa Menu ========================= */
.spa-menu {
  padding: 50px; }
  @media (max-width: 768px) {
    .spa-menu {
      padding: 25px; } }

.spa-menu__container {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 100px;
  max-width: 1200px;
  margin: 0 auto; }
  .spa-menu__container > * {
    width: 50%; }
    @media (max-width: 768px) {
      .spa-menu__container > * {
        width: 100%; } }
  @media (max-width: 768px) {
    .spa-menu__container {
      padding-bottom: 50px; } }

.spa-menu__title {
  max-width: 1200px;
  margin: 50px auto;
  padding: 20px 0;
  position: relative;
  background: #fff7ee; }
  .spa-menu__title h1 {
    margin: 0;
    position: absolute;
    top: -25px;
    left: 0;
    font-size: 35px;
    font-weight: 600;
    font-family: poynter-oldstyle-display, serif; }
    @media (max-width: 768px) {
      .spa-menu__title h1 {
        font-size: 25px;
        top: -20px; } }
  @media (max-width: 768px) {
    .spa-menu__title {
      padding: 12px 0;
      margin: 25px auto; } }

.spa-menu__image {
  height: 0;
  width: 40%;
  padding-bottom: 45%;
  background-size: cover;
  background-position: center center; }
  @media (max-width: 768px) {
    .spa-menu__image {
      width: 100%;
      padding-bottom: 110%; } }

.spa-menu__text {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 5%; }
  .spa-menu__text h1 {
    font-size: 35px;
    font-weight: 600;
    letter-spacing: 5px;
    font-family: 'BentonSans Light', sans-serif; }
    @media (max-width: 768px) {
      .spa-menu__text h1 {
        font-size: 25px;
        letter-spacing: 3px; } }
  .spa-menu__text p {
    font-size: 16px;
    font-family: poynter-oldstyle-display, serif; }
    .spa-menu__text p.bold {
      font-weight: bold; }
    @media (max-width: 768px) {
      .spa-menu__text p {
        font-size: 14px; } }
  .spa-menu__text .spa-menu__button {
    margin-top: 20px; }
  .spa-menu__text a {
    font-size: 18px;
    padding: 10px 20px;
    color: #4B4846;
    border: 1px solid #4B4846;
    font-family: benton-sans, sans-serif;
    font-style: normal;
    font-weight: 500; }
    @media (max-width: 768px) {
      .spa-menu__text a {
        font-size: 16px; } }
  @media (max-width: 768px) {
    .spa-menu__text {
      width: 100%;
      padding: 25px;
      padding-top: 50px;
      text-align: center; } }

.spa-menu__contact {
  margin-top: 40px; }
  .spa-menu__contact p {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 10px;
    font-family: 'BentonSans Light', sans-serif; }

/* ========================= Education Program ========================= */
.education-program__header {
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px;
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 768px) {
    .education-program__header {
      padding: 25px; } }

.education-program__title {
  width: 100%;
  margin-bottom: 40px;
  padding: 20px 0;
  position: relative;
  background: #fff7ee; }
  .education-program__title h1 {
    margin: 0;
    position: absolute;
    top: -25px;
    left: 0;
    font-size: 35px;
    font-weight: 600;
    font-family: poynter-oldstyle-display, serif; }
    @media (max-width: 768px) {
      .education-program__title h1 {
        font-size: 25px;
        top: -20px; } }
  @media (max-width: 768px) {
    .education-program__title {
      padding: 12px 0; } }

.education-program__header-text {
  width: 50%;
  margin-bottom: 50px; }
  .education-program__header-text p {
    font-size: 16px;
    font-weight: 600;
    font-family: poynter-oldstyle-display, serif; }
    .education-program__header-text p.bold {
      font-weight: bold; }
    @media (max-width: 768px) {
      .education-program__header-text p {
        font-size: 14px; } }
  @media (max-width: 768px) {
    .education-program__header-text {
      width: 100%;
      text-align: center; } }

.education-program__header-button {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 50px; }
  .education-program__header-button a {
    font-size: 16px;
    padding: 10px 20px;
    color: #4B4846;
    border: 1px solid #4B4846;
    font-family: benton-sans, sans-serif;
    font-style: normal;
    font-weight: 500; }
    @media (max-width: 768px) {
      .education-program__header-button a {
        font-size: 14px; } }
  @media (max-width: 768px) {
    .education-program__header-button {
      width: 100%;
      justify-content: center;
      padding-right: 0; } }

.education-program__text {
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 50px; }
  @media (max-width: 768px) {
    .education-program__text {
      grid-template-columns: 1fr;
      grid-gap: 35px;
      padding: 25px; } }

.education-program__text-item h1 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: normal;
  font-family: 'BentonSans Light', sans-serif; }
.education-program__text-item h2 {
  font-weight: bold;
  font-style: italic;
  font-family: poynter-oldstyle-display, serif; }
.education-program__text-item p {
  font-family: poynter-oldstyle-display, serif; }

.education-program__text-item--sm {
  margin-bottom: 50px; }
  @media (max-width: 768px) {
    .education-program__text-item--sm {
      margin-bottom: 35px; }
      .education-program__text-item--sm:last-of-type {
        margin: 0; } }

.education-program__ambassadors {
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px;
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 768px) {
    .education-program__ambassadors {
      padding: 25px; } }

.education-program__ambassadors-container {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 50px; }
  @media (max-width: 768px) {
    .education-program__ambassadors-container {
      grid-template-columns: 1fr;
      grid-gap: 75px; } }

.education-program__ambassadors-title {
  margin-bottom: 40px;
  padding: 20px 0;
  position: relative;
  background: #fff7ee; }
  .education-program__ambassadors-title h1 {
    margin: 0;
    position: absolute;
    top: -25px;
    left: 0;
    font-size: 35px;
    font-weight: 600;
    font-family: poynter-oldstyle-display, serif; }
    @media (max-width: 768px) {
      .education-program__ambassadors-title h1 {
        font-size: 25px;
        top: -20px; } }
  @media (max-width: 768px) {
    .education-program__ambassadors-title {
      padding: 12px 0; } }

.education-program__ambassadors-header {
  margin-bottom: 60px; }
  .education-program__ambassadors-header p {
    font-size: 16px;
    font-weight: 600;
    font-family: poynter-oldstyle-display, serif; }
    @media (max-width: 768px) {
      .education-program__ambassadors-header p {
        font-size: 14px; } }

.education-program__ambassadors-item {
  display: flex;
  align-items: center; }
  .education-program__ambassadors-item p {
    margin: 0;
    font-family: poynter-oldstyle-display, serif; }
  @media (max-width: 768px) {
    .education-program__ambassadors-item {
      justify-content: center;
      flex-wrap: wrap; } }

.education-program__ambassadors-image {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #FFF7EE;
  background-size: cover;
  background-position: center center; }

.education-program__ambassadors-text {
  padding-left: 30px; }
  .education-program__ambassadors-text h2 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: normal;
    font-family: 'BentonSans Light', sans-serif; }
  @media (max-width: 768px) {
    .education-program__ambassadors-text {
      width: 100%;
      padding: 0;
      padding-top: 15px;
      text-align: center; } }

.pro-nav {
  padding: 0 50px;
  border-bottom: 1px solid #707070; }
  .pro-nav .pro-nav__link {
    font-size: 14px;
    padding: 10px 25px;
    font-family: 'BentonSans Light', sans-serif; }
    .pro-nav .pro-nav__link:first-of-type {
      padding-left: 0; }
    .pro-nav .pro-nav__link:last-of-type {
      padding-right: 0; }
    @media (max-width: 768px) {
      .pro-nav .pro-nav__link {
        width: 100%;
        padding: 10px 25px !important;
        display: block;
        border-bottom: 1px solid #707070; } }
  .pro-nav .pro-nav__link--active {
    text-decoration: underline; }
  @media (max-width: 768px) {
    .pro-nav {
      border: 0;
      text-align: center;
      padding: 0; } }

.pro-nav__contianer {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (max-width: 768px) {
    .pro-nav__contianer {
      justify-content: center; } }

@media (max-width: 768px) {
  .pro-nav--desktop {
    display: none; } }

.pro-nav--mobile .pro-nav__container {
  border-top: 1px solid #707070; }
@media (min-width: 768px) {
  .pro-nav--mobile {
    display: none; } }

.education-tools {
  padding: 50px; }
  @media (max-width: 768px) {
    .education-tools {
      padding: 0;
      padding-top: 20px; } }

.education-tools__container {
  max-width: 1200px;
  margin: 0 auto; }

.education-tools__title {
  margin-bottom: 40px;
  padding: 20px 0;
  position: relative;
  background: #fff7ee; }
  .education-tools__title h1 {
    margin: 0;
    position: absolute;
    top: -25px;
    left: 0;
    font-size: 35px;
    font-weight: 600;
    font-family: poynter-oldstyle-display, serif; }
    @media (max-width: 768px) {
      .education-tools__title h1 {
        font-size: 25px;
        top: -20px; } }
  @media (max-width: 768px) {
    .education-tools__title {
      padding: 12px 0; } }

.education-tools__header {
  margin-bottom: 60px; }
  .education-tools__header p {
    font-size: 18px;
    font-weight: 600;
    font-family: poynter-oldstyle-display, serif; }
    @media (max-width: 768px) {
      .education-tools__header p {
        font-size: 16px; } }
  @media (max-width: 768px) {
    .education-tools__header {
      padding: 25px;
      margin-bottom: 15px; } }
  @media (max-width: 768px) {
    .education-tools__header {
      margin-bottom: 30px; } }

.education-tools__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 100px; }
  @media (max-width: 768px) {
    .education-tools__content {
      grid-template-columns: 1fr;
      grid-gap: 50px; } }

.education-tools__section h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  font-family: 'BentonSans Light', sans-serif; }
  @media (max-width: 768px) {
    .education-tools__section h2 {
      padding: 0 25px;
      font-size: 16px; } }
.education-tools__section hr {
  width: 100%;
  margin: 15px 0; }

.education-tools__section-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px; }
  .education-tools__section-item p {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'BentonSans Light', sans-serif; }
    @media (max-width: 768px) {
      .education-tools__section-item p {
        font-size: 14px; } }
  .education-tools__section-item p:last-of-type {
    padding-left: 30px; }
  .education-tools__section-item a {
    display: flex;
    align-items: center; }
  .education-tools__section-item img {
    max-width: 35px; }
  .education-tools__section-item span {
    position: relative;
    left: -5px; }
    .education-tools__section-item span:after {
      content: '';
      position: absolute;
      bottom: 6px;
      left: 0;
      width: 100%;
      height: 1px;
      background: #5a5858; }
  @media (max-width: 768px) {
    .education-tools__section-item {
      padding: 0 25px 15px 25px; } }

.pro-homepage {
  margin-bottom: -60px; }
  .pro-homepage .hide-desktop a {
    width: 100%;
    margin: 25px 0;
    display: inline-block;
    padding: 5px 12px;
    border: 1px solid #707070;
    text-align: center;
    color: #707070;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'BentonSans Light', sans-serif; }
    @media (max-width: 768px) {
      .pro-homepage .hide-desktop a {
        font-size: 12px; } }
  @media (max-width: 768px) {
    .pro-homepage {
      padding: 0 25px; } }
  @media screen and (min-width: 641px) {
    .pro-homepage {
      margin-bottom: -80px; } }
  @media screen and (min-width: 1240px) {
    .pro-homepage {
      margin-bottom: -120px; } }

.pro-homepage__hero {
  width: 100%;
  height: 75vh;
  background-size: cover;
  background-position: center bottom;
  background-color: #E4DAD1;
  position: relative; }
  @media (max-width: 768px) {
    .pro-homepage__hero {
      height: 65vh;
      background-size: 130%;
      background-repeat: no-repeat;
      background-position: bottom; } }
  @media (max-width: 480px) {
    .pro-homepage__hero {
      height: 45vh; } }

.pro-homepage__hero-content {
  max-width: 450px;
  position: absolute;
  top: 75px;
  right: 50px; }
  .pro-homepage__hero-content h1 {
    position: absolute;
    transform: rotate(-90deg);
    top: 50px;
    left: -120px;
    font-size: 35px;
    font-weight: 600;
    font-family: poynter-oldstyle-display, serif; }
    @media (max-width: 768px) {
      .pro-homepage__hero-content h1 {
        top: 86px;
        left: 16px;
        font-size: 25px; } }
    @media (max-width: 480px) {
      .pro-homepage__hero-content h1 {
        font-size: 20px;
        top: 63px;
        left: 6px; } }
  .pro-homepage__hero-content p {
    marign-bottom: 30px;
    font-family: 'Times New Roman';
    font-size: 18px; }
    @media (max-width: 768px) {
      .pro-homepage__hero-content p {
        font-size: 16px; } }
    @media (max-width: 480px) {
      .pro-homepage__hero-content p {
        font-size: 12px; } }
  .pro-homepage__hero-content a {
    display: inline-block;
    padding: 10px 25px;
    border: 1px solid #707070;
    color: #707070;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'BentonSans Light', sans-serif; }
    @media (max-width: 768px) {
      .pro-homepage__hero-content a {
        font-size: 14px; } }
  @media (max-width: 768px) {
    .pro-homepage__hero-content {
      max-width: 100%;
      padding: 50px 50px 50px 100px;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; } }
  @media (max-width: 480px) {
    .pro-homepage__hero-content {
      padding: 35px 35px 35px 75px; } }

.pro-homepage__links {
  display: grid;
  grid-template-columns: repeat(6, 1fr); }
  @media (max-width: 768px) {
    .pro-homepage__links {
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 25px;
      padding-bottom: 25px; } }
  @media (max-width: 480px) {
    .pro-homepage__links {
      grid-template-columns: 1fr 1fr; } }

.pro-homepage__link-image {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  background-size: cover; }

.pro-homepage__link-text {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  text-align: center; }
  .pro-homepage__link-text p {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'BentonSans Light', sans-serif; }
    @media (max-width: 768px) {
      .pro-homepage__link-text p {
        font-size: 12px; } }
  @media (max-width: 768px) {
    .pro-homepage__link-text {
      padding-top: 25px;
      padding-bottom: 0; } }

.image-popup {
  display: none;
  position: fixed;
  top: 150px;
  right: 50px;
  z-index: 100000; }
  .image-popup .image-popup__close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000000; }
  .image-popup img {
    max-width: 150px; }
  .image-popup:hover {
    cursor: pointer; }
  @media (max-width: 768px) {
    .image-popup {
      top: 130px;
      right: 20px; } }

.pro-login {
  padding: 50px; }

.pro-login__container {
  max-width: 1200px;
  margin: 0 auto; }

.pro-login__title {
  margin-bottom: 40px;
  padding: 20px 0;
  position: relative;
  background: #fff7ee; }
  .pro-login__title h1 {
    margin: 0;
    position: absolute;
    top: -20px;
    left: 0;
    line-height: 1;
    font-size: 35px;
    font-weight: 600;
    font-family: poynter-oldstyle-display, serif; }
    @media (max-width: 768px) {
      .pro-login__title h1 {
        font-size: 25px;
        top: -20px; } }
  @media (max-width: 768px) {
    .pro-login__title {
      padding: 12px 0; } }

.pro-login__content {
  display: flex; }
  .pro-login__content .PageContent {
    min-height: 100%;
    margin: 0;
    max-width: 100%; }
  .pro-login__content .Form__Header {
    text-align: left;
    margin-bottom: 30px; }
    @media (max-width: 768px) {
      .pro-login__content .Form__Header {
        text-align: center; } }
  .pro-login__content .Form__Hint {
    text-align: left;
    font-family: poynter-oldstyle-display, serif; }
    @media (max-width: 768px) {
      .pro-login__content .Form__Hint {
        text-align: center; } }
  .pro-login__content h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    font-family: poynter-oldstyle-display, serif; }
    @media (max-width: 768px) {
      .pro-login__content h2 {
        text-align: center;
        font-size: 20px; } }
  .pro-login__content p {
    font-size: 14px;
    font-family: poynter-oldstyle-display, serif; }
    .pro-login__content p.bold {
      font-weight: 600; }
      @media (max-width: 768px) {
        .pro-login__content p.bold {
          text-align: center; } }
  .pro-login__content .button-dark {
    font-size: 14px;
    font-weight: 600;
    background: #4b4846;
    color: white;
    text-transform: uppercase;
    padding: 10px;
    width: 100%;
    display: block;
    max-width: 300px;
    line-height: 1.2;
    margin-top: 30px;
    text-align: center;
    font-family: 'BentonSans Light', sans-serif; }
    @media (max-width: 768px) {
      .pro-login__content .button-dark {
        margin-left: auto;
        margin-right: auto; } }
  .pro-login__content .Form__ItemHelp {
    position: unset;
    font-size: 14px;
    text-decoration: underline; }
  .pro-login__content .Link--secondary, .pro-login__content .Link--primary {
    text-decoration: underline;
    color: #4b4846; }
  .pro-login__content input {
    border-color: #707070; }
    .pro-login__content input::placeholder {
      color: #707070;
      text-transform: uppercase;
      font-weight: 600;
      line-height: 1.1;
      font-family: 'BentonSans Light', sans-serif; }
  @media (max-width: 768px) {
    .pro-login__content {
      flex-wrap: wrap; } }

.pro-login__login {
  width: 100%;
  max-width: 400px; }

.pro-login__divider {
  width: 1px;
  margin: 0 50px;
  background: #707070;
  flex-shrink: 0; }
  @media (max-width: 768px) {
    .pro-login__divider {
      width: 100%;
      height: 1px;
      margin: 30px 0; } }

.pro-login__create {
  width: 100%; }

/* =========== Landing ================ */
.landing-page__hero .slick-list {
  height: 100%; }
.landing-page__hero .slick-track {
  height: 100%; }
.landing-page__hero .slick-slide {
  height: inherit !important; }
.landing-page__hero .slick-dots {
  bottom: 25px; }
  @media (max-width: 768px) {
    .landing-page__hero .slick-dots {
      bottom: 27%; } }
  .landing-page__hero .slick-dots li {
    margin: 0; }
    .landing-page__hero .slick-dots li button:before {
      font-size: 12px; }

.landing-page__hero-slider {
  width: 100%;
  height: 55vw;
  max-height: 550px; }
  @media (max-width: 768px) {
    .landing-page__hero-slider {
      max-height: 100%;
      height: 100%; } }

.landing-page__hero-slide {
  height: 100%;
  background-size: cover;
  background-position: center center; }
  @media (max-width: 768px) {
    .landing-page__hero-slide {
      height: 400px; } }

.landing-page__hero-content-container {
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
  position: relative; }
  .landing-page__hero-content-container img {
    max-width: 150px;
    width: 100%;
    position: absolute;
    top: 30px;
    right: 30px; }
    @media (max-width: 768px) {
      .landing-page__hero-content-container img {
        max-width: 100px; } }

.landing-page__hero-content {
  max-width: 500px;
  position: absolute;
  bottom: 50px; }
  .landing-page__hero-content h2 {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: benton-sans, sans-serif;
    color: black;
    line-height: 1; }
  .landing-page__hero-content h1 {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: benton-sans, sans-serif;
    color: black;
    line-height: 1; }
  .landing-page__hero-content p {
    font-size: 18px;
    margin-bottom: 25px;
    font-family: benton-sans, sans-serif;
    color: black; }
  .landing-page__hero-content a {
    font-size: 18px;
    padding: 10px 20px;
    color: #4B4846;
    border: 1px solid #4B4846;
    font-weight: 500;
    font-family: benton-sans, sans-serif; }
  @media (max-width: 768px) {
    .landing-page__hero-content.hide-mobile {
      display: none; } }
  .landing-page__hero-content.hide-desktop {
    padding: 25px 15px;
    position: unset;
    text-align: center;
    margin: 0 auto; }
    .landing-page__hero-content.hide-desktop h1 {
      font-size: 35px;
      margin: 0; }
    .landing-page__hero-content.hide-desktop p {
      font-size: 16px; }
    @media (min-width: 769px) {
      .landing-page__hero-content.hide-desktop {
        display: none; } }

.landing-page__text {
  padding: 50px 30px;
  text-align: center; }
  .landing-page__text h1 {
    margin-bottom: 30px;
    font-size: 34px;
    font-weight: 600;
    font-family: benton-sans, sans-serif; }
    @media (max-width: 768px) {
      .landing-page__text h1 {
        font-size: 30px; } }
  .landing-page__text p {
    font-size: 20px;
    font-family: benton-sans, sans-serif; }
    @media (max-width: 768px) {
      .landing-page__text p {
        font-size: 18px; } }

.landing-page__products {
  max-width: 1200px;
  padding: 50px 30px;
  margin: 0 auto;
  text-align: center; }
  .landing-page__products h1 {
    margin-bottom: 50px;
    font-size: 34px;
    font-weight: 600;
    font-family: benton-sans, sans-serif; }
    @media (max-width: 768px) {
      .landing-page__products h1 {
        font-size: 30px; } }

.landing-page__products-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 50px; }
  @media (max-width: 768px) {
    .landing-page__products-grid {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 590px) {
    .landing-page__products-grid {
      grid-template-columns: 1fr; } }

.landing-page__product {
  text-align: center;
  position: relative; }
  .landing-page__product img {
    max-width: 100px;
    width: 100%;
    position: absolute;
    top: -25px;
    right: -25px; }
  .landing-page__product .landing-page__product-image {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
  .landing-page__product h2 {
    margin: 20px 0 25px;
    font-size: 20px;
    font-family: benton-sans, sans-serif;
    text-transform: uppercase; }
  .landing-page__product a {
    font-size: 18px;
    padding: 10px 20px;
    color: #4B4846;
    border: 1px solid #4B4846;
    font-weight: 500;
    text-transform: uppercase;
    font-family: benton-sans, sans-serif; }

.landing-page__text-image {
  display: flex;
  padding: 50px 0; }
  @media (max-width: 768px) {
    .landing-page__text-image {
      flex-wrap: wrap;
      padding: 50px 30px; } }

.landing-page__text-image-text {
  padding: 100px 30px;
  max-width: 600px;
  margin: 0 auto; }
  .landing-page__text-image-text h1 {
    margin-bottom: 30px;
    font-size: 34px;
    font-weight: 600;
    font-family: benton-sans, sans-serif; }
    @media (max-width: 768px) {
      .landing-page__text-image-text h1 {
        font-size: 30px; } }
  .landing-page__text-image-text p {
    font-size: 20px;
    font-family: benton-sans, sans-serif; }
    @media (max-width: 768px) {
      .landing-page__text-image-text p {
        font-size: 18px; } }
  @media (max-width: 768px) {
    .landing-page__text-image-text {
      text-align: center;
      padding: 0 30px; } }

.landing-page__text-image-image {
  width: 50%;
  background-size: cover;
  background-position: center center; }
  @media (max-width: 768px) {
    .landing-page__text-image-image {
      width: 100%;
      padding-bottom: 100%;
      margin-top: 25px; } }

.landing-page__reviews {
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 15px;
  text-align: center; }
  .landing-page__reviews h1 {
    margin-bottom: 30px;
    font-size: 34px;
    font-weight: 600;
    font-family: benton-sans, sans-serif; }
    @media (max-width: 768px) {
      .landing-page__reviews h1 {
        font-size: 30px; } }
  @media (max-width: 768px) {
    .landing-page__reviews {
      padding: 50px 30px; } }

.landing-page__reviews-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  @media (max-width: 768px) {
    .landing-page__reviews-container {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 30px; } }

.landing-page__reviews-image {
  margin: 15px;
  width: 200px;
  height: 100px;
  background-size: cover;
  background-position: center center; }
  @media (max-width: 768px) {
    .landing-page__reviews-image {
      width: auto;
      height: 0;
      padding-bottom: 50%;
      margin: 0; } }

.landing-page__text-overlap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 30px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 16%; }
  @media (max-width: 768px) {
    .landing-page__text-overlap {
      padding: 50px 30px;
      display: flex;
      flex-direction: column-reverse;
      justify-content: center; } }

.landing-page__text-overlap-text {
  max-width: 550px;
  position: absolute;
  right: 34%; }
  .landing-page__text-overlap-text h2 {
    font-size: 20px;
    font-family: benton-sans, sans-serif;
    text-transform: uppercase; }
  @media (max-width: 768px) {
    .landing-page__text-overlap-text {
      padding-top: 30px;
      position: unset;
      text-align: center; } }

.landing-page__text-overlap-image {
  width: 40%;
  height: 0;
  padding-bottom: 40%;
  background-size: cover;
  background-position: center center; }
  @media (max-width: 768px) {
    .landing-page__text-overlap-image {
      width: 100%;
      padding-bottom: 100%; } }

.landing-page__banner {
  padding: 100px 0;
  background-size: cover;
  background-position: center center; }

.landing-page__banner-text {
  max-width: 500px;
  margin: 0 auto;
  text-align: center; }
  .landing-page__banner-text h2 {
    font-size: 20px;
    font-family: benton-sans, sans-serif;
    text-transform: uppercase;
    line-height: 2; }