/* ==========================================================================
   Site
   ========================================================================== */

.site__logo {
  margin: 4em 2em 6em 2em;
  line-height: 1;
  font-family: $monospace;

  a {
    color: #000;
    text-decoration: none;
  }
}

.site__footer {
  position: relative;
  padding: 2em;
  font-family: $monospace;
  font-size: 0.8em;

  .copyright {
    font-size: 0.8em;
  }
}

/* ==========================================================================
   Site
   ========================================================================== */

.site__logo {
  margin: 4em 1em 6em 1em;
  line-height: 1;
  font-family: $monospace;

  @include breakpoint($small) {
    margin-left: 2em;
    margin-right: 2em;
  }

  a {
    color: #000;
    text-decoration: none;
  }
}

.site__footer {
  position: relative;
  padding: 2em;
  font-family: $monospace;
  font-size: 0.8em;

  .copyright {
    font-size: 0.8em;
  }
}

Make site logo margins consistent with page wrap
Make site logo margins consistent with page wrap
