/* Switching box model for all elements */
* {
	-webkit-box-sizing: border-box !important;
	   -moz-box-sizing: border-box !important;
	        box-sizing: border-box !important;
}

/* Responsive Navigation styles begin here */
@media (max-width: 867px) {
	[id=navigation].is-closed ul  {
		max-height: 0 !important;
		overflow: hidden !important;
		display: block !important;
		visibility: hidden !important;
	}
	
	[id=navigation] + * {
		position: relative !important;
	}

	#menu {
		height: auto !important;
		margin: 0 !important;
	}

	[id=navigation] {
		min-height: 3rem;
	}

	/* Theming opened nav */	
	[id=navigation] ul {		
		
		/* maximum height */
		max-height: 25em !important;

		/* translate with hardware acceleration */
		-webkit-transform: translateZ(0) !important; 
		-ms-transform: translateZ(0) !important;
		        transform: translateZ(0) !important;
		-webkit-transition: max-height .4s !important;
		        transition: max-height .4s !important;

		/* global styles */
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
		clear: both;
		visibility: visible !important;
	}
	[id=navigation] li {
		display: block !important;
		float: none !important;
		width: 100% !important;
	}
	[id=navigation] a {
		display: block !important;
		float: none !important;
		height: 50px !important;
		padding: 0 !important;
		color: #fff !important;
		background: #003593 !important;
		line-height: 50px !important;
		text-decoration: none !important;
		margin-bottom: 2px !important;
		text-align: center !important;
	}
	[id=navigation] a:hover, 
	[id=navigation] a:focus,
	[id=navigation] a:active
	{
		color: #000 !important;
		background: #969696 !important;
	}

	[id=navigation] .current.active a {
		color: #000 !important;
		background: #969696 !important;
	}
	
	/* Theming closed nav */

	/* Global styling nav button */	
	[id="toggle-nav"] {
		display: block !important;
		/*position: absolute !important;
			top: 36px !important; right: 1rem !important;*/
		z-index: 1 !important;
		height: 2rem !important; width: 3rem !important;
		background-color: transparent !important;
		background-image: -webkit-gradient(linear, left top, right top, from(#003593), to(#003593)), -webkit-gradient(linear, left top, right top, from(#003593), to(#003593)), -webkit-gradient(linear, left top, right top, from(#003593), to(#003593)) !important;
		background-image: -webkit-linear-gradient(left, #003593, #003593), -webkit-linear-gradient(left, #003593, #003593), -webkit-linear-gradient(left, #003593, #003593) !important;
		background-image: linear-gradient(to right, #003593, #003593),
			linear-gradient(to right, #003593, #003593),
			linear-gradient(to right, #003593, #003593) !important;
		background-position: center top, center, center bottom !important;
		background-repeat: no-repeat !important;
		-webkit-background-size: 2.5rem 0.5rem !important;
		        background-size: 2.5rem 0.5rem !important;
		padding: 0 !important;
		outline: 0 !important;
		border: 0 !important;
		cursor: pointer !important;
		-webkit-tap-highlight-color:rgba(0,0,0,0) !important;
		-webkit-transition: .2s !important;
		        transition: .2s !important;
		margin: .5rem 1rem .5rem 0 !important;
		float:right;
	}
	
	/*  Removing Firefox's dotted outline on button */	
	[id="toggle-nav"]::-moz-focus-inner {
		border: 0 !important;
	}
	
	/* Theming opened nav button */	
	[id=navigation]:not(.is-closed) [id="toggle-nav"] {
		-webkit-transform: rotate(180deg) translateZ(0) !important;
		        transform: rotate(180deg) translateZ(0) !important;
		background-position: center, center, center !important;
	}
	
	
	/* Hide alternate text except from screen readers */
	.visually-hidden {
		position: absolute !important;
		clip: rect(1px, 1px, 1px, 1px) !important;
		overflow: hidden !important;
		height: 1px !important;
		width: 1px !important;
	}
	
}

#toggle-nav {
	display: none;
}
pre {
	-moz-tab-size: 4 !important;
    -o-tab-size: 4 !important;
	     tab-size: 4 !important;
    padding: 1em !important;
    margin: auto 1em !important;
    border-radius: 6px !important;
    border: 1px solid rgba(0,0,0,.1) !important;
    background: rgba(255,255,255,.6) !important;
    white-space: pre-wrap !important;
	word-wrap: break-word !important;
	font-family: consolas, 'DejaVu Sans Mono', courier, monospace !important;
	line-height: 1em !important;
}