.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;}