.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: ' ';
  // }
}

}