.mariart-columns-area {
	display: flex;
	flex-wrap: wrap;
	gap: var(--pgc-grid-gap);
	align-items: flex-start;
	justify-content: center;
	margin-top: 30px;
	
	--pgc-grid-gap: 50px;
}

.mariart-columns-area > * {
	display: block;
	width: calc((100% - (var(--pgc-grid-gap) * 3)) / 4);
}




.mariart-columns-area img {
	width: 70%;
	max-width: 150px;
	height: auto;
	display: block;
	margin: 0 auto;
}





@media screen and (max-width: 992px) {
	
	.mariart-columns-area > * {
		width: calc((100% - (var(--pgc-grid-gap) * 2)) / 3);
	}

}


@media screen and (max-width: 768px) {
	
	.mariart-columns-area > * {
		width: calc((100% - (var(--pgc-grid-gap) * 1)) / 2);
	}
	
}