#hamburger {
z-index:999;
width: 40px;
height: 45px;
position:relative; 
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
#hamburger span {
display: block;
position: absolute;
height: 2px;
width: 50%;
background: #000;
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#hamburger.open span {}
#hamburger.grey span {background-color:#666;}
#hamburger span:nth-child(even) {left: 50%;}
#hamburger span:nth-child(odd) {left:0px;}
#hamburger span:nth-child(1), #hamburger span:nth-child(2) {top: 0px;}
#hamburger span:nth-child(3), #hamburger span:nth-child(4) {top: 10px;}
#hamburger span:nth-child(5), #hamburger span:nth-child(6) {top: 20px;}
#hamburger.open span:nth-child(1), #hamburger.open span:nth-child(6) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg); -o-transform: rotate(45deg);transform: rotate(45deg);}
#hamburger.open span:nth-child(2), #hamburger.open span:nth-child(5) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#hamburger.open span:nth-child(1) {left: 3px;top: 3px;}
#hamburger.open span:nth-child(2) {left: calc(50% - 7px);top: 3px;}
#hamburger.open span:nth-child(3) { left: -50%; opacity: 0;}
#hamburger.open span:nth-child(4) { left: 100%; opacity: 0;}
#hamburger.open span:nth-child(5) { left: 3px; top: 13px;}
#hamburger.open span:nth-child(6) { left: calc(50% - 7px); top: 13px;}


.plus { position:absolute; top:7px; right:10px; height:14px; width:14px; z-index:600; cursor:pointer;}
.plus span {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	opacity:1;
	border-radius:0px;
	position:absolute; 
	background:white; 
	display:block;
}
.plus span:first-child { height:100%; width:2px; top:0px; left:50%; margin-left:-1px;}
.plus span:last-child { height:2px; left:0px; top:50%; width:100%; margin-top:-1px}
.plus.open span:first-child {opacity:0;}

.transition {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.intro-alt {overflow:hidden;}
.zooming div {
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}