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

.u-section-1 .u-text-1 {
  margin: 20px 0 0;
}

.u-section-1 .u-image-1 {
  width: 291px;
  height: 291px;
  margin: 58px auto 0 calc(((100% - 1140px) / 2)  + 86px);
}

.u-section-1 .u-image-2 {
  width: 300px;
  height: 300px;
  margin: -283px calc(((100% - 1140px) / 2)  + 86px) 0 auto;
}

.u-section-1 .u-image-3 {
  width: 300px;
  height: 300px;
  margin: -133px auto 0 calc(((100% - 1140px) / 2)  + 272px);
}

.u-section-1 .u-image-4 {
  width: 300px;
  height: 300px;
  margin: -285px calc(((100% - 1140px) / 2)  + 301px) 60px auto;
}

@media (max-width: 1199px) {
   .u-section-1 {
    background-position: 50% 50%;
    min-height: 694px;
  }

  .u-section-1 .u-image-1 {
    margin-left: calc(((100% - 940px) / 2) + 86px);
  }

  .u-section-1 .u-image-2 {
    margin-right: calc(((100% - 940px) / 2)  + 86px);
  }

  .u-section-1 .u-image-3 {
    margin-left: calc(((100% - 940px) / 2)  + 272px);
  }

  .u-section-1 .u-image-4 {
    margin-right: calc(((100% - 940px) / 2)  + 301px);
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-image-1 {
    margin-left: calc(((100% - 720px) / 2) + 86px);
  }

  .u-section-1 .u-image-2 {
    margin-right: calc(((100% - 720px) / 2)  + 86px);
  }

  .u-section-1 .u-image-3 {
    margin-left: calc(((100% - 720px) / 2)  + 272px);
  }

  .u-section-1 .u-image-4 {
    margin-right: calc(((100% - 720px) / 2)  + 301px);
  }
}

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

  .u-section-1 .u-image-1 {
    margin-left: calc(((100% - 540px) / 2) + 86px);
  }

  .u-section-1 .u-image-2 {
    margin-right: calc(((100% - 540px) / 2)  + 86px);
  }

  .u-section-1 .u-image-3 {
    margin-left: calc(((100% - 540px) / 2)  + 240px);
  }

  .u-section-1 .u-image-4 {
    margin-right: calc(((100% - 540px) / 2)  + 240px);
  }
}

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

  .u-section-1 .u-image-1 {
    margin-top: 32px;
    margin-left: 18px;
  }

  .u-section-1 .u-image-2 {
    margin-top: -64px;
    margin-right: auto;
    margin-left: 123px;
  }

  .u-section-1 .u-image-3 {
    margin-top: -95px;
    margin-left: 18px;
  }

  .u-section-1 .u-image-4 {
    margin: -125px auto 20px 123px;
  }
}.u-section-2 .u-sheet-1 {
  min-height: 502px;
}

.u-section-2 .u-image-1 {
  height: 416px;
  margin-top: 10px;
  margin-bottom: 60px;
}

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

  .u-section-2 .u-image-1 {
    height: 105px;
    margin-top: 14px;
    margin-bottom: 24px;
  }
}