body{margin:0;padding:0;background-image:url(img/pattern8.png),linear-gradient(-90deg,#282525,#1c1919)}.gallery{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center;max-width:80%;margin:auto}.flex-item{position:relative;width:300px;height:225px;text-align:center;border:1px solid #fff;margin-bottom:15px;overflow:hidden}.dog-image{height:auto;width:300px}.overlay-image{max-width:95%;height:auto;border:2px solid #000;position:relative;top:2%;border:1px solid #ffebe2}.overlay{position:fixed;width:100%;height:100%;vertical-align:middle;text-align:center;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}#close-overlay{position:absolute;top:30px;right:30px}.title{font-family:Cinzel Decorative,cursive;text-align:center;font-size:75px;color:snow;background-color:#282525}.bar{position:absolute;background-color:#070404;width:100%;box-shadow:0 0 5px 0}.spacer{display:block;height:300px;content:""}.name-overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background-color:#9b9ea0}.flex-item:hover .name-overlay{opacity:.75}.name-text{color:#fff;font-size:4vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Source Code Pro,monospace}@media only screen and (min-device-width:320px) and (max-device-width:736px){.flex-item{width:33%;margin-bottom:2.5px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){.flex-item{width:33%;margin-bottom:2.5px}}