* { box-sizing: border-box !important; }

body { font-family: sans-serif; }
/* ---- grid ---- */
.grid {
  background: transparent;
  max-width: 100%;
  margin-bottom: 20px;
}
/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
/* ---- grid-item ---- */
.grid-sizer,.grid-item{
  width: 100%;
}
.grid-item{
  float:left;
  
}
@media screen and (min-width: 769px) {
  /* 5 columns for larger screens */
  .grid-sizer,.grid-item{width: 33.33%;}
}

@media screen and (max-width: 768px) {
    /* 5 columns for larger screens */
    .grid-sizer,.grid-item { width: 100%; }
}

.grid-item {
  float: left;
}

.grid-item img {
    display: block;
    max-width: 100%;
}
.image-link {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
  }
/* This block of CSS adds opacity transition to background */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: visible;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}
.paragraphs-item-masonry-grid{
    border-top: 1px solid #404040 !important;
}