/* ==============================
   Bandura Purpose — standalone page (bandura-purpose.html)
   The Bandura project page without the site header, footer or navigation.
   Everything else comes from culture/bandura.html's stylesheets; this file
   only adjusts what assumed the site header was there.
   ============================== */

/* Films pin near the top of the screen: there is no 116 px header above.
   Desktop only; on phones the films do not pin. */
@media (min-width: 769px) {
  .ubc-film-media {
    top: 24px;
    width: min(100%, calc((100vh - 48px) * 9 / 16));
  }
}

/* The page ends with the films; leave room before the bottom edge */
.ubc-films {
  margin-bottom: 144px;
}

@media (max-width: 768px) {
  .ubc-films {
    margin-bottom: 96px;
  }
}