/* ---- masonry ---- */
* { box-sizing: border-box; }

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

/* ---- grid ---- */
.grid {  
  margin: 0 auto;
  text-align: center;  
}

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

/* ---- .grid-item ---- */
.grid-sizer,
.grid-item {
  width: 300px;
margin: 2px  
}
.grid-item {
    position: relative;
    /*float: left;*/    
    display: inline-block;    

/*  border: solid #990000 1px;    
    background-color: blueviolet;
    padding: 3px;*/

}
.grid-item img {
  display: block;
  max-width: 100%;
}
/* ---- end masonry ---- */