.u-section-1 {
  background-image: url("images/6-Koko-Brown-PBR-Panel.jpg");
  background-position: 50% 50%;
}

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

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

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

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

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

.u-section-2 .u-text-1 {
  font-weight: 700;
  margin: 52px 175px 0 303px;
}

.u-section-2 .u-text-2 {
  margin: 52px 40px 0;
}

.u-section-2 .u-text-3 {
  font-size: 3rem;
  margin: 70px 203px 60px 331px;
}

.u-section-2 .u-btn-1 {
  font-weight: 700;
  padding: 0;
}

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

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

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

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

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

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

  .u-section-2 .u-text-3 {
    margin-left: 0;
  }
}.u-section-3 .u-sheet-1 {
  min-height: 1183px;
}

.u-section-3 .u-image-1 {
  width: 313px;
  height: 131px;
  margin: 30px auto 0 55px;
}

.u-section-3 .u-image-2 {
  width: 308px;
  height: 101px;
  margin: -116px 64px 0 auto;
}

.u-section-3 .u-image-3 {
  width: 1030px;
  height: 942px;
  animation-duration: 1000ms;
  margin: 55px auto 40px;
}

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

  .u-section-3 .u-image-3 {
    width: 940px;
    height: 860px;
  }
}

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

  .u-section-3 .u-image-3 {
    width: 720px;
    height: 659px;
  }
}

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

  .u-section-3 .u-image-3 {
    width: 540px;
    height: 494px;
  }
}

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

  .u-section-3 .u-image-1 {
    margin-left: 27px;
  }

  .u-section-3 .u-image-2 {
    margin-right: 32px;
  }

  .u-section-3 .u-image-3 {
    width: 340px;
    height: 311px;
  }
}.u-section-4 .u-sheet-1 {
  min-height: 1950px;
}

.u-section-4 .u-image-1 {
  width: 969px;
  height: 242px;
  margin: 9px 70px 0 auto;
}

.u-section-4 .u-image-2 {
  width: 1006px;
  height: 71px;
  margin: 27px auto 0;
}

.u-section-4 .u-image-3 {
  width: 503px;
  height: 219px;
  margin: 33px auto 0 67px;
}

.u-section-4 .u-image-4 {
  width: 503px;
  height: 219px;
  margin: -219px 67px 0 auto;
}

.u-section-4 .u-image-5 {
  width: 1006px;
  height: 17px;
  margin: 49px auto 0;
}

.u-section-4 .u-image-6 {
  width: 335px;
  height: 311px;
  margin: 49px auto 0 67px;
}

.u-section-4 .u-image-7 {
  width: 332px;
  height: 311px;
  margin: -311px auto 0;
}

.u-section-4 .u-image-8 {
  width: 341px;
  height: 311px;
  margin: -311px 63px 0 auto;
}

.u-section-4 .u-image-9 {
  width: 1006px;
  height: 19px;
  margin: 58px auto 0;
}

.u-section-4 .u-image-10 {
  width: 355px;
  height: 280px;
  margin: 67px auto 0 67px;
}

.u-section-4 .u-image-11 {
  width: 320px;
  height: 280px;
  margin: -281px 395px 0 auto;
}

.u-section-4 .u-image-12 {
  width: 324px;
  height: 280px;
  margin: -279px 66px 0 auto;
}

.u-section-4 .u-image-13 {
  width: 1006px;
  height: 19px;
  margin: 57px auto 0;
}

.u-section-4 .u-image-14 {
  width: 298px;
  height: 287px;
  margin: 36px auto 0 67px;
}

.u-section-4 .u-image-15 {
  width: 356px;
  height: 267px;
  margin: -287px auto 0 371px;
}

.u-section-4 .u-image-16 {
  width: 319px;
  height: 267px;
  margin: -267px 67px 60px auto;
}

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

  .u-section-4 .u-image-1 {
    width: 940px;
    height: 235px;
    margin-right: 0;
  }

  .u-section-4 .u-image-2 {
    width: 940px;
    height: 66px;
  }

  .u-section-4 .u-image-5 {
    width: 940px;
    height: 16px;
  }

  .u-section-4 .u-image-6 {
    margin-left: 34px;
  }

  .u-section-4 .u-image-7 {
    margin-left: 369px;
  }

  .u-section-4 .u-image-8 {
    margin-left: 566px;
  }

  .u-section-4 .u-image-9 {
    width: 940px;
    height: 18px;
  }

  .u-section-4 .u-image-10 {
    margin-left: 34px;
  }

  .u-section-4 .u-image-11 {
    margin-left: 393px;
  }

  .u-section-4 .u-image-12 {
    margin-left: 583px;
  }

  .u-section-4 .u-image-13 {
    width: 940px;
    height: 18px;
  }

  .u-section-4 .u-image-14 {
    margin-left: 34px;
  }

  .u-section-4 .u-image-15 {
    height: 266px;
    margin-left: 338px;
  }

  .u-section-4 .u-image-16 {
    margin-left: 588px;
  }
}

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

  .u-section-4 .u-image-1 {
    width: 720px;
    height: 180px;
  }

  .u-section-4 .u-image-2 {
    width: 720px;
    height: 51px;
  }

  .u-section-4 .u-image-5 {
    width: 720px;
    height: 12px;
  }

  .u-section-4 .u-image-7 {
    margin-left: 355px;
  }

  .u-section-4 .u-image-8 {
    margin-left: 346px;
  }

  .u-section-4 .u-image-9 {
    width: 720px;
    height: 14px;
  }

  .u-section-4 .u-image-11 {
    margin-left: 367px;
  }

  .u-section-4 .u-image-12 {
    margin-left: 363px;
  }

  .u-section-4 .u-image-13 {
    width: 720px;
    height: 14px;
  }

  .u-section-4 .u-image-15 {
    margin-left: 331px;
  }

  .u-section-4 .u-image-16 {
    margin-left: 368px;
  }
}

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

  .u-section-4 .u-image-1 {
    width: 540px;
    height: 135px;
  }

  .u-section-4 .u-image-2 {
    width: 540px;
    height: 38px;
  }

  .u-section-4 .u-image-3 {
    margin-left: 37px;
  }

  .u-section-4 .u-image-4 {
    margin-right: 37px;
  }

  .u-section-4 .u-image-5 {
    width: 540px;
    height: 9px;
  }

  .u-section-4 .u-image-7 {
    margin-left: 175px;
  }

  .u-section-4 .u-image-8 {
    margin-left: 166px;
  }

  .u-section-4 .u-image-9 {
    width: 540px;
    height: 11px;
  }

  .u-section-4 .u-image-11 {
    margin-right: 220px;
    margin-left: 187px;
  }

  .u-section-4 .u-image-12 {
    margin-left: 183px;
  }

  .u-section-4 .u-image-13 {
    width: 540px;
    height: 11px;
  }

  .u-section-4 .u-image-15 {
    margin-left: 151px;
  }

  .u-section-4 .u-image-16 {
    margin-left: 188px;
  }
}

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

  .u-section-4 .u-image-1 {
    width: 340px;
    height: 85px;
  }

  .u-section-4 .u-image-2 {
    width: 340px;
    height: 24px;
  }

  .u-section-4 .u-image-3 {
    width: 340px;
    height: 148px;
    margin-left: 0;
  }

  .u-section-4 .u-image-4 {
    width: 340px;
    height: 148px;
    margin-top: -148px;
    margin-right: 0;
  }

  .u-section-4 .u-image-5 {
    width: 340px;
    height: 6px;
  }

  .u-section-4 .u-image-6 {
    margin-left: 5px;
  }

  .u-section-4 .u-image-7 {
    margin-left: auto;
  }

  .u-section-4 .u-image-8 {
    width: 340px;
    height: 310px;
    margin-right: 0;
    margin-left: auto;
  }

  .u-section-4 .u-image-9 {
    width: 340px;
    height: 7px;
  }

  .u-section-4 .u-image-10 {
    width: 340px;
    height: 268px;
    margin-left: 0;
  }

  .u-section-4 .u-image-11 {
    margin-top: -269px;
    margin-right: 20px;
    margin-left: auto;
  }

  .u-section-4 .u-image-12 {
    margin-right: 16px;
    margin-left: auto;
  }

  .u-section-4 .u-image-13 {
    width: 340px;
    height: 7px;
  }

  .u-section-4 .u-image-14 {
    margin-left: 42px;
  }

  .u-section-4 .u-image-15 {
    width: 340px;
    height: 254px;
    margin-left: 0;
  }

  .u-section-4 .u-image-16 {
    margin-top: -255px;
    margin-right: 21px;
    margin-left: auto;
  }
}