#lightbox{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.9);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
}

#lightbox img{
  max-width:90%;
  max-height:90%;
}

#lightbox .close{
  position:absolute;
  top:20px;
  right:30px;
  font-size:35px;
  color:#fff;
  cursor:pointer;
}

#lightbox .nav{
  position:absolute;
  top:50%;
  font-size:50px;
  color:#fff;
  cursor:pointer;
  user-select:none;
}

#lightbox .prev{ left:20px; }
#lightbox .next{ right:20px; }

.event-gallery img{
  cursor:pointer;
  transition:0.3s;
}
.event-gallery img:hover{
  transform:scale(1.05);
}