@media (min-width: 992px) {
  /* On desktop, the logo starts at 60% when the page loads. */
  #logo {
	width: 60%;
  }

  /* On desktop, the logo becomes 40% when the user scrolls. */
  #logo.scrolled {
	width: 40%;
  }
}