/**
 * Deze css file heeft alle grid en component style definities
 */

:root {
	--grid-gap: 20px;
}

.grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	grid-gap: var(--grid-gap);
	grid-auto-rows: 10px;
	list-style: none;
	padding: 0;
	margin: 20px auto;
	max-width: 1200px;
}

.grid-item {
	opacity: 1;
	width: auto;
	margin: 0;
	float: none;
}

.grid-item img {
	width: 100%;
	height: auto;
	display: block;
}

.grid-item > article > .introduction {
	margin: 1em 0;
	padding: 0.2em;
}

.grid-item > article > .introduction h2,
.grid-item > article > .introduction *,
.grid-item > article > .introduction * * {
	font-family: 'Exo 2', sans-serif;
	font-size: 1em;
	line-height: 1.4;
	display: inline;
}

.introduction h2 {
	margin: 0;
}

.singleimage img,
.slider img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 10px 0;
}