# header {
	margin: auto;
	width: auto;

}

.menu ul {
	display: flex;
}

ul, ol {
	list-style: none;
} 

.nav li a {
	background-color: #333;
	color: #F0FFF0;
	text-decoration: none;
	padding: 7px 12px;
	display: block;
}

.nav li a:hover {
	background-color: #434343;
}

.nav > li {
	float: left;

}

.nav li ul {
	display: none;
	position: absolute;
	min-width: 140px;
}

.nav li:hover > ul {
	display: block;
}

.nav li ul li {
	position: relative;

}

.nav li ul li ul {
	right: -140px;
	top: 0px;

}

@media (max-width: 768px) {
	.menu{
		position: absolute;
		width: 75%;
	}

	.menu ul {
		flex-direction: column;
	}

	.nav li a:hover {
	background-color: #585858;
}
	
	.nav ul li {
	right: -68px;
	top: 0px;

}

}