.overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:#655a59;}
.overlay .overlay-close{width:80px;height:80px;position:absolute;right:20px;top:20px;overflow:hidden;border:none;background:url(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:20%;height:calc(100%/5);min-height:54px;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.overlay ul li a{font-size:54px;font-weight:300;display:block;color:#fff;-webkit-transition:color 0.2s;transition:color 0.2s;}
.overlay ul li a:hover,
.overlay ul li a:focus{color:#f0f0f0;}
.overlay-scale{visibility:hidden;opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:-webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;transition:transform 0.2s, opacity 0.2s, visibility 0s 0.2s;}
.overlay-scale.open{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.4s, opacity 0.4s;transition:transform 0.4s, opacity 0.4s;}
@media screen and (max-height:30.5em){.overlay nav{height:70%;font-size:34px;}
.overlay ul li{min-height:34px;}
}