#header {
	width: 100%;
	height: 55px;
	margin-top: 0;
	border-bottom: 1px solid #ffffff;
	position: fixed;
	background-repeat: repeat;
	z-index: 1;
}

#nav {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#logo img {
	text-decoration: none;
	float: left;
	font-size: 30px;
	margin-top: 5px;
	font-family: "Conv_Lato-Light", Sans-Serif, serif;
	font-weight: bold;
}

#nav ul {
	list-style: none;
	display: block;
	margin: 8px 0 0 0;
}

#nav li {
	margin-top: 9px;
	float: left;
	padding-left: 21px;
}

#nav li a {
	color: #fff;
	opacity: 0.6;
	font-size: 16px;
	text-decoration: none;
	font-family: "Conv_Lato-Light", Sans-Serif, serif;
}

#nav li a.active {
	color: #fff;
	opacity: 1;
	text-decoration: none;
}

#nav li a.activeBlack {
	color: #000;
	opacity: 1;
	border-bottom: 2px solid #000;
	text-decoration: none;
}

#nav li a:hover {
	color: #fff;
	text-decoration: none;
	opacity: 1;
}

#nav .icon {
	display: none;
}

@media screen and (max-width: 1000px) {
	#nav ul {
		display: none;
	}

	#nav .icon {
		display: block;
		position: absolute;
		right: 10px;
		top: 12px;
		font-size: 24px;
		color: white;
		cursor: pointer;
		z-index: 10;
	}

	.top-nav.responsive ul {
		display: block;
		position: absolute;
		top: 55px;
		right: 0;
		background: #222;
		width: 200px;
		padding: 10px 0;
		z-index: 5;
	}

	.top-nav.responsive ul li {
		float: none;
		display: block;
		text-align: left;
		padding: 10px 20px;
	}

	#nav.responsive ul {
		display: block;
		position: absolute;
		top: 0;
		right: 5px;
		background: #ff6514;
		width: 200px;
		padding: 10px 0;
		z-index: 5;
	}

	#nav.responsive ul li {
		float: none;
		display: block;
		text-align: left;
		padding: 10px 20px;
	}
}