.thumbnail{max-width:32%;max-height:150px;float:left;}
@media only screen and max-width 768px {
.thumbnail{max-width:25%;max-height:100px;float:left;}
}
/** LIGHTBOX MARKUP **/.lightbox{/** Default lightbox to hidden */display:none;/** Position and style */position:fixed;z-index:999;width:100%;height:100%;text-align:center;top:0;left:0;background:rgba(0,0,0,0.8);}
.lightbox img{/** Pad the lightbox image */max-width:90%;max-height:80%;margin-top:2%;}
.lightbox:target{/** Remove default browser outline */outline:none;/** Unhide lightbox **/display:block;}
Click the thumbnail below to view a high resolution version
