/* Make header full-width (breakout from container) */
.da-header {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

/* Push page content down so it's not hidden behind the fixed header.
   34px (top bar) + 60px (nav) = 94px total. Adjust if your top bar height changes. */
.zpcontent-container {
  padding-top: 94px;
}

/* On mobile the top bar is shorter (padding 7px instead of 9px). Adjust if needed. */
@media (max-width: 900px) {
  .zpcontent-container {
    padding-top: 90px;
  }
}