#nav {
	display: flex;
}

#nav ul {
	background: #f0f0f0;

	padding: 0 18px;

	height: 58px;
	line-height: 58px;

	list-style-type: none;

	clear: both;
	margin: 0 auto;

	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
	border-radius: 0 0 20px 20px;
}

#nav li {
	float: left;
}

#nav li a:link, #nav li a:active, #nav li a:visited {
	display: block;

	font-weight: 700;
	color: #666;

	text-decoration: none;
	text-align: center;

	font-size: 82%;

	padding: 0 27px;
}

#nav li a:focus, #nav li a:hover {
	text-decoration: none;

	color: #fff;
	background: #dddddd;
}

#nav .flag a
{
	padding: 0 10px !important;;
}

#nav .flag img
{
	margin-top: 22px !important;
}

@media (max-width: 500px) {
	#nav ul {
		height: 36px;
		line-height: 36px;
	}

	#nav li a:link, #nav li a:active, #nav li a:visited {
		padding: 0 18px;
	}

	#nav .flag img
	{
		margin-top: 11px !important;
	}
}

@media (max-width: 813px), (max-height: 768px) {
	#nav ul {
		height: 42px;
		line-height: 42px;
	}

	#nav li a:link, #nav li a:active, #nav li a:visited {
		padding: 0 21px;
	}

	#nav .flag img
	{
		margin-top: 14px !important;
	}
}

@media (max-width: 480px) {
	#nav ul {
		height: 36px;
		line-height: 36px;

		padding: 0 12px;
	}

	#nav li a:link, #nav li a:active, #nav li a:visited {
		padding: 0 15px;
	}

	#nav .flag img
	{
		margin-top: 11px !important;
	}
}