@charset "UTF-8";

#header .nav {
	text-align: center;
	pointer-events: auto;
}

.mm-listitem {
	text-align: left;
	text-transform: uppercase;
}

	.mm-listitem a {
		line-height: 5vw;
	}

	.mm-close {
		position: absolute;
		top: 1.5vw;
		right: 1.5vw;
		font-size: 8vw;
		z-index: 999;
	}

	nav li.mm-link,
	#header .nav li.mm-link {
		display: none;
	}

.nav.Fixed,
.menuFooter,
#header .nav {
	margin: 50px auto;
	padding: 0;
	font-size: 0;
	list-style: none;
}

	.nav.Fixed li,
	.menuFooter li,
	#header .nav li {
		display: inline-block;
		font-size: 24px;
	}

	.menuFooter li a,
	#header .nav li a {
		position: relative;
		display: block;
		padding: 25px 20px;
		font-family: 'Roboto', Arial, sans-serif;
		font-weight: 400;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
	}

	#header .nav li.divider {
		font-size: 0;
		width: 22%;
		margin-right: 3%;
	}

	nav .nav li.divider {
		display: none;
	}

	.menuFooter li:hover a,
	#header .nav li:hover a {
		color: #ffc;
	}

		.menuFooter li:hover a:after,
		#header .nav li:hover a:after {
			content: '';
			position: absolute;
			width: 90%;
			height: 3px;
			left: 5%;
			bottom: 15%;
			background: #fff;
		}

.nav.Home {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 10px;
	left: 10px;
	z-index: 999;
}

	.nav.Home li a {
		padding: 0;
	}

	.nav.Home li a img {
		max-width: 25px;
	}

.menuFooter {
	float: left;
}

@media only screen and (max-width: 1480px) {
	#header .nav {
		margin: 2.5vw auto;
	}

		#header .nav li {
			font-size: 1.4vw;
		}

		#header .nav li a {
			padding: 2vw 1.5vw;
		}
	
	.menuFooter {
		margin-top: 12vw;
	}
}

@media only screen and (max-width: 640px) {
	#header .nav li.mm-link {
		display: inline-block;
	}

	#header .nav {
		padding: 3vw 0;
		text-align: right;
	}

		#header .nav li {
			display: none;
		}

		#header .nav > li.mm-link a:before,
		#header .nav > li.mm-link a:after,
		#header .nav > li.mm-link a {
			position: relative;
			display: block;
			width: 30px;
			height: 3px;
			margin: 0;
			padding: 0;
			font-size: 0;
			background: #fff;
		}

		#header .nav > li.mm-link a:before {
			content: '';
			top: -8px;
			left: 0;
		}

		#header .nav > li.mm-link a:after {
			content: '';
			top: 5px;
			left: 0;
		}

	.menuFooter {
		float: none;
		margin: 7vw auto 3vw;
		text-align: center;
	}

	.menuFooter li a {
		font-size: 2vw;
	}
}

@media only screen and (max-width: 500px) {
	.mm-close {
		top: 2vw;
		right: 3vw;
		font-size: 10vw;
	}

	.mm-navbar__title,
	.mm-listitem a {
		font-size: 5vw;
		line-height: 7.5vw;
	}
}