* { box-sizing: border-box; }

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

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

.grid {  
  padding-top: 5px;
  background: white;
  margin-left: 200px;
}

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

/* ---- .grid-item ---- */
.grid-sizer,
.grid-item {
  width: 33%;
}

.grid-item {
  float: left;  
}

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

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


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

  .grid {
    margin-left: 5px;
    margin-right: 5px;
  }
}

@media screen and (max-width: 500px) {
  .grid-sizer,
  .grid-item {
		width: 100%;
  }
  
  .grid {
    margin-left: 5px;
    margin-right: 5px;
  }
}