/* Global */

.paragraph--type--image-gallery-3col,
.paragraph--type--image-gallery-4col {
	margin: 20px 0;
}

#main .paragraph--type--image-gallery-3col .field--name-field-para-title,
#main .paragraph--type--image-gallery-4col .field--name-field-para-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}

.paragraph--type--image-gallery-3col .field--type-image,
.paragraph--type--image-gallery-4col .field--type-image {
	float: none !important;
}

.paragraph--type--image-gallery-3col .field--type-image,
.paragraph--type--image-gallery-4col .field--type-image {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 !important;
}

.paragraph--type--image-gallery-3col .field--type-image .field__item,
.paragraph--type--image-gallery-4col .field--type-image .field__item {
	line-height: 0;
}

.paragraph--type--image-gallery-3col .field--type-image img,
.paragraph--type--image-gallery-4col .field--type-image img {
	height: auto;
	margin: 0;
	width: 100%;
}


/* 3 column */

.paragraph--type--image-gallery-3col {}

.paragraph--type--image-gallery-3col .field--type-image .field__item {
	flex: 0 1 31%;
	width: 31%;
	margin: 0 1% 20px 1%;
}


/* 4 column */

.paragraph--type--image-gallery-4col {}

.paragraph--type--image-gallery-4col .field--type-image .field__item {
	flex: 0 1 23%;
	width: 23%;
	margin: 0 1% 20px 1%;
}


/* mobile */

@media only screen and (max-width: 480px) {

	.paragraph--type--image-gallery-3col .field--type-image .field__item,
	.paragraph--type--image-gallery-4col .field--type-image .field__item {
		flex: 0 1 48%;
		width: 48%;
		margin: 0 1% 10px 1%;
	}

}