.logo {
  display: inline-block;
  padding-top: var(--spacing-6);
  width: 165px;
}

/*
  Mobile
  ========================================================================== */
@media screen and (max-width: 45rem) {
  .nav-container {
    width: 90vw;
  }
  .nav-container nav ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  header {
    margin-bottom: var(--spacing-8);
  }
}