/* gallery */

.mc-gallery {
	max-width: 1440px;
	text-align: center;
    padding: 56px 64px;
    margin: 0 auto;
}

.mc-gallery-wrapper {
	display: flex;
	gap: 32px 32px;
	flex-wrap: wrap;
}

.mc-gallery-box {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 24px;
	box-shadow: 0px 12px 16px -4px rgba(0, 0, 0, 0.08), 0px 4px 6px -2px rgba(0, 0, 0, 0.03);
}

.mc-gallery-box.mc-cols-2 {
	width: calc(50% - 16px);
	padding-bottom: calc(50% - 16px);
}

.mc-gallery-box.mc-cols-3 {
	width: calc(33.33% - 22px);
	padding-bottom: calc(33.33% - 22px);
}

.mc-gallery-box.mc-cols-4 {
	width: calc(25% - 24px);
	padding-bottom: calc(25% - 24px);
}

.mc-gallery p {
	font-size: 20px;
}

.mc-gallery .spacer {
	height: 80px;
}

@media (max-width: 1024px) {
	.mc-gallery-box.mc-cols-3, 
	.mc-gallery-box.mc-cols-4 {
		width: calc(50% - 16px);
		padding-bottom: calc(50% - 16px);
	}
}

@media (max-width: 768px) {
	.mc-gallery {
		padding: 56px 20px;
	}
	
	.mc-gallery-box.mc-cols-2, 
	.mc-gallery-box.mc-cols-3, 
	.mc-gallery-box.mc-cols-4 {
		width: 100%;
		padding-bottom: 100%;
	}
}