.u-section-1 {
  background-image: url("https://assets.nicepagecdn.com/2c5d432c/6230852/images/StyleGuide.jpeg");
  background-position: 50% 53%;
  background-size: cover;
}

.u-section-1 .u-sheet-1 {
  min-height: 411px;
}

@media (max-width: 1199px) {
  .u-section-1 .u-sheet-1 {
    min-height: 339px;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-sheet-1 {
    min-height: 260px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-sheet-1 {
    min-height: 195px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-sheet-1 {
    min-height: 123px;
  }
} .u-section-2 {
  background-image: none;
}

.u-section-2 .u-sheet-1 {
  min-height: 592px;
}

.u-section-2 .u-text-1 {
  font-family: RomansStory;
  font-size: 4.375rem;
  font-weight: 400;
  width: 595px;
  text-transform: uppercase;
  margin: 125px auto 0;
}

.u-section-2 .u-text-2 {
  font-family: AmalfiCoast;
  font-size: 3.75rem;
  font-weight: 400;
  width: 595px;
  margin: -45px auto 0;
}

.u-section-2 .u-text-3 {
  font-style: italic;
  width: 835px;
  margin: 37px 153px 60px;
}

@media (max-width: 1199px) {
  .u-section-2 .u-text-1 {
    font-size: 3.75rem;
  }

  .u-section-2 .u-text-3 {
    margin-left: 53px;
    margin-right: 53px;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-text-1 {
    margin-left: 63px;
    margin-right: 63px;
  }

  .u-section-2 .u-text-2 {
    margin-left: 63px;
    margin-right: 63px;
  }

  .u-section-2 .u-text-3 {
    width: 720px;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-text-1 {
    font-size: 3rem;
    width: 540px;
    margin-top: 135px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-2 .u-text-2 {
    font-size: 3rem;
    width: 540px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-2 .u-text-3 {
    width: auto;
    margin-top: 40px;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-sheet-1 {
    min-height: 568px;
  }

  .u-section-2 .u-text-1 {
    font-size: 2.25rem;
    width: auto;
    margin-top: 79px;
  }

  .u-section-2 .u-text-2 {
    font-size: 2.25rem;
    width: auto;
    margin-top: -31px;
  }

  .u-section-2 .u-text-3 {
    margin-top: 49px;
  }
}.u-section-3 .u-sheet-1 {
  min-height: 1550px;
}

.u-section-3 .u-text-1 {
  font-family: RomansStory;
  font-size: 2.5rem;
  font-weight: 400;
  width: 415px;
  text-transform: uppercase;
  margin: 101px auto 0;
}

.u-section-3 .u-list-1 {
  margin: 35px 0 60px;
}

.u-section-3 .u-repeater-1 {
  grid-auto-columns: calc(33.3333% - 6.66667px);
  grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
  min-height: 1290px;
  grid-gap: 10px;
}

.u-section-3 .u-container-layout-1 {
  padding: 0 10px 16px;
}

.u-section-3 .u-image-1 {
  width: 300px;
  height: 300px;
  object-position: 30.24% 50%;
  margin: 27px auto 0;
}

.u-section-3 .u-text-2 {
  font-family: RomansStory;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 26px auto 0;
}

.u-section-3 .u-text-3 {
  font-style: italic;
  font-size: 1rem;
  margin: 3px 27px 0;
}

.u-section-3 .u-container-layout-2 {
  padding: 0 10px 16px;
}

.u-section-3 .u-image-2 {
  width: 300px;
  height: 300px;
  object-position: 28.73% 55.55%;
  margin: 27px auto 0;
}

.u-section-3 .u-text-4 {
  font-family: RomansStory;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 26px auto 0;
}

.u-section-3 .u-text-5 {
  font-style: italic;
  font-size: 1rem;
  margin: 3px 27px 0;
}

.u-section-3 .u-container-layout-3 {
  padding: 0 10px 16px;
}

.u-section-3 .u-image-3 {
  width: 300px;
  height: 300px;
  object-position: 61.3% 50%;
  margin: 27px auto 0;
}

.u-section-3 .u-text-6 {
  font-family: RomansStory;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 26px auto 0;
}

.u-section-3 .u-text-7 {
  font-style: italic;
  font-size: 1rem;
  margin: 3px 27px 0;
}

.u-section-3 .u-container-layout-4 {
  padding: 0 10px 16px;
}

.u-section-3 .u-image-4 {
  width: 300px;
  height: 300px;
  object-position: 58.09% 50%;
  margin: 27px auto 0;
}

.u-section-3 .u-text-8 {
  font-family: RomansStory;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 26px auto 0;
}

.u-section-3 .u-text-9 {
  font-style: italic;
  font-size: 1rem;
  margin: 3px 27px 0;
}

.u-section-3 .u-container-layout-5 {
  padding: 0 10px 16px;
}

.u-section-3 .u-image-5 {
  width: 300px;
  height: 300px;
  object-position: 27.17% 50%;
  margin: 27px auto 0;
}

.u-section-3 .u-text-10 {
  font-family: RomansStory;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 26px auto 0;
}

.u-section-3 .u-text-11 {
  font-style: italic;
  font-size: 1rem;
  margin: 3px 27px 0;
}

@media (max-width: 1199px) {
  .u-section-3 .u-list-1 {
    margin-top: 11px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-3 .u-repeater-1 {
    grid-auto-columns: calc(33.333333333333336% - 6.66667px);
    grid-template-columns: repeat(3, calc(33.333333333333336% - 6.66667px));
    min-height: 1061px;
  }

  .u-section-3 .u-text-3 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-text-5 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-text-7 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-text-9 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-text-11 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .u-section-3 .u-list-1 {
    margin-top: 20px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-3 .u-repeater-1 {
    grid-auto-columns: calc(50% - 5.0000025px);
    grid-template-columns: repeat(2, calc(50% - 5.0000025px));
    min-height: 1845px;
  }
}

@media (max-width: 767px) {
  .u-section-3 .u-sheet-1 {
    min-height: 1529px;
  }

  .u-section-3 .u-repeater-1 {
    grid-auto-columns: calc(100% - 0px);
    grid-template-columns: 100%;
  }
}

@media (max-width: 575px) {
  .u-section-3 .u-text-1 {
    font-size: 2.25rem;
    width: 340px;
  }

  .u-section-3 .u-repeater-1 {
    grid-auto-columns: 100%;
  }
}.u-section-4 .u-sheet-1 {
  min-height: 375px;
}

.u-section-4 .u-line-1 {
  width: 912px;
  margin: 0 auto;
}

.u-section-4 .u-text-1 {
  font-family: RomansStory;
  font-size: 2.5rem;
  font-weight: 400;
  width: 415px;
  margin: 91px auto 0;
}

.u-section-4 .u-text-2 {
  font-style: italic;
  width: 794px;
  margin: 7px auto 29px;
}

@media (max-width: 1199px) {
  .u-section-4 .u-sheet-1 {
    min-height: 464px;
  }

  .u-section-4 .u-text-2 {
    width: 678px;
    margin-top: 14px;
    margin-bottom: 56px;
  }
}

@media (max-width: 991px) {
  .u-section-4 .u-sheet-1 {
    min-height: 545px;
  }

  .u-section-4 .u-line-1 {
    width: 720px;
    margin-top: 81px;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .u-section-4 .u-sheet-1 {
    min-height: 520px;
  }

  .u-section-4 .u-line-1 {
    width: 540px;
    margin-top: 98px;
  }

  .u-section-4 .u-text-2 {
    width: 540px;
    margin-bottom: 13px;
  }
}

@media (max-width: 575px) {
  .u-section-4 .u-sheet-1 {
    min-height: 628px;
  }

  .u-section-4 .u-line-1 {
    width: 340px;
  }

  .u-section-4 .u-text-1 {
    font-size: 2.25rem;
    margin-left: 0;
    margin-right: 0;
    width: 340px;
  }

  .u-section-4 .u-text-2 {
    width: 340px;
    margin-bottom: 49px;
  }
}.u-section-5 .u-sheet-1 {
  min-height: 912px;
}

.u-section-5 .u-image-1 {
  height: 869px;
  margin-top: 2px;
  margin-bottom: 0;
}

.u-section-5 .u-line-1 {
  width: 912px;
  margin: 38px auto 0;
}

@media (max-width: 991px) {
  .u-section-5 .u-sheet-1 {
    min-height: 599px;
  }

  .u-section-5 .u-image-1 {
    height: 594px;
    margin-top: -52px;
  }

  .u-section-5 .u-line-1 {
    width: 720px;
    margin-top: 53px;
    margin-bottom: 1px;
  }
}

@media (max-width: 767px) {
  .u-section-5 .u-line-1 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-5 .u-sheet-1 {
    min-height: 327px;
  }

  .u-section-5 .u-image-1 {
    height: 296px;
    margin-top: -29px;
  }

  .u-section-5 .u-line-1 {
    width: 340px;
    margin-top: 56px;
  }
}.u-section-6 .u-sheet-1 {
  min-height: 300px;
}

.u-section-6 .u-text-1 {
  font-size: 0.875rem;
  background-image: none;
  font-style: italic;
  width: 211px;
  margin: 64px auto 0;
}

.u-section-6 .u-text-2 {
  font-size: 2.25rem;
  font-family: RomansStory;
  line-height: 0.93;
  text-transform: uppercase;
  margin: 13px auto 0;
}

.u-section-6 .u-btn-1 {
  --radius: 50px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 1px;
  background-image: none;
  margin: 12px auto 60px;
}@font-face {
  font-family: 'RomansStory';
  font-style: normal;
  font-weight: 400;
  src: url(https://assets.nicepagecdn.com/2c5d432c/6230852/fonts/RomansStory.otf);
}@font-face {
  font-family: 'AmalfiCoast';
  font-style: normal;
  font-weight: 400;
  src: url(https://assets.nicepagecdn.com/2c5d432c/6230852/fonts/AmalfiCoast.ttf);
}