section#menu ul {
	display:none;
	padding:0;
}

section#menu li {
	list-style-type:none;
	padding:0;
}

#menu_opener {
	display:block;
	padding:17px 18px 17px 18px;
	color:#ffffff;
	cursor:pointer;
}

nav {
	background:#000;
}

@media (max-width:767px) {

	section#menu ul li::before {
		content: '\25b6';
		display:block;
		color:#5c5c5c;
		padding:17px;
		float:left;
		border-right:1px solid #999;
		width:45px;
	}

	section#menu ul li.has_children::before {
		color:#fff;
	}
	section#menu ul li.has_children.showing_children::before {
		content: '\25bc';
	}

	li.showing_children>ul {
		clear:both;
	}

	section#menu ul li a {
		display:block;
		padding:17px 18px 17px 18px;
		border-top:1px solid #999;
		text-align:left;
		text-indent:20px;
		color:#fff;
		font-size:17px;
	}

	section#menu ul li ul li a {
		font-size:16px;
	}

}

@media (min-width: 768px) {

	#menu_opener {
		display:none;
	}
	
	nav {
		background:#fff;
	}

	/* first level */

	section#menu ul {
		display:block;
	}

		section#menu ul li {
			display:inline-block;
		}
			section#menu ul li a {
				display:block;
				margin:10px 25px;
				padding:7px 0 7px 0;
				border-bottom:4px solid transparent;
				color:#444;
			}
				section#menu nav>ul:first-of-type>li:first-child>a:first-child {
					padding-left:0;
				}
				section#menu nav>ul:first-of-type>li:last-of-type a:first-child {
					padding-right:0;
				}
				section#menu ul li a.on,
				section#menu ul li a:hover {
					border-bottom:4px solid #2879a8;
					text-decoration:none;
				}
				section#menu ul li a.on {
					cursor:default;
				}


	/* second level */

	section#menu ul li ul {
		display:none;
		background:#fff;
	}

			section#menu ul li:hover ul {
				display:block;
				position:absolute;
				z-index:99999;
			}

			section#menu ul li ul li {
				float:none;
				text-align:left;
				display:block;
			}

			section#menu ul li ul li a {
				float:none;
				text-align:left;
				border-bottom:2px solid transparent;
			}

			section#menu ul li ul li a.on,
			section#menu ul li ul li a:hover {
				border-bottom:2px solid #fff;
			}

}