.menu-wrap a{color:#777}
.menu-wrap a:hover,
.menu-wrap a:focus{color:#555;}
.content-wrap{overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform 0.4s;transition:transform 0.4s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);}
.content{position:relative;background:#b4bad2;padding-bottom:12em;}
.menu-button,
.menu-wrap{position:absolute;width:2.5em;height:2.25em;font-size:1.5em;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);right:0;top:20px;}
.menu-button{z-index:1000;margin:0;padding:0;border:none;text-indent:2.5em;color:transparent;background:none;}
.menu-button::before{position:absolute;top:0.5em;right:0.5em;bottom:0.5em;left:0.5em;background:linear-gradient(#777 20%, transparent 20%, transparent 40%, #777 40%, #777 60%, transparent 60%, transparent 80%, #777 80%);content:'';}
.menu-button:hover{opacity:0.6;}
.menu-wrap{z-index:999;background:#fff;-webkit-transition:width 0.4s, height 0.4s, -webkit-transform 0.4s;transition:width 0.4s, height 0.4s, transform 0.4s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1);}
.menu{height:100%;overflow:hidden;}
.icon-list{float:right;padding:0 4em 0 0;}
.icon-list a{opacity:0;display:inline-block;padding:0 0.2em;margin:0 15px;text-align:center;font-size:16px;}
.icon-list a span{display:block;text-transform:uppercase;letter-spacing:1px;font-size:0.5em;font-weight:700;padding-top:0.5em;}
@media screen and (max-width:50em){.icon-list a{padding:0.5em 0em;margin:0 5px;font-size:1em;}
.icon-list a span{}
.show-menu .menu-wrap{height:auto;}
}
.show-menu .content-wrap{-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translate3d(0,125px,0);transform:translate3d(0,125px,0);}
.show-menu .menu-wrap{width:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:0s;transition-delay:0s;}
.show-menu .icon-list a{opacity:1;-webkit-transition:opacity 0.4s 0.4s;transition:opacity 0.4s 0.4s;}
.show-menu .icon-list a:nth-child(2){-webkit-transition-delay:0.42s;transition-delay:0.42s;}
.show-menu .icon-list a:nth-child(3){-webkit-transition-delay:0.44s;transition-delay:0.44s;}
.show-menu .icon-list a:nth-child(4){-webkit-transition-delay:0.46s;transition-delay:0.46s;}
.show-menu .icon-list a:nth-child(5){-webkit-transition-delay:0.48s;transition-delay:0.48s;}
.show-menu .icon-list a:nth-child(6){-webkit-transition-delay:0.5s;transition-delay:0.5s;}