a.lightbox img {height: 150px;border: 3px solid white;box-shadow: 0px 0px 8px rgba(0,0,0,.3);margin: 94px 20px 20px 20px;} .lightbox-target {position: fixed;top: -100%;width: 100%;background: rgba(0,0,0,.7);width: 100%;opacity: 0;-webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;overflow: hidden;} .lightbox-target img {margin: auto;position: absolute;top: 0;left:0;right:0;bottom: 0;max-height: 0%;max-width: 0%;border: 3px solid white;box-shadow: 0px 0px 8px rgba(0,0,0,.3);box-sizing: border-box;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}a.lightbox-close {display: block;width:50px;height:50px;box-sizing: border-box;background: white;color: black;text-decoration: none;position: absolute;top: -80px;right: 0;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}a.lightbox-close:before {content: "";display: block;height: 30px;width: 1px;background: black;position: absolute;left: 26px;top:10px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}a.lightbox-close:after {content: "";display: block;height: 30px;width: 1px;background: black;position: absolute;left: 26px;top:10px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}.lightbox-target:target {opacity: 1;top: 0;bottom: 0; left: 0; z-index: 1;}.lightbox-target:target img {max-height: 100%;max-width: 90%;}.lightbox-target:target a.lightbox-close {top: 0px;}