footer a:visited { color: #bbbbbb; }
.scalebar {
	width: 25em;
	height: 1em;
	opacity: 1;
	display: inline-block;
	margin: 1em 0.25em 0 0.25em;
}
#colours { margin: auto; }
#nav { 
	text-align:center;
	margin-bottom: 1em;
}
#dropdown {
	margin-bottom: 1em;
}
figure { text-align: center; }
.hex .hex-border {
	stroke-width: 1px;
	stroke: #dfdfdf;
	fill: black;
}
.hex .hex-inner {
	transition: fill 0.2s ease-in-out;
	fill: #dfdfdf;
}
.hex:hover .hex-inner, .hex:hover .hex-border, .hex:hover svg {
	transition: transform 0.2s ease-in-out;
	transform-origin: 50% 50%;
	transform: scale(1.6);
	cursor: pointer;
	font-size: 0.7em;
}
.hex:hover .hex-inner {
	fill: white;
}
.hex:hover .hex-border {
	transition: all 0.2s ease-in-out;
	stroke-width: 8px;
	fill: transparent;
}
.hex .hex-contents {
	padding: 30% 0.25em 0.25em 0.25em;
	text-align: center;
	line-height: 0.8em;
	height: 100%;
}
.hex:hover .hex-contents {
	padding: 30% 10% 10% 10%;
}
.hex .hex-contents .name {
	font-size: 0.75em;
	display: block;
	margin-bottom: 0.25em;
}
.hex:hover .hex-contents .name {
	margin-bottom: 0.75em;
}
.hex .hex-contents .value {
	font-weight: bold;
}
.hex:hover .hex-contents .value {
	font-size: 1.5em;
}
.hex .hex-contents .unit {
	margin-left: 0.1em;
	margin-top: 0.5em;
	display: none;
}
.hex:hover .hex-contents .unit {
	display: block;
}
.hex h2 {
	font-size: 1em;
	line-height: 1em;
	margin-bottom: 0.5em!important;
}
.hex .number {
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 0.25em!important;
}