.grid-container {
  display: grid;
  grid-template-columns: 20% 20% 20% 20% 20%;
  column-gap: .1em;
  margin: 1em 3em 1em 3em;
  padding: 1em 0em 1em 0em;
}


.grid-container > div {
  text-align: center;
  width: 100%;
  padding: 1em;
}

.grid-container > div.arena {
	grid-column-end: 3;
	grid-column-start: 1;
	margin-left: 0em;
}

.grid-container > div.header {
	grid-column-end: 4;
	grid-column-start: 3;
	margin-left: 0em;
	margin-top: 3em;
}

.grid-container > div.seating {
	grid-column-end: 6;
	grid-column-start: 4;
	margin-left: 0em;
}

.grid-container > div.content {
	grid-column-start: 2;
	grid-column-end: 5;
	grid-row-start: 2;
	grid-row-end: 3;
	font-size: 1em;
	margin-top: 3em;
	text-align: left;
}

.grid-container > div.menu {
	grid-column-start: 1;
	grid-column-end: 6;
	margin-top: 3em;
	text-align: center;
}

.footer {
	grid-column-start: 1;
	grid-column-end: 6;
	margin: 8em 0em 8em 0em;
	text-align: center;
}

.menu {
	align-items: center;
	display: flex;
	font-size: 1.5em;
	justify-content: space-between;
	margin: 10% 5% 5% 10%;
	text-decoration: none;
	width: 80%;
}

figure {
	place-content: center;
}

img {
	max-width: 100%;
	height: auto;
	padding-left: 3em;
}

p {
	line-height: 1.5em;
}







/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 1000px) {

figure {
  font-size: .75em;
  padding-top: .5em;
}

img {
	padding-left: 0em;
	width: 200%;
	height: auto;
}

p {
	line-height: 1em;
}


.grid-container > div {
	align-content: center;
}

.grid-container > div.arena {
	grid-column-end: 4;
	grid-column-start: 1;
	grid-row-start: 1;
}

.grid-container > div.header {
	grid-column-start: 2;
	grid-column-end: 5;
	grid-row-start: 2;
	font-size: 1.5em;
	text-align: center;
}

.grid-container > div.seating {
	grid-column-end: 6;
	grid-column-start: 4;
	grid-row-start: 1;
	width: 120%;
	height: auto;
}



.grid-container > div.content {
	grid-column-start: 1;
	grid-column-end: 6;
	grid-row-start: 3;
	font-size: 1;
}


.footer {
	font-size: .75em;
	margin-bottom: 2em;
	text-align: center;
}

.menu {
	font-size: .75em;
	margin-bottom: 5em;
}


figcaption {
	font-size: 1.25em;
	margin-top: .5em;
}