#grid-3D {
	width: 100%;
	height: 70%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#grid td {
	border: 0.5vh solid #333;
}
#status-bar {
	padding-top: 2vh;
}
#status-bar * {
	width: 100%;
	font-size: 9vh;
	text-align: center;
}
#N-level {
	font-size: 4vh;
}
#engine-button {
	top: 2vh;
	right: 2vh;
}
#eye-btn, #ear-btn {
	font-size: 5vh;
	text-align: center;
	width: 49.5vw;
	line-height: 100%;
	background: #333;
	color: #111;
	position: absolute;
	bottom: 0;
	padding: 3vh 0;
	border: 0.1vw solid #000;
}
#eye-btn {
	left: 0;
	border-top-right-radius: 4px;
	border-width: 0 .25vw 0 0;
}
#ear-btn {
	right: 0;
	border-top-left-radius: 4px;
    	border-width: 0 0 0 .25vw; 
}
#eye-btn:before {
  	content: "Visual";
}
#ear-btn:before {
  	content: "Audio";
}
.pop {
	font-size: 5vh;
}
#progress-outer {
	height: 1vh!important;
}
.results-icons td, .results-text {
	padding: 1vh;
}
.ct-label {
    	font-size: 3vh;
}
.btn-standard {
	font-size: 4vh;
	padding: 1vh 1.5vh;
}
.btn-popup {
	width: 7vh;
	height: 7vh;
	font-size: 4vh;
}
.btn-popup.normal {
	top: 2vh;
    	right: 2vh;
}
.btn-popup.reflected {
	bottom: 13vh;
	right: 2vh;
}
#navigation {
	padding: 2vh;
}
.nav-item input, .nav-item select {
	margin-bottom: 24px;
}
label[for="nav-trigger"] {
	top: 2vh;
	left: 2vh;
	width: 6vh;
	height: 6vh;
	font-size: 4vh;
}
#nav-trigger:checked + label {
	left: 37vh;
}
#nav-trigger:checked ~ #site-wrap {
	left: 35vh;
}
#nav-trigger + label, #site-wrap {
	transition: left 0.2s;
}
.nav-item label, .nav-item p, .nav-item span.range-label  {
	width: 31vh;
	color: #fff;
	font-size: 3vh;
	font-weight: 700;
}
.nav-item input, .nav-item select {
	display: block;
	width: 31vh!important;
	font-size: 3vh;
	border: 0;
	border-radius: 4px;
}
input[type=range].slider::-webkit-slider-runnable-track, .nav-item input, .nav-item select {
	height: 5vh;
}
input[type=range].slider::-webkit-slider-thumb {
	height: 5vh;
	width: 3.67vh;
}