.lightbox {
display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); text-align: center; z-index: 999; &:target { outline: none; display: block; cursor: url('cursor.png'), default; } img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
}
@include media-query($on-laptop) {
.lightbox { // &:before { // display: inline-block; // height: 100%; // vertical-align: middle; // content: ' '; // } }
}