@media screen and (max-width:599px)
{
	nav
	{
		width:90%;
		margin: 2.3% 6% 0 0;
		padding: 0;
		order: 2;
	}


	nav > ul
	{
		text-decoration: none;
		list-style-type: none;
	}


	nav > ul > li , nav > ul > li > a
	{
		max-height: 50px;
	}

	nav > ul > li
	{
		height:40px;
		background:rgb(232,232,232);
		margin-bottom: 0.7%;

	}

	nav > ul > li > a
	{
		font-size: 3vw;
		display: block;
		text-decoration: none;
		text-align: center;
		height:100%;
		color: rgb(0,153,153);
		vertical-align: middle;
		line-height: 40px;
	}
	nav > ul > li :hover
	{
		background: rgb(200,200,200);
	}

	nav
	{
		font-size: 3vw;
	}
}

@media screen and (min-width: 600px) and (max-width:939px)
{
	nav
	{
		width:20%;
		margin: 2.3% 6% 0 0;
		padding: 0;
	}

	nav > ul
	{
		text-decoration: none;
		list-style-type: none;
	}

	nav > ul > li , nav > ul > li > a
	{
		max-height: 50px;
	}

	nav > ul > li
	{
		height:40px;
		background: rgb(232,232,232);
		margin-bottom: 1%;

	}

	nav > ul > li > a
	{
		font-size: 1.25vw;
		display: block;
		text-decoration: none;
		text-align: center;
		height:100%;
		color:rgb(0,153,153);
		vertical-align: middle;
		line-height: 40px;
	}
	nav > ul > li :hover
	{
		background: rgb(200,200,200);
	}

	nav
	{
		font-siz: 1.25vw;
	}
}

@media screen and (min-width:940px)
{
	nav
	{
		width:15%;
		margin: 2.3% 6% 0 0;
		padding: 0;
	}


	nav > ul
	{
		text-decoration: none;
		list-style-type: none;
	}


	nav > ul > li , nav > ul > li > a
	{
		max-height: 50px;
	}

	nav > ul > li
	{
		height:40px;
		background: rgb(232,232,232);
		margin-bottom: 1%;

	}

	nav > ul > li > a
	{
		font-size: 0.9vw;
		display: block;
		text-decoration: none;
		text-align: center;
		height:100%;
		color:rgb(0,153,153);
		vertical-align: middle;
		line-height: 40px;
	}
	nav > ul > li :hover
	{
		background: rgb(200,200,200);
	}

	nav
	{
		font-size: 0.9vw;
	}
}