/* LiteCMS v2.61: unify the project hero title and project content with the
   gallery's 980px maximum width. This is scoped to standalone project pages. */
.screen-gallery-project .screen-gallery-below {
  box-sizing: border-box;
  width: min(980px, calc(100% - 40px)) !important;
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Keep the overlaid project title aligned to the text column below; at desktop
   sizes both share the centered gallery's left edge. */
.screen-gallery-project .screen-gallery-identity {
  box-sizing: border-box;
  width: min(980px, calc(100% - 40px)) !important;
  max-width: 980px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}
