.site-wrapper {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr auto;
  grid-template-areas:
    "header"
    "content"
    "footer"
  ;
  min-height: 100vh;
}

.site-main {
  @extend %full-grid;
  @extend %full-grid__content;
  grid-row: content;
}

.site-footer {
  grid-row: footer-start / footer-end;
}