@font-face {
  font-family: "FieldGothicTEST-No.75";
  src: url("fonts/FieldGothicTEST-No.75.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "FieldGothicTEST-No.82";
  src: url("fonts/FieldGothicTEST-No.82.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}

/* Hard force black backdrop on mobile. Prevent white below content. */
html,
body,
body.u-body {
  background: #000 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.u-section-1 {
  background: #000 !important;
}

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

.u-section-1 .u-text-1 {
  font-family: "FieldGothicTEST-No.82";
  width: 329px;
  margin: 324px auto 0;
}

.u-section-1 .u-text-2 {
  font-family: "FieldGothicTEST-No.82";
  width: 185px;
  margin: 38px auto 60px;
}

.u-section-1 .u-btn-1 {
  background-image: none;
  padding: 0;
}

@media (max-width: 1199px) {
  .u-section-1 .u-text-2 {
    width: 254px;
  }
}

/* Mobile. Center and scale down contact info, keep the font as FieldGothic No.82 */
@media (max-width: 767px) {
  .u-section-1 .u-sheet-1 {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .u-section-1 .u-text-1,
  .u-section-1 .u-text-2 {
    font-family: "FieldGothicTEST-No.82" !important;
    width: 92vw;
    max-width: 520px;
    text-align: center;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Email */
  .u-section-1 .u-text-1 {
    font-size: 1.35rem !important;
    line-height: 1.15;
    margin-top: 0 !important;
  }

  /* Phone */
  .u-section-1 .u-text-2 {
    font-size: 1.55rem !important;
    line-height: 1.15;
    margin-top: 18px !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-text-1 {
    font-size: 1.2rem !important;
  }
  .u-section-1 .u-text-2 {
    font-size: 1.4rem !important;
  }
}