.header .lead {
    max-width: 620px;
}

.inline-gallery-container {
    background: #212529;
    width: 700px;
    height: 500px;
    position: relative;
}

.lightGallery-captions {
    h4 {
        transform: translate3d(60px, 0, 0px);
    }
    p {
        transform: translate3d(-60px, 0, 0px);
    }
    h4, p {
        opacity: 0;
    }
}

.lg-current {
    .lightGallery-captions {
        h4, p {
            transform: translate3d(0, 0, 0px);
        }
        h4,p {
            opacity: 1;
        }
    }
}

.lg-slide-progress {
    .lightGallery-captions {
        h4 {
            transform: translate3d(-60px, 0, 0px);
        }
        p {
            transform: translate3d(60px, 0, 0px);
        }
        h4, p {
            opacity: 0;
        }
    }
}

.lightGallery-captions {
    h4, p {
        transition: transform 0.4s ease-in-out, opacity 0.4s ease-in;
    }
}

.lg-current {
    .lightGallery-captions {
        h4, p {
            transition-delay: 500ms;
        }
    }
    &.lg-slide-progress {
        .lightGallery-captions {
            h4, p {
                transition-delay: 0ms;
            }
        }
    }
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #212529;
    opacity: 0;
    will-change: auto;
    -webkit-transition: opacity 333ms ease-in 0s;
    -o-transition: opacity 333ms ease-in 0s;
    transition: opacity 333ms ease-in 0s;
}