@charset "UTF-8";

/* Keep image banners flush with the fixed navbar at every shared breakpoint. */
.page-banner--under-navbar {
  margin-top: var(--nav-height-mobile, 46px);
}

@media (min-width: 768px) and (max-width: 1024px) {
  .page-banner--under-navbar {
    margin-top: var(--nav-height-tablet, 56px);
  }
}

@media (min-width: 1025px) {
  .page-banner--under-navbar {
    margin-top: var(--nav-height-desktop, 80px);
  }
}