.u-section-1 {
  background-image: url("images/FortAugustusRainbow.jpg");
  background-position: 50% 50%;
}

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

.u-section-1 .u-image-1 {
  height: 640px;
  margin-top: 25px;
  margin-bottom: 0;
}

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

.u-section-1 .u-text-1 {
  margin: -95px auto 0 272px;
}

.u-section-1 .u-audio-1 {
  width: 500px;
  height: 111px;
  margin: -95px auto 0 403px;
}

.u-section-1 .u-audio-2 {
  width: 500px;
  height: 111px;
  margin: 37px auto 0 403px;
}

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

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

.u-section-1 .u-audio-3 {
  width: 500px;
  height: 111px;
  margin: 53px auto 0 403px;
}

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

.u-section-1 .u-text-3 {
  margin: -95px auto 60px 272px;
}

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

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

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

  .u-section-1 .u-audio-1 {
    margin-top: 20px;
  }

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

  .u-section-1 .u-audio-3 {
    margin-top: 66px;
  }

  .u-section-1 .u-shape-3 {
    margin-top: 20px;
  }
}

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

  .u-section-1 .u-image-1 {
    height: 398px;
    margin-top: 119px;
  }

  .u-section-1 .u-shape-1 {
    margin-top: 23px;
    margin-left: 27px;
  }

  .u-section-1 .u-text-1 {
    width: auto;
    margin-top: -88px;
    margin-left: 64px;
  }

  .u-section-1 .u-audio-1 {
    margin-top: -88px;
    margin-left: 193px;
  }

  .u-section-1 .u-audio-2 {
    margin-top: 43px;
    margin-left: 193px;
  }

  .u-section-1 .u-shape-2 {
    margin-top: -104px;
    margin-left: 27px;
  }

  .u-section-1 .u-text-2 {
    width: auto;
    margin-top: -88px;
    margin-left: 64px;
  }

  .u-section-1 .u-audio-3 {
    margin-top: 59px;
    margin-left: 193px;
  }

  .u-section-1 .u-shape-3 {
    margin-top: -106px;
    margin-left: 27px;
  }

  .u-section-1 .u-text-3 {
    width: auto;
    margin-top: -94px;
    margin-left: 64px;
  }
}

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

  .u-section-1 .u-image-1 {
    margin-top: 21px;
  }

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

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

  .u-section-1 .u-audio-1 {
    margin-top: 20px;
    margin-right: 14px;
    margin-left: 40px;
  }

  .u-section-1 .u-audio-2 {
    margin-left: 40px;
    margin-right: 14px;
  }

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

  .u-section-1 .u-audio-3 {
    margin-top: 20px;
    margin-right: 14px;
    margin-left: 40px;
  }

  .u-section-1 .u-shape-3 {
    margin-top: 20px;
  }
}

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

  .u-section-1 .u-image-1 {
    height: 191px;
    margin-top: 20px;
  }

  .u-section-1 .u-shape-1 {
    margin-top: 19px;
    margin-left: 8px;
  }

  .u-section-1 .u-text-1 {
    margin-top: -75px;
    margin-left: 54px;
  }

  .u-section-1 .u-audio-1 {
    width: 192px;
    height: 97px;
    margin-top: -68px;
    margin-right: 0;
    margin-left: auto;
  }

  .u-section-1 .u-audio-2 {
    width: 192px;
    margin-top: 44px;
    margin-right: auto;
    margin-left: 140px;
  }

  .u-section-1 .u-shape-2 {
    margin-top: -111px;
    margin-left: 9px;
  }

  .u-section-1 .u-text-2 {
    margin-top: -75px;
    margin-left: 54px;
  }

  .u-section-1 .u-audio-3 {
    width: 192px;
    margin-top: 86px;
    margin-right: 8px;
    margin-left: auto;
  }

  .u-section-1 .u-shape-3 {
    margin-top: -111px;
    margin-left: 9px;
  }

  .u-section-1 .u-text-3 {
    margin-top: -75px;
    margin-left: 54px;
  }
}