/* CSS Document */
.blok {
	display: flex;
	flex-flow: row wrap;
	color: white;
}
.item-left-jazz {
	flex-basis: 70%;
	height: auto;
	margin: 5px auto;
}
.item-right-jazz {
	flex-basis: 25%;
	height: auto;
	margin: 5px auto;
}
/* Style the buttons that are used to open the content */
.button {
	padding: 8px 14px;
	border: 1px solid white;
	border-radius: 5px;
	background: black;
	cursor: pointer;
	color: red;
	font-weight: 400;
	font-size: 20px;
	margin: 2px 0;
}
/* Change background color of buttons on hover */
.button:hover {
	background-color: #ddd;
}
/* Create an active/current tablink class */
.button.active {
	background-color: #FFFFFF;
}
/*hoogte foto's overzicht*/	
.gallery-grid {
	grid-template-columns: repeat( auto-fill, minmax(150px, 1fr) );
	max-width: inherit;
}
.groepnaam {
	color: #E7DBB1;
	font-weight: 600;
	border-top: 1px white dashed;
	margin-bottom: -1px;
}

@media (max-width:1111px) {
.item-right-jazz, .item-left-jazz {
	flex-basis: 100%;
	display: block;
}
}