.overlay{position:fixed;width:100%;height:100%;top:62px;left:0;background:rgba(153,204,51,0.9);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;margin-left:0px;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:20%;height:calc(100%/8);min-height:24px;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.overlay ul li a{text-decoration:none;font-size:54px;font-weight:300;display:block;color:#fff;-webkit-transition:color 0.2s;transition:color 0.2s;}
.overlay ul li a:hover{color:yellow;}
.overlay ul li a:focus{color:yellow;}
.overlay-boxes{background:rgba(0, 0, 0, .8);visibility:hidden;-webkit-transition:visibility 0s 0.1s;transition:visibility 0s 0.1s;}
.overlay-boxes.open{visibility:visible;-webkit-transition:none;transition:none;}
.overlay-boxes svg{position:absolute;top:0;left:0;}
.overlay-boxes svg path{background:#662D91;display:none;}
.overlay-boxes nav,
.overlay-boxes .overlay-close{opacity:0;-webkit-transition:opacity 0.1s 0.1s;transition:opacity 0.5s 0.1s;}
.overlay-boxes.open nav,
.overlay-boxes.open .overlay-close{opacity:1;-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.overlay-boxes.close nav,
.overlay-boxes.close .overlay-close{-webkit-transition-delay:0s;transition-delay:0s;}