/*  ----------------------------------------------------------------------------------
	@Media Queries
----------------------------------------------------------------------------------- */

@media all and (max-width: 1690px) {

}
@media all and (max-width: 1280px) {
   .top {position:relative;}
   .top h1 {margin-left:auto;margin-right:auto;
   body {text-align:center;
}
@media all and (max-width: 980px) {
   .top {position:relative;}
   .top h1 {margin-left:auto;margin-right:auto;
   body {text-align:center;

}
@media all and (max-width: 736px) {

}
@media all and (max-width: 480px) {
}



    /* styling menu button
	.nav-open, body:target .nav-close {display: block;}
	.nav-close, body:target .nav-open {display: none;}

	/* styling menu button
	nav {cursor:pointer;position:fixed;top:0;}
	nav:before {
		content: "Menu \25BC";
		display: block;
		padding: .8em;
		background: #2B4244;
		color: #fff;
	}
	nav ul {
        width:100%;
		max-height: 25em; /* number of items x5
		overflow: hidden;
		-webkit-transition: max-height .4s;
		transition: max-height .4s;
		-webkit-transform: translateZ(0); /* activating hardware acceleration
		-ms-transform: translateZ(0);
		transform: translateZ(0);
	}
nav ul li {display: block;
        width:100%;}
	nav a:hover, nav a:focus {
		background: #3A6266;
	}
	nav a {
        display: block;
        width:100%;
	background: #4A7377;
	color: #fff;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}

	/* handling clic and touch with CSS :focus
	nav:focus {
		outline: none;
	}
	nav:not(:focus) ul {
		max-height: 0;
	}
	*/
}