nav{
    margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	display: block;
	display: flex;

}

#mcc nav ul {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			margin-bottom: 0;
			list-style: none;
			padding-left: 0;
			border: solid 1px #ffffff;
			border-radius: 4px;
			margin: 0  auto;
			
		}

			#mcc nav ul li {
				padding-left: 0;
				border-left: solid 1px #ffffff;
			}

				#mcc nav ul li:first-child {
					border-left: 0;
				}

				#mcc nav ul li a {
					display: block;
					min-width: 7.5rem;
					height: 2.75rem;
					line-height: 2.75rem;
					padding: 0 1.25rem 0 1.45rem;
					text-transform: uppercase;
					letter-spacing: 0.2rem;
					font-size: 0.8rem;
					border-bottom: 0;
				}

					#mcc nav ul li a:hover {
						background-color: rgba(255, 255, 255, 0.075);
					}

					#mcc nav ul li a:active {
						background-color: rgba(255, 255, 255, 0.175);
					}

		#mcc nav.use-middle:after {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: calc(50% - 1px);
			width: 1px;
			height: 100%;
			background: #ffffff;
		}

		#mcc nav.use-middle ul li.is-middle {
			border-left: 0;
		}
		
		
		
		
		
		/*#mcc nav ul {*/
		/*			-moz-flex-direction: column;*/
		/*			-webkit-flex-direction: column;*/
		/*			-ms-flex-direction: column;*/
		/*			flex-direction: column;*/
		/*			min-width: 10rem;*/
		/*			max-width: 100%;*/
		/*		}*/

		/*			#mcc nav ul li {*/
		/*				border-left: 0;*/
		/*				border-top: solid 1px #ffffff;*/
		/*			}*/

		/*				#mcc nav ul li:first-child {*/
		/*					border-top: 0;*/
		/*				}*/

		/*				#mcc nav ul li a {*/
		/*					height: 3rem;*/
		/*					line-height: 3rem;*/
		/*					min-width: 0;*/
		/*					width: 100%;*/
		/*				}*/

		/*		#mcc nav.use-middle:after {*/
		/*			display: none;*/
		/*		}*/