body {
  background-image: linear-gradient(#999 0), linear-gradient(#bbb 0), url('/img/fer-troulik-q29pkJGJsS8-unsplash.jpg');
  background-blend-mode: darken, multiply, normal;
  background-size: max(100%, 28rem);
  background-position: 0 0, 0 0, 50% min(0px, calc(-34vw + 7.5rem));
  background-attachment: fixed;
  background-repeat: no-repeat;
}

header {
  padding-bottom: 1rem;
}

main {
  background: #222;
}
main > :last-child {
  flex-grow: 1;
}

.fullwidth-heading > * {
  filter: drop-shadow(0 0 0.5rem #000) drop-shadow(0 0 0.5rem #000);
}
.fullwidth-heading * {
  text-align: left;
}