/*
 * The complete bridge must remain visible. Its source image is approximately
 * 10.3:1, so the band height follows the viewport width instead of cropping it.
 */
.nh-bridge {
  height: clamp(42px, 9.15vw, 180px);
  background-image: url('../images/bridge.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.nh-footer {
  margin-top: clamp(42px, 9.15vw, 180px);
}

.nh-footer-bridge {
  height: clamp(42px, 9.15vw, 180px);
  background-image: url('../images/bridge.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media (max-width: 560px) {
  .nh-bridge,
  .nh-footer-bridge {
    height: clamp(42px, 9.67vw, 58px);
  }

  .nh-footer {
    margin-top: clamp(42px, 9.67vw, 58px);
  }
}