* { box-sizing: border-box; }

//body { font-family: sans-serif; }

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

.grid {
  background: transparent;
  /* center */
  margin: 0 auto;
}

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

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

.grid-item {
  width: 180px;
height: 120px;
  float: left;
 overflow:hidden;
 //padding:1px;
//  border: 2px solid;
//border-color: rgba(255, 255, 255, 0.35);
  }

.grid-item--height2 {  
width: 180px;
height: 180px; 
}
.grid-item--height3 {   
width: 180px;
height:270px;
}