@charset "UTF-8";
/* CSS Document */

/* Gallery
 ---------------------------------------------- */

.gallery {
	margin: 0 auto 30px;
}

.gallery ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

.gallery li {
	width: calc((100% - 20px) / 2);
	margin: 0 5px 10px;
	padding: 0;
}

@media screen and (min-width: 768px) {
	.gallery li {
		width: calc((100% - 30px) / 3);
	}
}

.gallery li img {
	display: block;
	width: 100%;
	height: auto;
}


/* Modaal
 ---------------------------------------------- */

.modaal-container {
	max-width: 800px !important;
}

.modal__image img {
	display: block;
	width: 100%;
	height: auto;
}

.modal__text p {
	margin: 0 0 1.0em;
	font-size: 14px;
	font-weight: 400;
	line-height: 2.0;
	letter-spacing: 0.1em;
}