* { box-sizing: border-box; }
/* force scrollbar */
/*html { overflow-y: scroll; }*/

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

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

.grid {
  /*background: #DDD;*/
}

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

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

.grid-sizer,
.grid-item {
  width: 33.333%;
}

.grid-item {
  /*float: left;*/
  float: middle;
  padding: 10px;
}

.grid-item:hover {
    color: blue;
    border-color: #000;
    cursor: pointer;
}

.grid-item img {
  display: block;
  max-width: 100%;
}

.thumbnail:hover {
    border-color: #000;
}