@charset "UTF-8";

//
// Space Invader
//
// A complext three column layout.
//
// Markup: ../../../../../templates/layout/grid/three-column/space-invader/space-invader.twig
//
// Style guide: Layout.Grid.3Column.SpaceInvader
//
.layout-space-invader {
  > div {
    @include centered-column;
    @include responsive-grid-gap;

    // Enable grid after sm sizes.
    @include grid-media('sm') {
      @include display-grid;
      @include grid-columns(1fr 1fr 1fr);
    }

    > header {
      @include grid-item-spans(1, span 3);
    }

    > div {
      -ms-grid-row: 2;
    }

    > div:nth-of-type(1) {
      -ms-grid-column: 1;
    }

    > div:nth-of-type(2) {
      -ms-grid-column: 2;
    }

    > div:nth-of-type(3) {
      -ms-grid-column: 3;
    }

  }
}
