.nav {
	display: block;
	width: 100%;
	margin: 10px auto;
	border-radius: 7px;
	background-color: #379cc8;
}

.menu {
	display: table;
	width: 100%;
	height: 35px;
	margin: 0 auto;
	padding: 0;
}

.menu li {
	display: table-cell;
	list-style: none;
}

.menu li:last-child {
	border-radius: 0 7px 7px 0;
	background-color: #ff8c00;
}

.menu li a {
	display: block;
	font-size: 1.4em;
	font-weight: 700;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}

.menu li a:hover {
	color: #fff;
	background-color: #5caee5;
}

.menu li:first-child a:hover {
	border-radius: 7px 0 0 7px;
}

.menu li:last-child a:hover {
	border-radius: 0 7px 7px 0;
	color: #ffffff;
	background-color: #ffa500;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {

.menu li a, .menu li:last-child a {
	line-height: normal;
}

.nav, .menu {
	height: auto;
}

.menu li {
	padding: 10px 5px;
}
}