.overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:#0072bc;z-index:999999999999999999}.overlay .overlay-close{position:absolute;right:45px;top:35px;border:none;background:0 0;outline:none;z-index:100;margin:0;padding:0}.overlay .menu-logo{position:absolute;top:33px;left:45px}.overlay .menu-logo img{width:320px}.overlay .overlay-close img{width:30px;height:30px}.overlay nav{text-align:left;position:relative;top:50%;height:60%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-left:45px}.overlay ul{list-style:none;padding:0;display:inline-block;height:100%;position:relative}.overlay ul li{display:block;height:20%;height:calc(100%/6);min-height:40px}.overlay ul li a{font-size:48px;letter-spacing:5px;display:block;color:#fff;-webkit-transition:color .2s;transition:color .2s;font-weight:700}.overlay ul li a:hover,.overlay ul li a:focus{color:#00395f;text-decoration:none}.overlay{opacity:0;visibility:hidden;-webkit-transition:opacity .2s,visibility 0s .2s;transition:opacity .2s,visibility 0s .2s}.overlay.open{opacity:1;visibility:visible;-webkit-transition:opacity .2s;transition:opacity .2s}.overlay nav{-webkit-perspective:1200px;perspective:1200px}.overlay nav ul{opacity:.4;-webkit-transform:translateY(-25%) rotateX(35deg);transform:translateY(-25%) rotateX(35deg);-webkit-transition:-webkit-transform .2s,opacity .2s;transition:transform .2s,opacity .2s}.overlay.open nav ul{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.overlay.close nav ul{-webkit-transform:translateY(-15%) rotateX(15deg);transform:translateY(-15%) rotateX(15deg);-webkit-transition:-webkit-transform 1.5s,opacity .3s;transition:transform 1.5s,opacity .3s}@media screen and (max-height:30.5em){.overlay nav{height:70%;font-size:34px}.overlay ul li{min-height:34px}}