#body-header-nav {
	position: relative;
	margin: 2.5em 0;
	transition: all 0.6s ease-in-out;
}
#body-header-nav li {
	display: inline-block;
	vertical-align: top;
}

#body-header-nav a {

	display: inline-block;
	background-color: #88aa00;
	color: #fff;
	width: 10em; height: 10em;
	line-height: 10em;
	border: 0.125em solid #fff;
/* 	border: 0 solid #fff; */
	transition: all 0.6s ease-in-out;
	border-radius: 10em;
	margin: 0.9375em;
/* 	box-shadow: 0 0 0.5em 0.125em rgba(0,0,0,0.1) inset; */
}
#body-header-nav a:hover
,#body-header-nav a[data-current='1'] {
	font-weight: 700;
	background-color: #fff;
	border-width: 0.9375em;
	border-radius: 1.875em;
	transform: rotate(360deg);
	margin: 0;
	box-shadow: none;
	box-shadow: 0 0 0 0.125em #fff;
/* 	box-shadow: 0 0 0.25em 0.125em #fff; */
}
#body-header-nav a.double {
	line-height: 11em;
}
#body-header-nav a > span {
	display: inline-block;
	line-height: 1.2em;
}

#body-header-nav li:nth-of-type(1) a {
	background-color: #ff8517;
}
 #body-header-nav li:nth-of-type(1) a:hover
,#body-header-nav li:nth-of-type(1) a[data-current='1'] {
	border-color: #ff8517;
	background-color: #fff;
	color: #ff8517;
}
#body-header-nav li:nth-of-type(2) a {
	background-color: #5f99c1;
}
 #body-header-nav li:nth-of-type(2) a:hover
,#body-header-nav li:nth-of-type(2) a[data-current='1'] {
	border-color: #5f99c1;
	background-color: #fff;
	color: #5f99c1;
}
#body-header-nav li:nth-of-type(3) a {
	background-color: #faa200;
}
 #body-header-nav li:nth-of-type(3) a:hover
,#body-header-nav li:nth-of-type(3) a[data-current='1'] {
	border-color: #faa200;
	background-color: #fff;
	color: #faa200;
}
#body-header-nav li:nth-of-type(4) a {
	background-color: #da8f3b;
}
 #body-header-nav li:nth-of-type(4) a:hover
,#body-header-nav li:nth-of-type(4) a[data-current='1'] {
	border-color: #da8f3b;
	background-color: #fff;
	color: #da8f3b;
}
#body-header-nav li:nth-of-type(5) a {
	background-color: #ff7a3e;
}
 #body-header-nav li:nth-of-type(5) a:hover
,#body-header-nav li:nth-of-type(5) a[data-current='1'] {
	border-color: #ff7a3e;
	background-color: #fff;
	color: #ff7a3e;
}
#body-header-nav li:nth-of-type(6) a {
	background-color: #668da7;
}
 #body-header-nav li:nth-of-type(6) a:hover
,#body-header-nav li:nth-of-type(6) a[data-current='1'] {
	border-color: #668da7;
	background-color: #fff;
	color: #668da7;
}
#body-header-nav li:nth-of-type(7) a {
	background-color: #a586af;
}
 #body-header-nav li:nth-of-type(7) a:hover
,#body-header-nav li:nth-of-type(7) a[data-current='1'] {
	border-color: #a586af;
	background-color: #fff;
	color: #a586af;
}
#body-header-nav li:nth-of-type(8) a {
	background-color: #f7c600;
}
 #body-header-nav li:nth-of-type(8) a:hover
,#body-header-nav li:nth-of-type(8) a[data-current='1'] {
	border-color: #f7c600;
	background-color: #fff;
	color: #f7c600;
}


@media screen and (min-width: 52.5em) {

	#logotype-top {
		left: -8.25%;
	}
	#body-header-nav {
		height: 33.75em;
		margin-top: -14em;
	}
	#body-header-nav a {
		display: block;
		position: absolute;
		margin: 0;
	}

	#body-header-nav li:nth-of-type(1) a {
		top: 12.188em; left: 1.5625%;
		width: 9.375em; height: 9.375em;
		line-height: 10.375em;
		z-index: 8;
	}
	#body-header-nav li:nth-of-type(1) a:hover
	,#body-header-nav li:nth-of-type(1) a[data-current='1'] {
		top: 11.25em; left: 0;
		z-index: 20;
	}
	#body-header-nav li:nth-of-type(1) a:hover {
		z-index: 21;
	}

	#body-header-nav li:nth-of-type(2) a {
		top: 15.938em; left: 14.8438%;
		width: 11.250em; height: 11.250em;
		line-height: 12.250em;
		z-index: 7;
	}
	#body-header-nav li:nth-of-type(2) a:hover
	,#body-header-nav li:nth-of-type(2) a[data-current='1'] {
		top: 15em; left: 14.0625%;
		z-index: 20;
	}
	#body-header-nav li:nth-of-type(2) a:hover {
		z-index: 21;
	}

	#body-header-nav li:nth-of-type(3) a {
		top: 19.688em; left: 30.4688%;
		width: 13.125em; height: 13.125em;
		line-height: 14.125em;
		z-index: 6;
	}
	#body-header-nav li:nth-of-type(3) a:hover
	,#body-header-nav li:nth-of-type(3) a[data-current='1'] {
		top: 18.75em; left: 29.6875%;
		z-index: 20;
	}
	#body-header-nav li:nth-of-type(3) a:hover {
		z-index: 21;
	}

	#body-header-nav li:nth-of-type(4) a {
		top: 15.938em; right: 32.0313%;
		width: 11.250em; height: 11.250em;
		line-height: 12.250em;
		z-index: 5;
	}
	#body-header-nav li:nth-of-type(4) a:hover
	,#body-header-nav li:nth-of-type(4) a[data-current='1'] {
		top: 15em; right: 30.4688%;
		z-index: 20;
	}
	#body-header-nav li:nth-of-type(4) a:hover {
		z-index: 21;
	}

	#body-header-nav li:nth-of-type(5) a {
		top: 12.188em; right: 19.5313%;
		width: 9.375em; height: 9.375em;
		line-height: 10.375em;
		z-index: 4;
	}
	#body-header-nav li:nth-of-type(5) a:hover
	,#body-header-nav li:nth-of-type(5) a[data-current='1'] {
		top: 11.25em; right: 17.9688%;
		z-index: 20;
	}
	#body-header-nav li:nth-of-type(5) a:hover {
		z-index: 21;
	}

	#body-header-nav li:nth-of-type(6) a {
		top: 8.438em; right: 10.1563%;
		width: 7.500em; height: 7.500em;
		line-height: 7.500em;
		z-index: 3;
	}
	#body-header-nav li:nth-of-type(6) a:hover
	,#body-header-nav li:nth-of-type(6) a[data-current='1'] {
		top: 7.5em; right: 8.5938%;
		z-index: 20;
	}
	#body-header-nav li:nth-of-type(6) a:hover {
		z-index: 21;
	}

	#body-header-nav li:nth-of-type(7) a {
		top: 4.688em; right: 3.9063%;
		width: 5.625em; height: 5.625em;
		line-height: 5.625em;
		z-index: 2;
	}
	#body-header-nav li:nth-of-type(7) a:hover
	,#body-header-nav li:nth-of-type(7) a[data-current='1'] {
		top: 3.75em; right: 2.3438%;
		z-index: 20;
	}
	#body-header-nav li:nth-of-type(7) a:hover {
		z-index: 21;
	}

	#body-header-nav li:nth-of-type(8) a {
		top: 0.9375em; right: 0.7813%;
		width: 3.750em; height: 3.750em;
		line-height: 3.750em;
		z-index: 1;
	}
	#body-header-nav li:nth-of-type(8) a:hover
	,#body-header-nav li:nth-of-type(8) a[data-current='1'] {
		top: 0; right: 0;
		z-index: 20;
	}
	#body-header-nav li:nth-of-type(8) a:hover {
		z-index: 21;
	}
}