/* Mobile navigation*/ 

@media screen and (min-width:601px) and (max-width:979px) {
	
		/* mobile Hamburger menu */
			.hamburger {position:absolute;top:29px; right:32px; display:block; width:50px; height:50px;}
			.hamburger span {position: absolute;left:0; display: block; width: 100%;height: 8px; border-radius: 0px;
				background: #000000; opacity: 1;
			  -webkit-transition: .25s ease-in-out;
			  -moz-transition: .25s ease-in-out;
			  -o-transition: .25s ease-in-out;
			  transition: .25s ease-in-out;
			  -webkit-transform: rotate(0deg);
			  -moz-transform: rotate(0deg);
			  -o-transform: rotate(0deg);
			  transform: rotate(0deg);
		  }
		  
			.hamburger {margin: 0; padding: 0;}
			.hamburger span:nth-child(1) {top: 2px;}
			.hamburger span:nth-child(2),.hamburger span:nth-child(3) {top: 20px;}
			.hamburger span:nth-child(4) {top: 38px;}
			.hamburger.open span:nth-child(1) {top: 10px; left: 50%; width: 0%;}
			.hamburger.open span:nth-child(2) {
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
			}
			
			.hamburger.open span:nth-child(3) {
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
			}
			
			.hamburger.open span:nth-child(4) {top: 8px; left: 50%; width: 0%;}

	
	nav { margin:0 -2000px; padding:0 2000px; width:100%; text-align:center; }
	nav ul {display:none;}
	nav ul.expand {
	position: relative;
	display:block;
	clear:both;
	width:100%;
	vertical-align:middle;
	font-weight: 200;
	font-size: 1.2rem;
	line-height: 1.2; }
	nav ul.expand li ul{ display:block; clear:both;  top:-440px;  margin:0;width:100%;}
	nav ul.expand li ul li a { color:#253e80; font-weight:bold; font-size:1.2em; line-height: 2em;}  
	
	.center {
		width:100%;
		height:200px;
		position:fixed;
		top:0;	
		left:0;
		z-index: 100;
	}
}