.layout-1 {
  display: flex;
  flex-direction: column;
}

.layout-1 > main {
  flex: 1;
}

.layout-1 > header {
  margin-bottom: $spacing-32;
}

.layout-1 > header > div,
.layout-1 > footer > div {
  padding: $gutter-medium;
}

.layout-1 > footer {
  margin-top: $spacing-64;
}

.layout-1 main > article {
  max-width: $max-line-length;
  margin: 0 auto;
  padding: 0 $gutter-medium;
}

@media (min-width: $breakpoint-m) {
  .layout-1 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(max-content, 192px) minmax(min-content, 1100px) minmax(0, 1fr);
    grid-template-rows: auto 1fr auto;
    grid-gap: $gutter-medium;
  }
  .layout-1 > header {
    grid-column-start: 1;
    grid-column-end: -1;
  }
  .layout-1 > aside {
    grid-column-start : 2;
  }
  
  .layout-1 > main {
    grid-column-start : 3;
  }

  .layout-1 > header > div,
  .layout-1 > footer > div {
    max-width: $breakpoint-xl;
    margin: 0 auto;
  }
  .layout-1 > footer {
    grid-column-start: 1;
    grid-column-end: -1;
  }  
}