/* ── Position the header logo lower so the face in the background is visible ── */

/* Desktop & tablet:
   Push the vertically-centred container into the lower third of the viewport.
   The header PNG is allowed to render at near-full natural width (1200px source). */
.image-bg.fullscreen .container.v-align-transform {
  top: 72%;
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
}

/* Let the header PNG be as wide as the column allows — no artificial cap */
.image-bg.fullscreen .container.v-align-transform img[src*="header.png"] {
  max-width: 100%;
  width: 100%;
}

/* ── Mobile (≤ 767 px) ── */
@media all and (max-width: 767px) {

  /* Keep the old cover-slider fix */
  .cover.fullscreen .slides li {
    height: 100vh;
    padding-top: 160px;
  }

  /* On mobile anchor the logo near the bottom */
  .image-bg.fullscreen .container.v-align-transform {
    top: auto !important;
    bottom: 4vh;
    transform: none !important;
    -webkit-transform: none !important;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
  }

  /* Full-width on mobile for maximum size */
  .image-bg.fullscreen .container.v-align-transform img[src*="header.png"] {
    max-width: 100%;
    width: 100%;
  }
}