.overlay{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#c1f058;z-index:999;display:flex;align-items:stretch}.overlay .overlay-close{width:30px;height:30px;position:absolute;left:5%;top:20px;overflow:hidden;border:none;background:url(/wp-content/themes/twentysixteen-child/images/menu-x.png) no-repeat center center / cover;text-indent:200%;color:transparent;outline:none;z-index:100}.overlay
nav{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;-webkit-backface-visibility:hidden;backface-visibility:hidden}.overlay ul li
a{font-size:40px;font-weight:600;display:block;color:#000;-webkit-transition:color 0.2s;transition:color 0.2s}.overlay ul li a:hover,
.overlay ul li a:focus{color:#fff}html,body{overflow-x:hidden}.container{overflow-x:hidden;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.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,0.6);-webkit-transition:opacity 0.5s, visibility 0s 0.5s;transition:opacity 0.5s, visibility 0s 0.5s}.container.overlay-open::after{visibility:visible;opacity:1;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}.overlay-contentpush{background-color:#c1f058;visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s;transition:transform 0.5s, visibility 0s 0.5s}.overlay-contentpush.open{visibility:visible;-webkit-transform:translateX(0%);transform:translateX(0%);-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s}@media screen and (max-height: 30.5em){.overlay
nav{height:70%;font-size:34px}.overlay ul
li{min-height:34px}}