nav {
	padding: 0;
}

nav ul {
	list-style:none;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around; /* Safari */
	justify-content: space-around;
	-webkit-align-items: stretch; /* Safari */
	align-items: stretch;
	-webkit-align-items: center; /* Safari */
	align-items: center;
	-webkit-align-content: stretch; /* Safari */
	align-content: stretch;
	-webkit-align-content: space-around; /* Safari */
	align-content: space-around;
}

nav ul li {
	width: -webkit-calc(100%/7);
	width: calc(100%/7);
	padding: .5rem .5rem .5rem 2rem;
	text-align: center;
	display: block;
	cursor: pointer;
	border-top: .1rem solid #f1f1f1;
	border-bottom: .1rem solid #f1f1f1;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
	background: url(../img/icon/icon-menu.png) no-repeat 5% 50%,#1e5799; /* Old browsers */
	background: url(../img/icon/icon-menu.png) no-repeat 5% 50%,-moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
	background: url(../img/icon/icon-menu.png) no-repeat 5% 50%,-webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/icon/icon-menu.png) no-repeat 5% 50%,linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	float: left;
	opacity: 1;
	transition: opacity .3s linear;
}

nav ul li:hover {
	opacity: .5;
}

nav ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	letter-spacing: .2rem;
}