#hexgrid {
	display: block; position: relative; overflow: hidden;
	width: 100%; max-width: 640px; margin: 0 auto; padding-bottom: 6%;
}
#hexgrid .hexcell {
	float: left;
	width: 20%;
}
#hexgrid .hexcell.row {
	clear: left;
}
#hexgrid .hexcell.off1 { margin-left: 20%; }
#hexgrid .hexcell.off2 { margin-left: 40%; }
#hexgrid .hexcell.off3 { margin-left: 60%; }
#hexgrid .hexcell.off1h { margin-left: 10%; }
#hexgrid .hexcell.off2h { margin-left: 30%; }
#hexgrid .hexcell.off3h { margin-left: 50%; }
#hexgrid .outer.primary {
	top: -32%; right: 0; width: 192%; padding-bottom: 221.702%;
}
#hexgrid .hexcell .inner {
	background: #5559; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
}
/* #hexgrid .hexcell:hover .inner {
	background: #777b;
	color: #fff;
} */
#hexgrid .hexcell.fnc .inner img {
	top: 25%; left: 25%; width: 50%; height: 50%;
}

#highlights .highlight::after {
	content: "";
	display: block; clear: both;
}
#highlights .icon {
	float: left;
	width: 25%; margin: 0 1rem 1rem 0; padding-bottom: 6%;
}