.menu-button {
	z-index: 1001;
	color: #fff;
	background: #7E588B;
}
.menu-button .touch-button .navicon {
	color: #fff;
}
.flexnav li a {
	border: none;
	padding: 0.2em 2%;
	text-decoration: none;
}
.flexnav li:hover a{
	color: #502A5B;
}
.flexnav ul {
	background: #EDD2A5;
}
.flexnav li ul li {
	width: 95%;
	padding: 0.5em 2.5%;
}
.flexnav .touch-button .navicon {
	display: none;
}
@media all and (max-width: 1200px){
	nav {
		width: 65%;
	}
}
@media all and (max-width: 800px){
	nav {
		width: 100%;
		z-index: 10001;
	}
	.flexnav {
		background: #e1E1e1;
		position: absolute;
		top: -114px;
		-moz-box-shadow: 2px 2px 8px #666;
		-webkit-box-shadow: 2px 2px 8px #666;
		box-shadow: 2px 2px 8px #666;
		font-size: 1.5em;
		text-align: center;
	}
	.flexnav li:hover {
		background: #fff;
		color: #000;
	}
	.flexnav li:hover a {
		color: #000;
	}
	.flexnav li a {
		padding: 0.6em 2%;
	}
	.flexnav .touch-button .navicon {
		display: block;
	}
	.flexnav ul {
		background: #fff;
	}
	.menu-button {
		font-size: 1.5em;
		padding: 0.5em 7%;
	}
}