// COMMON styles shared across pages
// FOR NAVIGATION
div {
	display: block;
}
nav {
		position: relative;
		background-color: #222222;
		width: 100%;
		z-index: 1;
		display: block;
}
ul.navigation {
	display: block;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
@media only screen and (max-width: 3000px) and (min-width: 1069px) {
	#logo {
		width: calc((100vw - (100vw - 100%)) * 0.17);
	}
}
ul.navigation li {
	float: left;
	display: list-item;
	text-align: -webkit-match-parent;
}
a#logo-2 {
	padding: 5px 0 0 5px;
}
ul.navigation li a {
	display: block;
	color: white;
	text-align: center;
	padding: 14px 14px;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
}
ul.navigation li a.active {
	color: white;
}
img#logo-pic {
	width: 200px;
	height: 77px;
}
@media only screen and (max-width: 3000px) and (min-width: 1069px) {
#first-space {
    width: calc((100vw - (100vw - 100%)) * 0.04);
}
}
@media only screen and (max-width: 3000px) and (min-width: 1069px) {
#hoz-links {
    width: 50%;
}
}
@media only screen and (max-width: 3000px) and (min-width: 1069px) {
#more-links {
    width: 25%;
}
}
@media only screen and (max-width: 3000px) and (min-width: 1069px) {
#hamburger {
    width: calc((100vw - (100vw - 100%)) * 0.03);
}
}