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

.grid {  
  
  max-width: 1200px;
}

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

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

.grid-item {
  width: 260px;
  float: left;
  /*background: #D26;*/
  border: 2px solid #333;
  border-color: hsla(0, 0%, 0%, 0.5);
  border-radius: 5px;
}

.grid-item--width2 { width: 320px; }
.grid-item--width3 { width: 480px; }
.grid-item--width4 { width: 640px; }

.grid-item--height180 { height: 180px; }
.grid-item--height150 { height: 150px; }
.grid-item--height120 { height: 120px; }
.grid-item--height345 { height: 345px; }