.navigation_bar
{
	margin:-5px 0 0 0;
	padding:20px 0 20px 0;
}

.navigation_bar .background
{
	position:absolute;
	top:0;
	width:100vw;
	height:100%;
	background:#C5C1B8;
}

.navigation_bar .items
{
	width:calc(100% + 40px);
}

.navigation_bar .item
{
	width:calc(25% - 40px);
	height:40px;
	border:3px solid #fff;
	line-height:36px;
	font-size:13px;
	font-weight:700;
	color:#fff; 
	font-family:'Roboto Condensed', sans-serif;
	text-align:center;
	text-transform:uppercase;
	margin:20px;
}

@media screen and (max-width: 500px) 
{
   	.navigation_bar .item
	{
		width:calc(50% - 40px);
	}
}

.navigation_bar .uncurrent
{
	opacity:0.5;
	transition:all 0.1s ease-in-out;
	-webkit-transition:all 0.1s ease-in-out;
}

.navigation_bar .uncurrent:hover
{
	opacity:1;
}