* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body { font-family: sans-serif; }

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

.grid {
  background: #EEE;
}

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

/* ---- grid-item ---- */
.grid{margin: auto;}
.grid-sizer,
.grid-item {
  width: 20%;
}



.grid-item {
  height: auto;
  float: left;
  text-align: center;
  border: 1px solid #ffffff;
  
}
.grid-item a{text-decoration: none;color: #cecece;}

.grid-item--width2 { width:  48%; }
.grid-item--width3 { width:  48%; }

.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; }

@media screen and (max-width: 600px) {
	 .grid-sizer,
.grid-item {
  width: 50%;
}
	    }