nav
{
	position: fixed;
	top: 0px;
	width: 100%;
	background-color: rgba(46, 52, 54, 0.9);
	z-index: 10;
}

nav > ul
{
	list-style-type: none;
	margin: 0 20px;
	padding: 0;
}

nav > ul > li
{
	float: left;
	font-size: 14px;
	line-height: 40px;
	margin-right: 20px;
	vertical-align: middle;
	text-align: center;
	color: #34495e;
}

nav > ul > li > a
{
	display: block;
	color: #fff;
	text-decoration: none;

	transition-duration: 0.250s;
	transition-property: color;
	transition-timing-function: ease-in-out;
}

nav > ul > li.addition > a
{
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 0 10px;
	background-color: #3498db;
	text-decoration: none;
}

nav > ul > li:hover > a
{
	color: #babdb6;
}

nav > ul > li.brand
{
	font-size: 24px;
}

nav > ul > li.active > a
{
	font-weight: bold;
	color: #babdb6;
}

nav > ul > li.fav > a
{
	font-weight: bold;
}

nav > ul.right
{
	float: right;
}

@media all and (min-width: 800px)
{
	.mobile {
		display: none;
	}
}

@media all and (max-width: 799px)
{
	.mobile {
		display: block;
	}

	.shrink
	{
		display: none;
	}

	.shrink-show
	{
		display: block;
	}

	.shrink-show > li
	{
		display: block;
		float: none;
		clear: left;
	}

	nav > ul.right
	{
		float: none;
	}

	nav > ul > li:hover
	{
		background-color: #3498db;
	}

	nav > ul > li:hover a
	{
		color: #ecf0f1;
	}

	nav > ul > li.active
	{
		background-color: #3498db;
	}

	nav > ul > li.active a
	{
		color: #ecf0f1;
	}

}