.grid-container {
	width: 100%;
	padding: 0 24px;
	max-width: 1280px;
	/*border: 2px solid;*/
}

/* ---- grid ---- */

.grid {
  /*background: #DDD;*/
  /*max-width: 1280px;*/
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: calc(100% / 6);
  padding: 8px;
}
.grid-item--2wide {
	width: calc(100% / 3);
}
.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}
@media screen and (max-width: 1280px) {
.grid-sizer,
.grid-item {
  width: calc(100% / 4);
  padding: 8px;

}
.grid-item--2wide {
	width: calc(100% / 2);
}
}
@media screen and (max-width: 900px) {
.grid-container {
  padding: 0;
}
.grid-sizer,
.grid-item {
  width: calc(100% / 3);
  padding: 8px;

}
.grid-item--2wide {
	width: calc(100% / 1.5);
}
}
@media screen and (max-width: 600px) {
.grid-sizer,
.grid-item {
  width: calc(100% / 2);
  padding: 8px;

}
.grid-item--2wide {
	width: calc(100% / 1);
}
}