/* Results */

h3 {
	text-align: center;
}

.results {
	display: grid;
	grid-template-areas:
	"sideheader topheader-a topheader-b"
	"sideheader group-a group-b";
}

@media screen and (max-width: 800px) {
	.results {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-areas:
		"sideheader"
		"topheader-a"
		"group-a"
		"topheader-b"
		"group-b";
	}

	.sideheader {
		text-decoration: underline;
		margin-top: 1em;
	}
}

.tableheader {
	font-weight: 700;
	justify-self: center;
}

.group-a, .group-b {
	display: table;
	border-spacing: 10px;
}

@supports (grid-area: auto) {
	.group-a, .group-b {
		margin: 0 auto;
	}
}


.sideheader {
	grid-area: sideheader;
	align-self: center;
	justify-self: center; 
}

.topheader-a {
	grid-area: topheader-a;
}

.topheader-b {
	grid-area: topheader-b;
}

.group-a {
	grid-area: group-a;
}

.group-b {
	grid-area: group-b;
}

@media screen and (min-width: 800px) {
	.group-a, .group-b  {
		min-width: 400px;
	}
}

.tablerow {
	display: table-row;
}

.cell {
	display: table-cell;
}