.u-section-1 {
  background-image: none;
  min-height: 1236px;
}

.u-section-1 .u-shape-1 {
  height: 537px;
  width: calc(((100% - 1140px) / 2) + 1002px);
  margin: 158px 0 0 auto;
}

.u-section-1 .u-image-1 {
  width: 660px;
  height: 660px;
  background-image: url("//images01.nicepagecdn.com/ec90893c3ebc31dcb37c555f/ecd2ff80dd0756338053d108/IMG_1297.jpg");
  /*background-image: url("https://unitedwaygh.org/infograph/70bday.jpg");*/
  background-position: 50% 50%;
  margin: -474px calc(((100% - 1140px) / 2) + 105px) 0 auto;
}

.u-section-1 .u-group-1 {
  min-height: 283px;
  width: 527px;
  height: auto;
  margin: -827px auto 0 calc(((100% - 1140px) / 2));
}

.u-section-1 .u-container-layout-1 {
  padding: 30px;
}

.u-section-1 .u-text-1 {
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-family: Roboto, sans-serif;
  margin: 27px auto 0 1px;
}

.u-section-1 .u-text-2 {
  font-family: Roboto, sans-serif;
  font-size: 4.25rem;
  margin: 20px 0 0 1px;
}

.u-section-1 .u-group-2 {
  width: 598px;
  min-height: 450px;
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  margin: 412px calc(((100% - 1140px) / 2)) 37px auto;
}

.u-section-1 .u-container-layout-2 {
  padding: 30px 40px;
}

.u-section-1 .u-text-3 {
  font-size: 2.25rem;
  line-height: 43.2px;
  font-weight: 400;
  margin: 13px 0 0;
}

.u-section-1 .u-text-4 {
  line-height: 30.6px;
  margin: 30px 0 0;
}

.u-section-1 .u-btn-1 {
  border-style: solid;
  letter-spacing: 1px;
  font-size: 1.125rem;
  background-image: none;
  text-transform: uppercase;
  font-weight: 400;
  margin: 30px auto 0 0;
  padding: 20px 59px 21px 58px;
}

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

  .u-section-1 .u-shape-1 {
    width: 829px;
    margin-right: calc(((100% - 940px) / 2));
  }

  .u-section-1 .u-image-1 {
    width: 663px;
    height: 663px;
    margin-right: calc(((100% - 1140px) / 2) + 183px);
  }

  .u-section-1 .u-group-1 {
    width: 393px;
    margin-left: calc(((100% - 940px) / 2));
    height: auto;
  }

  .u-section-1 .u-text-2 {
    font-size: 3.125rem;
  }

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

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

  .u-section-1 .u-shape-1 {
    height: 606px;
    width: calc(((100% - 720px) / 2) + 488px);
    margin-right: 0;
  }

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

  .u-section-1 .u-group-1 {
    min-height: 276px;
    margin-left: calc(((100% - 720px) / 2));
  }

  .u-section-1 .u-text-2 {
    font-size: 2.8125rem;
  }

  .u-section-1 .u-group-2 {
    width: 501px;
    margin-right: calc(((100% - 1140px) / 2) + 210px);
  }

  .u-section-1 .u-container-layout-2 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

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

  .u-section-1 .u-shape-1 {
    height: 609px;
    width: calc(((100% - 540px) / 2) + 424px);
  }

  .u-section-1 .u-image-1 {
    width: 503px;
    height: 503px;
    margin-left: calc(((100% - 540px) / 2));
    margin-right: calc(((100% - 540px) / 2));
  }

  .u-section-1 .u-group-1 {
    width: 330px;
    margin-top: -707px;
    margin-left: calc(((100% - 1140px) / 2) + 300px);
  }

  .u-section-1 .u-container-layout-1 {
    padding: 23px 20px;
  }

  .u-section-1 .u-group-2 {
    width: 374px;
    min-height: 664px;
    margin-right: calc(((100% - 540px) / 2));
  }

  .u-section-1 .u-text-3 {
    margin-top: 18px;
  }
}

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

  .u-section-1 .u-shape-1 {
    height: 326px;
    width: calc(((100% - 340px) / 2) + 276px);
  }

  .u-section-1 .u-image-1 {
    width: 332px;
    height: 332px;
    margin-right: calc(((100% - 340px) / 2));
    margin-left: auto;
  }

  .u-section-1 .u-group-1 {
    width: 340px;
    min-height: 270px;
    margin-top: -507px;
    margin-left: auto;
  }

  .u-section-1 .u-text-2 {
    font-size: 2.25rem;
  }

  .u-section-1 .u-group-2 {
    width: 340px;
    min-height: 607px;
    margin-right: auto;
  }

  .u-section-1 .u-container-layout-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .u-section-1 .u-text-3 {
    width: auto;
    margin-top: 0;
  }

  .u-section-1 .u-btn-1 {
    margin-top: 37px;
    padding: 12px 53px 13px 52px;
  }
}.u-section-2 .u-sheet-1 {
  min-height: 1059px;
}

.u-section-2 .u-shape-1 {
  width: 237px;
  height: 237px;
  margin: 403px auto 0 0;
}

.u-section-2 .u-shape-2 {
  width: 228px;
  height: 228px;
  margin: -523px 0 0 auto;
}

.u-section-2 .u-image-1 {
  height: 493px;
  width: 739px;
  object-position: 50% 0%;
  margin: -275px 510px 0 auto;
}

.u-section-2 .u-group-1 {
  width: 525px;
  min-height: 573px;
  margin: -352px 95px 0 auto;
}

.u-section-2 .u-container-layout-1 {
  padding: 30px 40px 120px;
}

.u-section-2 .u-text-1 {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  margin: 0;
}

.u-section-2 .u-text-2 {
  font-weight: 400;
  margin: 20px 0 0;
}

.u-section-2 .u-btn-1 {
  background-image: none;
  letter-spacing: 2px;
  border-style: none;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1rem;
  margin: 30px auto 0 0;
  padding: 11px 41px 11px 40px;
}

.u-section-2 .u-image-2 {
  height: 310px;
  width: 310px;
  background-image: url("//images01.nicepagecdn.com/ec90893c3ebc31dcb37c555f/f556e7b7c7e954319575a259/_MG_11801.jpg");
  background-position: 50% 50%;
  margin: -105px auto -205px 343px;
}

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

  .u-section-2 .u-shape-1 {
    width: 217px;
    height: 217px;
    margin-top: 384px;
  }

  .u-section-2 .u-shape-2 {
    margin-top: -484px;
  }

  .u-section-2 .u-image-1 {
    height: 455px;
    width: 507px;
    margin-right: auto;
    margin-left: 42px;
  }

  .u-section-2 .u-group-1 {
    width: 448px;
    min-height: 607px;
    margin-top: -314px;
    margin-right: 71px;
  }

  .u-section-2 .u-image-2 {
    margin-top: -95px;
    margin-bottom: 40px;
    margin-left: 266px;
  }
}

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

  .u-section-2 .u-shape-1 {
    margin-top: 60px;
  }

  .u-section-2 .u-shape-2 {
    margin-top: -222px;
  }

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

  .u-section-2 .u-group-1 {
    margin-top: -52px;
    margin-right: 75px;
  }

  .u-section-2 .u-container-layout-1 {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
  }

  .u-section-2 .u-image-2 {
    margin-top: -113px;
    margin-bottom: -266px;
    margin-left: 50px;
  }
}

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

  .u-section-2 .u-image-1 {
    height: 403px;
    width: 438px;
    margin-right: 41px;
  }

  .u-section-2 .u-group-1 {
    min-height: 557px;
    margin-right: auto;
    margin-left: 0;
  }

  .u-section-2 .u-container-layout-1 {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 80px;
  }

  .u-section-2 .u-image-2 {
    height: 270px;
    width: 270px;
    margin-right: 0;
    margin-left: auto;
  }
}

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

  .u-section-2 .u-shape-1 {
    width: 179px;
    height: 179px;
  }

  .u-section-2 .u-shape-2 {
    width: 200px;
    height: 200px;
    margin-top: 636px;
  }

  .u-section-2 .u-image-1 {
    height: 268px;
    width: 291px;
    margin-top: -954px;
    margin-right: 0;
  }

  .u-section-2 .u-group-1 {
    min-height: 604px;
    width: 299px;
    margin-top: -27px;
  }

  .u-section-2 .u-container-layout-1 {
    padding-bottom: 30px;
  }

  .u-section-2 .u-image-2 {
    height: 263px;
    width: 263px;
    margin: 87px auto 60px 0;
  }
} .u-section-3 {
  background-image: none;
}

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

.u-section-3 .u-shape-1 {
  width: 739px;
  height: 695px;
  margin: 55px 76px 0 auto;
}

.u-section-3 .u-image-1 {
  height: 489px;
  width: 489px;
  background-image: url("//images01.nicepagecdn.com/ec90893c3ebc31dcb37c555f/42a5c05a1cb450a493dc0d4b/beneficiariariesundergoingtraininginbatikTie_Dye.jpeg");
  background-position: 50% 50%;
  margin: -626px auto 0 420px;
}

.u-section-3 .u-group-1 {
  width: 385px;
  min-height: 478px;
  margin: -383px auto 71px 94px;
}

.u-section-3 .u-container-layout-1 {
  padding: 30px 40px;
}

.u-section-3 .u-text-1 {
  font-weight: 400;
  margin: 0 auto 0 0;
}

.u-section-3 .u-text-2 {
  font-size: 1.125rem;
  font-weight: 400;
  margin: 20px 0 0;
}

.u-section-3 .u-btn-1 {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  background-image: none;
  font-size: 1rem;
  margin: 30px auto 0 0;
  padding: 14px 38px 15px;
}

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

  .u-section-3 .u-shape-1 {
    width: 645px;
    height: 607px;
    margin-top: 52px;
    margin-right: 0;
  }

  .u-section-3 .u-image-1 {
    height: 457px;
    width: 457px;
    margin-top: -538px;
    margin-right: 63px;
    margin-left: auto;
  }

  .u-section-3 .u-group-1 {
    min-height: 505px;
    margin-top: -351px;
    margin-bottom: 52px;
    margin-left: 55px;
  }

  .u-section-3 .u-btn-1 {
    border-style: none;
  }
}

@media (max-width: 991px) {
  .u-section-3 .u-shape-1 {
    width: 557px;
    height: 525px;
    margin-top: 55px;
  }

  .u-section-3 .u-image-1 {
    height: 416px;
    width: 416px;
    margin-top: -470px;
    margin-right: 42px;
  }

  .u-section-3 .u-group-1 {
    width: 360px;
    margin-top: -294px;
    margin-bottom: 54px;
    margin-left: 0;
  }

  .u-section-3 .u-container-layout-1 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

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

  .u-section-3 .u-shape-1 {
    height: 481px;
    width: 513px;
  }

  .u-section-3 .u-image-1 {
    height: 404px;
    width: 404px;
    margin-top: -441px;
    margin-right: 54px;
  }

  .u-section-3 .u-group-1 {
    margin-top: -95px;
    margin-bottom: 55px;
  }

  .u-section-3 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

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

  .u-section-3 .u-shape-1 {
    height: 329px;
    width: 329px;
  }

  .u-section-3 .u-image-1 {
    height: 279px;
    width: 279px;
    margin-top: -304px;
    margin-right: auto;
  }

  .u-section-3 .u-group-1 {
    min-height: 529px;
    margin-top: -27px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-3 .u-container-layout-1 {
    padding-left: 20px;
    padding-right: 20px;
  }
}