body {
	font-family: arial;
	margin: 0;
}

#navHeader {
	width: 100%;
	background: linear-gradient(to bottom, rgb(232,232,232) 0%, rgb(232,232,232) 75%, transparent 75%);
	position: relative;
	padding-top: 10px;
}

#navButtonCont {
	width: 60%;
	margin: auto auto;
	max-width: 1000px;
	min-width: min(96%,600px);
}

.navButton {
	width: calc(42px + 3vw);
	display: inline-block;
	margin-right: calc((100% - (312px + 18vw)) / 5);
}
.navButton:last-child {
	margin-right: 0;
}

.navButtonIcon {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	border-radius: 50%;
	background: #A1A2E5;
	background-size: 70% 70% !important;
	background-position: 50% !important;
	background-repeat: no-repeat !important;
}

.navButtonLabel {
	width: 100%;
	font-weight: 100;
	text-align: center;
	display: inline-block;
	margin-top: 3px;
	color: black !important;
	font-size: calc(9px + 0.6vw);
}

.navButton:hover .navButtonIcon, .navButton.current .navButtonIcon {
	background-color: #8081C1 !important;
}

#headerLogo {
	text-align: center;
	width: 100%;
	transform: translateY(-30%);
}

#headerGreeting {
	font-size: calc(11px + 1.2vw);
	font-weight: bold;
}

#headerLogoImg {
	width: calc(80px + 14vw);
	height: auto;
	display: inline-block;
	transform: translateY(30%);
}

#partMarket {
	display: none;
}

@media only screen and (max-width: 800px) {
	
	#fullMarket {
		display: none;
	}
	
	#partMarket {
		display: inline;
	}
	
}