.u-section-1 {
  filter: none;
  background-image: url("../images/biggalaxy.jpg");
  background-position: 50% 50%;
  min-height: 337px;
}

.u-section-1 .u-btn-1 {
  --radius: 50px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 1px;
  margin: 22px calc(((100% - 1140px) / 2)  + 12px) 0 auto;
  padding: 13px 30px 15px;
}

.u-section-1 .u-text-1 {
  font-size: 6rem;
  font-weight: 700;
  font-family: "Abril Fatface";
  text-shadow: 2px 2px 8px rgba(var(---r),var(---g),var(---b),0.4);
  margin: 8px auto 0;
}

.u-section-1 .u-text-2 {
  font-size: 3rem;
  font-family: "Abril Fatface";
  width: 885px;
  margin: 77px auto 1px;
}

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

  .u-section-1 .u-btn-1 {
    margin-top: 32px;
    margin-right: calc(((100% - 940px) / 2));
  }

  .u-section-1 .u-text-1 {
    font-size: 4.5rem;
    width: auto;
    margin-top: -2px;
    margin-left: calc(((100% - 940px) / 2)  + 157px);
  }

  .u-section-1 .u-text-2 {
    width: auto;
    margin: 1px 78px 43px;
  }
}

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

  .u-section-1 .u-btn-1 {
    margin-top: 22px;
    margin-right: calc(((100% - 720px) / 2));
  }

  .u-section-1 .u-text-1 {
    margin-top: -7px;
    margin-left: auto;
  }

  .u-section-1 .u-text-2 {
    font-size: 2.25rem;
    margin: 13px 0 60px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-btn-1 {
    margin-top: 7px;
    margin-right: calc(((100% - 540px) / 2));
  }

  .u-section-1 .u-text-1 {
    font-size: 3.75rem;
    margin-top: 13px;
    margin-left: calc(((100% - 540px) / 2)  + 17px);
  }

  .u-section-1 .u-text-2 {
    margin-top: 19px;
    margin-right: calc(((100% - 540px) / 2)  + -63px);
    margin-left: calc(((100% - 540px) / 2)  + -37px);
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-btn-1 {
    margin-top: 36px;
    margin-right: calc(((100% - 340px) / 2));
  }

  .u-section-1 .u-text-1 {
    font-size: 2.25rem;
    margin-top: 37px;
    margin-right: 50px;
    margin-left: calc(((100% - 340px) / 2)  + 48px);
  }

  .u-section-1 .u-text-2 {
    font-size: 1.5rem;
    width: 340px;
    margin-top: 9px;
    margin-left: auto;
    margin-right: auto;
  }
}.u-section-2 .u-sheet-1 {
  min-height: 1258px;
}

.u-section-2 .u-text-1 {
  margin: 85px auto 0;
}

.u-section-2 .u-layout-wrap-1 {
  margin-top: 37px;
  margin-bottom: -90px;
}

.u-section-2 .u-layout-cell-1 {
  min-height: 614px;
}

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

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

.u-section-2 .u-text-2 {
  margin: 36px auto 0;
}

.u-section-2 .u-btn-1 {
  text-transform: uppercase;
  font-weight: 700;
  margin: 36px auto 0;
}

.u-section-2 .u-layout-cell-2 {
  min-height: 614px;
}

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

.u-section-2 .u-text-3 {
  margin: 0 auto 0 0;
}

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

  .u-section-2 .u-text-1 {
    margin-top: 298px;
  }

  .u-section-2 .u-layout-wrap-1 {
    position: relative;
    margin-top: -176px;
    margin-bottom: -414px;
  }

  .u-section-2 .u-layout-cell-1 {
    min-height: 506px;
  }

  .u-section-2 .u-image-1 {
    height: 178px;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 506px;
  }
}

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

  .u-section-2 .u-text-1 {
    margin-top: 797px;
  }

  .u-section-2 .u-layout-wrap-1 {
    margin-top: -675px;
    margin-bottom: -1183px;
  }

  .u-section-2 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-2 .u-image-1 {
    height: 127px;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 100px;
  }
}

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

  .u-section-2 .u-text-1 {
    margin-top: 274px;
  }

  .u-section-2 .u-layout-wrap-1 {
    margin-top: -310px;
    margin-bottom: -686px;
  }

  .u-section-2 .u-layout-cell-1 {
    min-height: 462px;
  }

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

  .u-section-2 .u-image-1 {
    height: 235px;
  }

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

@media (max-width: 575px) {
  .u-section-2 .u-text-1 {
    margin-top: 303px;
  }

  .u-section-2 .u-layout-wrap-1 {
    margin-top: -332px;
    margin-bottom: -715px;
  }

  .u-section-2 .u-layout-cell-1 {
    min-height: 100px;
  }
}