.overlay{height:100%;position:fixed;top:0;background-color:rgba(27,176,206,.9);left:0;width:100%}.overlay .overlay-close{height:80px;overflow:hidden;border:none;right:20px;text-indent:200%;color:transparent;position:absolute;outline:none;top:20px;background:url(/img/cross.png) no-repeat 50%;width:80px;z-index:100}.overlay nav{height:60%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:54px;position:relative;text-align:center;top:50%}.overlay ul{list-style:none;height:100%;padding:0;position:relative;margin:0 auto;display:inline-block}.overlay ul li{height:20%;height:12.5%;min-height:50px;display:block}.overlay ul li a{font-weight:300;color:#fff;-webkit-transition:color .2s;transition:color .2s;display:block}.overlay ul li a:focus,.overlay ul li a:hover{color:#e3fcb1}.overlay-hugeinc{-webkit-transition:opacity .5s,visibility 0s .5s;transition:opacity .5s,visibility 0s .5s;opacity:0;visibility:hidden}.overlay-hugeinc.open{-webkit-transition:opacity .5s;transition:opacity .5s;opacity:1;visibility:visible}.overlay-hugeinc nav{-webkit-perspective:1200px;perspective:1200px}.overlay-hugeinc nav ul{-webkit-transform:translateY(-25%) rotateX(35deg);transform:translateY(-25%) rotateX(35deg);-webkit-transition:-webkit-transform .5s,opacity .5s;transition:transform .5s,opacity .5s;opacity:.4}.overlay-hugeinc.open nav ul{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}.overlay-hugeinc.close nav ul{-webkit-transform:translateY(25%) rotateX(-35deg);transform:translateY(25%) rotateX(-35deg)}@media screen and (max-height:30.5em){.overlay nav{height:70%;font-size:34px}.overlay ul li{min-height:34px}}