.img-hover {display: inline-block; overflow: hidden; position: relative;}
.img-overlay { background-color: rgba(53, 152, 220,0.75); top: 0; box-sizing: border-box; height: 100%; left: 0; padding: 1em; position: absolute; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; width: 100%; text-align: center; padding-top: 25%;}
.img-overlay h4 { font-size: 12px; letter-spacing: 5px; text-transform: uppercase; font-weight: 400;}
.img-overlay a {border: 2px solid #FFF; background: transparent; text-transform: uppercase; letter-spacing: 3px; padding: 3px 20px; margin-top: 10px; color: #FFF; font-size: 12px;} 
.img-overlay a:hover {background: #FFF; border-color: #FFF; color: #222;}

.img-hover .img-overlay { -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0);}
.img-hover:hover .img-overlay { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); cursor: pointer;}


/* ==========================================================================
No margin hack
========================================================================== */ 
.row.no-gutters { margin-right: 0; margin-left: 0;}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] { padding-top: 2px; padding-right: 2px; padding-left: 2px; padding-bottom: 5px;}