body {
  background-image: linear-gradient(#888 0), linear-gradient(#ccc 0), url('/img/manas-rb-wDdW-hF9pgM-unsplash.jpg');
  background-blend-mode: darken, multiply, normal;
  background-size: max(100%, 25rem);
  background-position: 0 0, 0 0, 15% min(0px, calc(-46vw + 12rem));
  background-attachment: fixed;
  background-repeat: no-repeat;
}

header {
  padding-bottom: 2rem;
}

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

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