NAV.menu {
	padding: .5em 1em;
	position: absolute;
	top: 0;
	right: 0;
	transition: transform .5s;
	background-color: #fff;
	border-left: solid 1px silver;
	height: 100%;
}
NAV.menu UL {
	list-style: none;
	padding: 1em;
	margin: 0 0 .5em 1em;
}
NAV.menu UL A {
	color: black;
	text-decoration: none;
	font-size: 1.2em;
}
NAV.menu UL A:hover {
	text-decoration: underline;
}
NAV.menu UL LI {
	margin: 1em 0 0 0;
}
NAV.menu UL LI:first-child {
	margin: 0;
}
NAV.menu UL LI.selected::before {	
	content: "\25B8";
	position: absolute;
	margin-left: -.75em;
	margin-top: -.37em;
	font-size: 2em;
}
NAV.menu UL LI.selected A {
	cursor: default;
	font-weight: bold;
}
NAV.menu UL LI.no_click > A {
	cursor: default;
	text-decoration: none;
	color: gray;
}

NAV.menu .has_children > .menu_link::before {
	content: "\25BE"; 	
}
NAV.menu .has_children UL.sub {
	display: none;
}
NAV.menu .has_children.active > .menu_link::before {
	content: "\25B4"; 
}
NAV.menu .has_children.active UL.sub {
	display: block;
}

A.menu_burger {
	display: none; 
	font-size: 1.5em;
	position: fixed;
	margin: .2em .2em;
	top: 0;
	right: 0;
	color: black;
	background-color: #fff;
	padding: .25em .5em;
	text-decoration: none;
}
A.menu_burger.active {
	position: absolute;
}
A.menu_burger.active .fa-bars {
	display: none;
}	
A.menu_close {
	display: none;
	position: absolute;
	margin: .2em .4em;
	top: 0;
	right: 0;
	font-size: 2em;
	color: black;	
}

@media screen and (max-width: 600px) {	
	NAV.menu {
		position: absolute;
		width: 100%;
		margin: 0;
		transform: translateY(-110%);	
		z-index: 10;
	}
	NAV.menu.active {
		transform: translateX(0%);
	}	
	A.menu_burger {
		display: block;
		position: fixed;
	}	
	A.menu_close {
		display: block;
	}	
}

@media print {
	A.menu_burger, NAV.menu {
		display: none;
	}
}