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

.grid-container > div {
  text-align: center;
  width: 100%;
  padding: 1em;
}
.grid-container > div.trophy {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  margin-bottom: 3em;
  width: 100%;
  height: auto;
}

.grid-container > div.hofp {
	grid-column-start: 1;
  grid-column-end: 4;
	grid-row-start: 2;
  grid-row-end: 3;
  margin-bottom: 3em;
}

.grid-container.skipndot {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4;
  margin-bottom: 3em;
  width: 100%;
  height: auto;
}

.grid-container.list {
	grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 4;
  margin-bottom: 3em;
  width: 100%;
  height: auto;
}

.grid-container.bobby_img {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 4;
  margin-bottom: 3em;
  width: 100%;
  height: auto;
}

.prht {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 4;
  grid-row-end: 5;
  align-content: center;
  margin-bottom: 3em;
  font-size: 3em;
}

.skip {
  font-size: 1.25em;
  margin-bottom: 2em;
}

.tuna {
  font-size: 1.25em;
  margin-bottom: 2em;
}

.pete {
  font-size: 1.25em;
  margin-bottom: 2em;
}

.bobby {
  font-size: 1.25em;
  margin-bottom: 2em;
}

.team {
  font-size: 2em;
	grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 5;
  grid-row-end: 6;
  align-content: center;
  margin-bottom: 3em;
}

.show {
  font-size: 1.75em;
	grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 7;
  grid-row-end: 8;
  align-content: center;
  margin-bottom: 3em;
}

.chat {
  font-size: 1.5em;
	grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 8;
  grid-row-end: 9;
  align-content: left;
}

.chat1 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 9;
  grid-row-end: 10;
  max-width: 100%;
  height: auto;
  margin-bottom: .5em;
}

.chat2 {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 9;
  grid-row-end: 10;
  max-width: 100%;
  height: auto;
  margin-bottom: .5em;
}

.chat3 {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 9;
  grid-row-end: 10;
  max-width: 100%;
  height: auto;
  margin-bottom: .5em;
}

.vegas1 {
  font-size: 1.5em;
	grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 10;
  grid-row-end: 11;
  align-content: left;
  margin-top: 2em;
}

.vegas11 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 11;
  grid-row-end: 12;
  max-width: 100%;
  height: auto;
  margin-bottom: .5em;
}

.vegas12 {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 11;
  grid-row-end: 12;
  max-width: 100%;
  height: auto;
  margin-bottom: .5em;
}

.vegas13 {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 11;
  grid-row-end: 12;
  max-width: 100%;
  height: auto;
  margin-bottom: .5em;
}

.cle {
  font-size: 1.5em;
	grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 12;
  grid-row-end: 13;
  align-content: left;
  margin-top: 2em;
}

.cle1 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 13;
  grid-row-end: 14;
  max-width: 100%;
  height: auto;
  margin-bottom: .5em;
}

.cle2 {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 13;
  grid-row-end: 14;
  max-width: 100%;
  height: auto;
  margin-bottom: .5em;
}

.cle3 {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 13;
  grid-row-end: 14;
  max-width: 100%;
  height: auto;
  margin-bottom: .5em;
}

.nash {
  font-size: 1.5em;
	grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 14;
  grid-row-end: 15;
  align-content: left;
  margin-top: 2em;
}

.nash1 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 15;
  grid-row-end: 16;
  max-width: 100%;
  height: auto;
  margin-bottom: .5em;
}

.nash2 {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 15;
  grid-row-end: 16;
  max-width: 100%;
  height: auto;
  margin-bottom: .5em;
}

.nash3 {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 15;
  grid-row-end: 16;
  max-width: 100%;
  height: auto;
  margin-bottom: .5em;
}

.vegas2 {
  font-size: 1.5em;
	grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 16;
  grid-row-end: 17;
  align-content: left;
  margin-top: 2em;
}

.vegas21 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 17;
  grid-row-end: 18;
  max-width: 100%;
  height: auto;
  margin-bottom: .5em;
}

.vegas22 {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 17;
  grid-row-end: 18;
  max-width: 100%;
  height: auto;
  margin-bottom: .5em;
}

.vegas23 {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 17;
  grid-row-end: 18;
  max-width: 100%;
  height: auto;
  margin-bottom: .5em;
}

.covid {
  font-size: 1.25em;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 18;
  grid-row-end: 19;
  margin-top: 3em;
}

.ash {
  font-size: 1.5em;
	grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 19;
  grid-row-end: 20;
  align-content: left;
  margin-top: 2em;
}

.ash1 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 20;
  grid-row-end: 21;
  max-width: 100%;
  height: auto;
  margin-bottom: .5em;
}

.ash2 {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 20;
  grid-row-end: 21;
  max-width: 100%;
  height: auto;
  margin-bottom: .5em;
}

.ash3 {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 20;
  grid-row-end: 21;
  max-width: 100%;
  height: auto;
  margin-bottom: .5em;
}

.postcovid {
  font-size: 1.25em;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 21;
  grid-row-end: 22;
  margin-top: 3em;
}

img {
  max-width: 100%;
  height: auto;
  text-align: center;
}

figcaption {
  font-size: .75em;
  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%;
}

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

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

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

p {
	line-height: 1em;
  text-align: left;
}


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

.grid-container > div.trophy {
	margin-bottom: 1.5em;
  width: 100%;
  height: auto;
}

.grid-container > div.hofp {
	font-size: 1em;
	margin-bottom: 1.5em;
}

.grid-container > div.skipndot {
	margin-bottom: 3em;
  width: 100%;
  height: auto;
}

.grid-container > div.list {
	margin-bottom: 3em;
  width: 100%;
  height: auto;
	font-size: .75em;
}

.prht {
  align-content: center;
  margin-bottom: 1em;
  font-size: 1.5em;
}


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

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

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



/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 1000px){
  
.footer {
	font-size: .75em;
	margin-bottom: 2em;
	text-align: center;
}

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

.covid {
  font-size: 1em;
  grid-column-start: 1;
  grid-column-end: 4;
  width: 100%;
}

.postcovid {
  font-size: 1em;
  grid-column-start: 1;
  grid-column-end: 4;
  width: 100%;
  text-align: center;
}