.mob_nav_btn {
	display:none;
	stroke:currentColor;
	stroke-linecap:round;
	stroke-width:1.5;
	width:42px;
	height:42px;
	padding:10px;
	box-sizing:border-box;
	cursor:pointer;

	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#nav {
	display:block;
	position:fixed;
	background:#fff;
	z-index:2;
	top:0;
	left:0;
	bottom:0;
	overflow:auto;
	transform:translateX(-100%);
	transition:transform .4s;
	will-change: transform;
	padding:calc(12px + 1.8vw);

	min-width:320px;
	max-width:100%;

	min-width:33.3vw;

	display:flex;
	flex-direction:column;
	
}
#nav nav {
	font-size:1.9em;
	font-family:"Spectral";
}
#nav li {
	float:none;
}
#nav ul {
	display:block;
	position:static;
}
#nav ul ul {
	font-family:"Montserrat";
	padding:4px 0px 20px 0px;
	font-size:16px;
	text-transform:uppercase;
}
#nav a {
	transition:color .1s;
}
#nav a:hover ,
#nav a.cmsActive {
	color:#b8b8b8;
}

#nav h1 {
	margin:2em 0 3em 0;
	font-size:1.3em;
}

html.mob_nav_open body, html.mob_nav_open_progress body {
	overflow:hidden;
}
html.mob_nav_open #nav {
	transform:translateX(0);
}

/* overlay */
#container::after {
	content:'';
	opacity:0;
	visibility:hidden;
	position:fixed;
	z-index:1;
	top:-100px; left:0; right:0; bottom:0;
	background:rgba(0, 0, 0, 0.4);
	pointer-events: none; /* ? */
	transition:opacity .7s;
}
html.mob_nav_open #container::after {
	opacity:1;
	visibility:visible;
}
html #head > div,
html #main ,
html #foot {
	transition:transform .4s;
	will-change:transform;
	transform:translateX(0px);
}
html.mob_nav_open #head > div,
html.mob_nav_open #main ,
html.mob_nav_open #foot {
	transform:translateX(200px);
}

/* change the button */
.mob_nav_btn {
	display:block;
	transition: transform .2s;
	will-change:transform;
	position: relative;
	z-index: 1;  /* performance! */
}
html.mob_nav_open .mob_nav_btn {
	transform:rotate(270deg);
}
.mob_nav_btn g {
	transition:stroke-width .1s;
	will-change:stroke-width;
}
.mob_nav_btn .-close {
	stroke-width:0;
}
html.mob_nav_open .mob_nav_btn .-close {
	stroke-width:inherit;
}
html.mob_nav_open .mob_nav_btn .-menu {
	stroke-width:0;
}