.hero > img {
  filter: brightness(1.28) saturate(1.08);
}

.hero .shade {
  background:
    linear-gradient(180deg, rgba(6, 17, 36, 0.58) 0, rgba(6, 17, 36, 0.2) 13%, rgba(6, 17, 36, 0) 27%),
    linear-gradient(90deg, rgba(6, 17, 36, 0.58), rgba(6, 17, 36, 0.18) 47%, rgba(6, 17, 36, 0) 72%),
    linear-gradient(0deg, rgba(6, 17, 36, 0.08), transparent 42%);
}

.topbar nav a {
  text-shadow: 0 2px 10px rgba(2, 9, 20, 0.75);
}

@media (max-width: 620px) {
  .hero > img {
    filter: brightness(1.25) saturate(1.08);
  }

  .hero .shade {
    background:
      linear-gradient(180deg, rgba(6, 17, 36, 0.5) 0, rgba(6, 17, 36, 0.08) 16%, rgba(6, 17, 36, 0) 27%),
      linear-gradient(180deg, rgba(6, 17, 36, 0), rgba(6, 17, 36, 0.08) 36%, rgba(6, 17, 36, 0.62) 82%);
  }
}