.overlay-genie{background:transparent;visibility:hidden;opacity:0;-webkit-transition:opacity 0.3s 0.2s, visibility 0s 0.6s;transition:opacity 0.3s 0.2s, visibility 0s 0.6s;}
.overlay-genie.open{visibility:visible;opacity:1;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}
.overlay-genie svg{position:absolute;top:0;left:0;}
.overlay-genie .overlay-path{fill:rgba(255,194,0,0.95);}
.overlay-genie nav{opacity:0;-webkit-transform:scale(0.8) translateY(-48%);transform:scale(0.8) translateY(-48%);-webkit-transition:opacity 0.3s 0.3s, -webkit-transform 0.3s 0.3s;transition:opacity 0.3s 0.3s, transform 0.3s 0.3s;}
.overlay-genie .overlay-close{opacity:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;}
.overlay-genie.open nav,
.overlay-genie.open .overlay-close{opacity:1;-webkit-transition-delay:0.4s;transition-delay:0.4s;}
.overlay-genie.open nav{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);}
.overlay-genie.close nav,
.overlay-genie.close .overlay-close{-webkit-transition-delay:0s;transition-delay:0s;}
@media screen and (max-height: 30.5em) {
.overlay nav {
height: 70%;
font-size: 34px;
}
.overlay ul li {
min-height: 34px;
}
}