#event-display {
	display: grid;
	grid-template-areas:
		'splash'
		'details'
		'menu'
		'actions'
	;

	.menu {
		grid-area: menu;
		display: none;
	}

	.splash { grid-area: splash; }
	.details { grid-area: details; }
	.action { grid-area: actions; }

	/*& .back_to_top {*/
	/*	grid-area: arrow;*/
	/*	display: none;*/

	/*	& > a {*/
	/*		text-decoration: none;*/
	/*		padding: 10px;*/
	/*		font-family: sans-serif;*/
	/*		color: #fff;*/
	/*		background: black;*/
	/*		border-radius: 100px;*/
	/*		white-space: nowrap;*/
	/*	}*/
	/*}*/

	@media screen and (min-width: 50rem) {
		grid-template-columns: 275px 1fr 275px;
		grid-template-rows: 310px auto;
		grid-template-areas:
			'menu splash splash'
			'menu details actions';

		.menu {
			display: block;
			height: 100%;
			background-color: var(--grey-dark);
		}

		/*& .back_to_top {*/
		/*	display: block;*/
		/*	place-self: end;*/
		/*	position: sticky;*/
		/*	inset: auto 1rem 1rem auto;*/
		/*	margin-top: calc(100vh + 100px);*/
		/*	margin-bottom: 1rem;*/
		/*}*/
	}
}