/**
 * @file
 * Layout sub-grid contaner spanning four or eight columns for views.
 */

.views-element-container {
  -ms-grid-column-span: 8;
  grid-column-end: span 8;
  -ms-grid-column: span 8;
  grid-column-start: span 8;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
}

/* Layout sub-grid contaner for half page (four column) views. */
.l-grid__sub--span-4 .views-element-container {
  -ms-grid-column: span 4;
  grid-column-start: span 4;
  -ms-grid-column-span: 4;
  grid-column-end: span 4;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
} 

@media screen and (max-width: 991px) {
  .views-element-container {
    -ms-grid-column: span 4;
    grid-column-start: span 4;
    -ms-grid-column-span: 4;
    grid-column-end: span 4;
  }
}