button{background-color:transparent;border:none;outline:none;}
.overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(192,57,43,0.95);z-index:999;}
.overlay .overlay-close{position:absolute;right:50px;top:50px;overflow:hidden;border:none;color:transparent;outline:none;z-index:100;}
.overlay nav{text-align:center;position:relative;top:50%;height:60%;font-size:60px;-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%/4);min-height:54px;}
.overlay ul li a{font-family:'Questrial', sans-serif;display:block;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:#fff;text-decoration:underline;}
.overlay-hugeinc{opacity:0;visibility:hidden;-webkit-transition:opacity 0.5s, visibility 0s 0.5s;transition:opacity 0.5s, visibility 0s 0.5s;}
.overlay-hugeinc.open{opacity:1;visibility:visible;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
.overlay-hugeinc nav{-webkit-perspective:1200px;perspective:1200px;}
.overlay-hugeinc nav ul{opacity:0.4;-webkit-transform:translateY(-25%) rotateX(35deg);transform:translateY(-25%) rotateX(35deg);-webkit-transition:-webkit-transform 0.5s, opacity 0.5s;transition:transform 0.5s, opacity 0.5s;}
.overlay-hugeinc.open nav ul{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);}
.overlay-hugeinc.close nav ul{-webkit-transform:translateY(25%) rotateX(-35deg);transform:translateY(25%) rotateX(-35deg);}
@media only screen and (max-width:480px){.overlay nav, .overlay ul li a{font-size:24px;}
.overlay .overlay-close{top:20px;right:20px;}
}
@media screen and (max-height:30.5em){.overlay nav{height:70%;font-size:34px;}
.overlay ul li{min-height:34px;}
}