.overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(67,68,68,0.75);z-index:999}.overlay .overlay-close{width:40px;height:40px;position:absolute;right:36px;top:36px;overflow:hidden;border:none;background:url(../images/cross.png) no-repeat center center;text-indent:200%;color:transparent;outline:none;z-index:100}.overlay nav{text-align:center;position:relative;top:50%;height:60%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.overlay ul{list-style:none;padding:0;margin:0 auto;display:inline-block;height:100%;position:relative}.overlay ul li{display:block;height:15%;height:calc(100% / 7);min-height:54px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.overlay ul li a{text-decoration:none;font-size:1.3em;display:block;letter-spacing:1px;color:#fff;text-transform:uppercase;-webkit-transition:color 0.2s;transition:color 0.2s}.overlay ul li a:hover,.overlay ul li a:focus{color:#f0f0f0}.overlay-boxes{visibility:hidden;-webkit-transition:visibility 0s 0.8s;transition:visibility 0s 0.8s}.overlay-boxes.open{visibility:visible;-webkit-transition:none;transition:none}.overlay-boxes svg{position:absolute;top:0;left:0}.overlay-boxes svg path{fill:rgba(2,12,12,0.83);display:none}.overlay-boxes nav,.overlay-boxes .overlay-close{opacity:0;-webkit-transition:opacity 0.5s 0.8s;transition:opacity 0.5s 0.8s}.overlay-boxes.open nav,.overlay-boxes.open .overlay-close{opacity:1;-webkit-transition-delay:0.8s;transition-delay:0.8s}.overlay-boxes.close nav,.overlay-boxes.close .overlay-close{-webkit-transition-delay:0s;transition-delay:0s}@media(max-width:667px){.overlay ul li a{font-size:1.2em}}@media screen and (max-height:30.5em){.overlay nav{height:70%;font-size:34px}.overlay ul li{min-height:34px}}