.event-box {
	grid-column: auto;
	grid-row: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	background-color: var(--black);
	color: var(--white);
}

.holder {
	background-position: center;
	background-size: cover;
	height: 16rem;
}

.holder-left {
	/*background-position: left;*/
	background-size: cover;
	height: 16rem;
}

.event-box h4 {
	padding: 1rem;
}

.event-box p {
	padding: 1rem;
}

.event-tag {
	display: inline-block;
	background-color: var(--QOE-beige);
	color: black;
}

.event-tag p {
	font-size: 0.75rrem;
	text-transform: uppercase;

	font-family: "futura-pt", "Helvetica Neue", Arial;
	padding: 0.5rem 1rem;
}

.content-holder {
	padding: 2rem;
	background-color: var(--bg-theme-colour);
	flex-grow: 1;
}