/* Desktop Layout */
@media only screen and (min-width: 800px) {
  nav {
    flex-direction: row-reverse;
    margin: 0;
    padding: 0;
  }

  div.buttons {
    flex-direction: row-reverse;
  }

  .banner {
    text-align: right;
    background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 50%
    );
  }
}