.overlay{position:fixed;width:100%;height:100%;top:0;left:0;padding:40px;background:rgba(0,0,0,.9)}.overlay .overlay-close{width:80px;height:80px;position:absolute;right:20px;top:20px;overflow:hidden;border:none;background:url(../img/cross.png)no-repeat 50%;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 .2s;transition:color .2s}.overlay ul li a:hover,.overlay ul li a:focus{color:#f0f0f0}html,body{overflow-x:hidden}.container{overflow-x:hidden;-webkit-transition:-webkit-transform .5s;transition:transform .5s}.container.overlay-open{-webkit-transform:translateX(50%);transform:translateX(50%)}.container::after{content:'';opacity:0;visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);-webkit-transition:opacity .5s,visibility 0s .5s;transition:opacity .5s,visibility 0s .5s}.container.overlay-open::after{visibility:visible;opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.overlay-contentpush{background:#000;visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .5s,visibility 0s .5s;transition:transform .5s,visibility 0s .5s}.overlay-contentpush.open{visibility:visible;-webkit-transform:translateX(0%);transform:translateX(0%);-webkit-transition:-webkit-transform .5s;transition:transform .5s}@media screen and (max-height:30.5em){.overlay nav{height:70%;font-size:34px}.overlay ul li{min-height:34px}}@media(max-width:768px){.os-phrases h2{font-size:6vw;text-align:center}}@media(max-width:768px){.overlay{padding:20px}}@media(max-width:768px){.overlay .overlay-close{width:40px;height:40px;right:10px;top:10px;background-size:24px 24px}}@media(max-width:768px){.overlay nav{overflow-y:auto;height:80%}.overlay ul li a{font-size:32px}}@media(max-width:500px){.os-phrases h2{display:none!important}.os-phrases h2.out3{top:50%;display:block!important;animation:FadeIn 3s ease-out 1s forwards;opacity:0}}@media(min-width:391px){.os-phrases h2.out3{display:block;top:25%;animation:FadeIn 2s ease-out 19s forwards;opacity:0}}