.site-header {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr; /* 25% | 50% | 25% */
  align-items: center;

  height: 6vh;
  padding: 0 2rem;

  background: linear-gradient(
    90deg,
    #374d74 0%,
    #51678d 40%,
    #a08d2e 100%
  );

  color: white;
}

/* Sections */
.header-left {
  justify-self: start;
}

.header-center {
  justify-self: center;
  text-align: center;
}

.header-right {
  justify-self: end;
}

/* Navigation */
.header-center nav a {
  margin: 0 1rem;
  color: white;
  text-decoration: none;
}