/* (A) LIGHTBOX BACKGROUND */
h1 {
   font-size:28px;
   margin-bottom:20px;
}
h5{
    margin:20px 0 15px 0;
}
h6{
    margin:15px 0 10px 0;
}
table{
    font-size: 14px;
        width: 100%;
}
.td-10{
    padding:5px 0 5px 0 !important;
}
.list-font14{
    font-size:14px;
}
.proc-font16{
    font-size: 16px;
}
.proc-font14{
    font-size: 14px;
}

.proc-font12{
    font-size: 12px;
}

#lightbox {
    /* (A1) COVERS FULLSCREEN */
    position: fixed; z-index: 999;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
 
    /* (A2) BACKGROUND */
    background: rgba(0, 0, 0, 0.5);
 
    /* (A3) CENTER IMAGE ON SCREEN */
    display: flex;
    align-items: center;
    align-items: center;
 
    /* (A4) HIDDEN BY DEFAULT */
    visibility: hidden;
    opacity: 0;
 
    /* (A5) SHOW/HIDE ANIMATION */
    transition: opacity ease 0.4s;
}
/* (A6) TOGGLE VISIBILITY */
#lightbox.show {
    visibility: visible;
    opacity: 1;
}
/* (B) LIGHTBOX IMAGE */
#lightbox img {
    /* (B1) DIMENSIONS */
    width: 80%;
    height: auto;
    margin: auto;
    /* (B2) IMAGE FIT */
    /* contain | cover | fill | scale-down */
    object-fit: cover;
}
/* (C) LIGHTBOX IMAGE - FULLSCREEN ALTERNATIVE *
#lightbox img {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}