@media (min-width: 920px) {
  .sanstream-grid-layout {
    margin: auto;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: repeat(8, calc(4 * var(--base-size)));
    row-gap: calc(2 * var(--base-size));
    column-gap: calc(2 * var(--base-size));
  }

  .sanstream-fluid-layout {
    width: calc(46 * var(--base-size));
  }
}

@media (max-width: 920px) {
  .sanstream-grid-layout {
    margin: auto;
    display: initial;
    width: var(--min-content-width);
  }

  .sanstream-fluid-layout {
    width: var(--min-content-width);
  }
}

.sanstream-grid-layout-full-viewport {
  display: flex;
  flex-direction: column;
}

.sanstream-grid-layout-full-viewport > * {
  flex: 1 0 auto;
  align-self: center;
}