body {
  background-image: linear-gradient(#888 0), linear-gradient(#999 0), url('/img/james-a-molnar-R8t7MjLXy2s-unsplash.jpg');
  background-blend-mode: darken, multiply, normal;
  background-size: max(100%, 25rem);
  background-position: 0 0, 0 0, 15% min(0px, calc(-28vw + 9rem));
  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;
}
.fullwidth-heading h1 {
  white-space: nowrap;
  font-size: min(3.5rem, 11.3vw - 1rem);
}