.gallery .gallery-background {
    background-color: #f0f6f8;
}

.gallery .block-separator {
	position: absolute;
    top: -96px;
    height: 100px;
    min-height: 100px;
    max-height: 100px;
    background: url("./split-mobile.png") no-repeat center bottom;
    background-size: auto 100px;
}

.gallery .card {
	overflow: hidden;
}

.gallery .pic-border {
    border-radius: 8px;
    border-color: #e2ded9;
    border-style: solid;
    border-width: 1px;
}

.gallery .card .pic-thumb {
    width: 100%;
    height: auto;
}

.gallery-modal .fullscreen-pic {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery-modal .close-button {
	top: 15px;
	right: 15px;
	border-radius: 4px;
    background-color: rgba( 255, 255, 255, 0.10 );
	transition: background-color 0.6s ease;
}

#galleryModal .close-modal {
    cursor: pointer;
}

@media (min-width: 640px) {
	.gallery-modal .close-button:hover {
		background-color: rgba( 255, 255, 255, 0.90 );
	}
}

@media (min-width: 1024px) {
    .gallery .block-separator {
        top: -116px;
        height: 120px;
        min-height: 120px;
        max-height: 120px;
        background: url("./split.png") no-repeat center bottom;
        background-size: auto 120px;
    }
}

@media (min-width: 1200px) {
	.gallery .card .pic-thumb {
		filter: grayscale( 100% );
        transition: transform 0.6s ease;
    }
	
    .gallery .card:hover .pic-thumb {
        filter: grayscale( 0% );
		transform: scale( 1.4, 1.4 );
    }
}