.image-gallery-title{padding:0 20px 30px 20px}div#image-gallery{display:flex;flex-wrap:wrap}.img-wrapper{position:relative}.img-wrapper img{width:100%;min-height:270px}.row{flex-basis:33.33%}.img-overlay{background:rgba(103,61,203,0.7);width:100%;height:100%;position:absolute;top:0;left:0;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;opacity:0;cursor:pointer}.img-overlay i{color:#fff;font-size:30px}#overlay{background:rgba(0,0,0,0.7);width:100%;height:100%;position:fixed;top:0;left:0;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;z-index:999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#overlay img{margin:0;width:80%;height:auto;-o-object-fit:contain;object-fit:contain;padding:5%}@media screen and (min-width:768px){#overlay img{width:60%}}@media screen and (min-width:1200px){#overlay img{width:50%}}#nextButton{color:#fff;font-size:1em;-webkit-transition:opacity .8s;transition:opacity .8s}#nextButton:hover{opacity:.7}@media screen and (min-width:768px){#nextButton{font-size:1.5em}}#prevButton{color:#fff;font-size:1em;-webkit-transition:opacity .8s;transition:opacity .8s}#prevButton:hover{opacity:.7}@media screen and (min-width:768px){#prevButton{font-size:1.5em}}#exitButton{color:#fff;font-size:1em;-webkit-transition:opacity .8s;transition:opacity .8s;position:absolute;top:75px;right:15px}#exitButton:hover{opacity:.7}@media screen and (min-width:768px){#exitButton{font-size:1.5em}}@media(max-width:767px){.img-wrapper img{width:100%;min-height:150px}}