/* ======================================================================================================================================================
/* Standaard Template 1 V1.0
====================================================================================================================================================== */
@media only screen and (max-width: 999px) {
	body > header > div.secondary, body > header > div.main nav:nth-of-type(2) ul {
		display: none;
	}

	body > header > div.main nav ul.toggle-mobile {
		display: flex;
	}
}


@media only screen and (max-width: 799px) {
	:root {
		--padding-sides: 5%;
	}

	body > section > main, body > section > aside {
		flex: 0 0 100%;
	}

	body > section {
		flex-wrap: wrap;
	}

	body > section > aside, body > section.reversed > aside {
		margin: 0;
	}

	body > footer > div.address, body > footer > div.menu {
		flex: 0 0 100%;
	}

	body > footer > div.address {
		text-align: center;
	}

	body > footer > div.menu nav > ul {
		flex-direction: row;
		max-height: none;
	}

	body > footer > div.menu nav > ul > li {
		flex: 1 1 50%;
		overflow: hidden;
		text-align: center;
	}

	body > footer > div.menu nav > ul > li > a {
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	body > section > main article > a.lightbox:first-of-type, body > section > main article.right > a.lightbox:first-of-type {
		display: block;
		float: none;
		padding: 0 0 1em 0;
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	:root {
		--flex-gallery-items: 1;
		--core-items: 1;

		--banner-slim-height: 150px;
		--banner-slim-padding: 0;

		--font-size-h1: 30px;
	}

	body > header > div.contact > nav ul {
		justify-content: center;
	}

	body > header > div.contact > nav ul li {
		display: none;
	}

	body > header > div.contact > nav ul li.phone, body > header > div.contact > nav ul li.email {
		display: block;
	}

	.hide_m, div.crumbs {
		display: none;
	}


	.attraction article div.col33, .attraction article div.col66 {
		width: 100%;
	}

	.attraction article div.colspacer {
		display: none;
	}

	.attraction article ul.flex-gallery.zoom {
		margin: 0 0 2em;
	}
}