/* MOBILE MENU */
.menu_mobile{height: 100%;overflow: hidden;display: none;}
.menu-container {will-change: transform, height;width: 300px;height: 500px;padding-left: 100px;box-sizing: border-box;-webkit-transform: translate3d(-330px, -210px, 0px)  rotate(45deg);transform: translate3d(-330px, -210px, 0px)  rotate(45deg);margin: 0;position: fixed;top:0;left: 0;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;z-index: 900;}

.menu-container ul {margin: 0;padding: 50px 20px 20px;list-style: none;}
.menu-container li {padding: .5rem 0;}
.menu-container a {color: #fff;text-decoration: none;font-family: Helvetica, Arial;text-transform: uppercase;font-size: .9rem;font-weight: bold;opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;}

.menu_mobile.active .menu-container {height: 200%;-webkit-transform: translate3d(-100px, 0px, 0px)  rotate(0deg);transform: translate3d(-100px, 0px, 0px)  rotate(0deg);}
.menu_mobile.active .menu-container a {opacity: 1;-webkit-transition-delay: .3s;transition-delay: .3s;}

.menu-toggle{display: block;position: fixed;height: 15px;width: 20px;top: 12px;left: 12px;background: transparent;cursor: pointer;z-index:999;}
.menu-hamburger, .menu-hamburger:before, .menu-hamburger:after{background-color: #fff;height: 3px;width: 20px;display: block;-webkit-transition: all .3s;transition: all .3s;}
.menu-hamburger {position: relative;top: 5px;left: 0px;}
.menu-hamburger:before{content:"";position: absolute;top: -6px;}
.menu-hamburger:after{content: "";position: absolute;bottom: -6px;}
.menu.active .menu-hamburger{background: transparent;}
.menu.active .menu-hamburger:before{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
.menu.active .menu-hamburger:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);bottom: 0px;}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	.menu_mobile {
		display: block;
	}
	
	nav.nav {
		display: none;
	}
} 
  
/* Medium Devices, Desktops */
@media only screen and (min-width : 1200px) {
	.menu_mobile {
		display: none;
	}
	
	nav.nav {
		display: block;
	}
}