.filter a{padding:10px 20px;display:inline-block;color:#FFFFFF;background:#404040;text-decoration:none;transition:all 0.4s;border-radius:0px;font-family:Montserrat;font-size:16px}.filter a:hover{background:#FFA500;color:#FFFFFF}.filter{padding:10px 0 40px 0;text-align:center}.filter a.active{background:#808080;color:#FFFFFF}.filterbutton{margin:1px 1px 0 0}.filterGallery a img{border:2px solid #ffffff;box-sizing:border-box;width:100%;height:auto;float:left;transition:0.4s}.filterGallery a{width:calc(100%/4.0001);transition:all 0.4s;display:block;float:left;opacity:1;height:auto}.filterGallery .hide,.filterGallery .pophide{width:0%;opacity:0;transition:all 0.4s}.filter .pophide{visibility:hidden;opacity:0}.filterGallery .pop{width:73%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100000;box-shadow:0 0 0 1000px rgba(0,0,0,.5)}.filterGallery .pop:hover .overlay{opacity:0}.pop:after{font-size:16px;content:"\2715";position:absolute;top:10px;right:10px;color:#000000;background:#FFFFFF;padding:10px 14px;border-radius:50%;opacity:.6}.pop:hover:after{opacity:1}.overlay{border:2px solid #ffffff;box-sizing:border-box;opacity:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;transition:0.4s linear;background:rgba(0,0,0,.5) url("../images/mglass-fig.png") no-repeat center center}.portfolio{position:relative}.portfolio:hover .overlay{opacity:1}
   @media only screen and (max-width:747px){.filterGallery a{width:calc(100%/2);}}  

   @media only screen and (max-width:459px){.filterGallery a{width:calc(100%/1);}}