* { box-sizing: border-box; }

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

body { font-family: sans-serif; 
  
}

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

.grid {
  
  margin: 0 auto;
  width: 100%;   
  background: #f5f5f5;
}

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

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

.gutter-sizer { width: 1%; }

.grid-sizer{
  width: 20%;
}

.grid-item-feature { position: relative; height: 69vh;}

.grid-item {
   margin-bottom: 10px;
  
   width: 20%;
   border-radius: 10px;
   float: left;
}

.grid-item img {
  border-radius: 5px;
  display: block;
  max-width: 98%;

}

.grid-item video {
    border-radius: 5px;
    display: block;
    max-width: 98%;
    height: auto;
    display: block;
  }

.grid-item img:hover {
    opacity:0.5;
    cursor: pointer;
}

.grid-item video:hover {
    opacity:0.5;
    cursor: pointer;
  }