.mob_nav_btn {
	display:none;
	stroke:currentColor;
	stroke-linecap:round;

	stroke-width:.8;
	padding:.1rem;
	margin-left:auto;
	width:1.8rem;
	height:1.8rem;

	-webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#container .mob_nav_btn {
	overflow:visible;
}
#nav {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
@media (max-width:930px) {
	#nav {
		flex-direction:column;
		position:fixed;
		z-index:2;
		top:0;
		left:0;
		bottom:0;
		overflow:auto;
		transform:translateX(-100%);
		transition:transform .2s;
		will-change: transform;

		/* customize */
		background:#fff;
		color:#000;
		padding:1.5rem;
	}
	#nav nav:not([aria-label="Languages"]) ul {
		display:block;
		position:static;
		/* overwrite drop-down */
		visibility: visible;
	    opacity: 1;
	}
	html.mob_nav_open #nav {
		transform:translateX(0);
	}
	#nav li > ul {
		margin-left: 1.5rem;
		min-width: 0;
	}
	#nav nav a {
		/* overwrite drop-down */
		text-align:left;
		margin-left:0;
	}
	#nav nav > ul > li > a {
		/* overwrite drop-down */
		text-align:left;
		/* customize */
		font-size:1.5rem;
	}

	/* overlay */
	#head::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 #head::after {
		opacity:1;
		visibility:visible;
	}

	/* 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;
	}

	/* queue slidein *
	#nav nav > ul > li {
		will-change:transform;
		transition-property: opacity, transform;
		transition-duration: 2s, .4s;
		transition-delay:.1s;
		transform:translate(-140%, -10px);
		opacity:0;

		transition-duration: .2s, .4s;
		transform:translate(-40%, 0);
		transition-delay:.3s, .1s;
	}
	#nav nav > ul > li + li                     { transition-delay: .4s, .2s; }
	#nav nav > ul > li + li + li                { transition-delay: .5s, .3s; }
	#nav nav > ul > li + li + li + li           { transition-delay: .6s, .4s; }
	#nav nav > ul > li + li + li + li + li      { transition-delay: .7s, .5s; }
	#nav nav > ul > li + li + li + li + li + li { transition-delay: .8s, .6s; }
	.mob_nav_open #nav nav > ul > li {
		transform:translateX(0);
		opacity:1;
	}
	*/
}