.GRID {
  text-align: left;
}

.GRID::after {
  content: '';
  display: table;
  clear: both;
}

.GRID__ITEM {
  width: 92%;
  margin: 4%;
}

.GRID--dark .GRID__ITEM {
  position: relative;
  background-color: #262626;
  color: #FFF;
}

@media (min-width: 600px) {
  .GRID__ITEM {
    width: 46%;
    margin: 2%;
  }
}

@media (min-width: 790px) {
  .GRID__ITEM--1\/3 {
    width: 29.33332%
  }
}