.imageGallery {
    cursor: pointer;
}

#gallery {
    position: fixed;
    top: 0;
    z-index: 5000;
    width: calc(100vw - 20px);
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
}

.carousel-item {
    height: 100vh;
}

    .carousel-item > div {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

.carousel-close {
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 15;
}

    .carousel-close label {
        position: relative;
        font-family: Grotesk-Regular;
        font-size: 55px;
        color: #fff;
        cursor: pointer;
        -webkit-transition: color .5s ease;
        transition: color .5s ease;
    }

.carousel img {
    margin: auto;
    max-width: 100%;
    max-height:100%;
}

@media (max-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    #gallery {
        width: 100vw;
    }
}