.navbar .logo {
  display: none;
}
.header--scrolled .logo {
  display: block;
}
@media only screen and (max-width: 769px) {
  .hero-copy img {
    width: 50%;
  }
}
.hero-copy {
  grid-gap: 50px;
}