#menuToggle { display: block; position: relative; top: -32px; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#menuToggle input { display: block; width: 40px; height: 32px; position: absolute; left: 20px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none; }
#menuToggle span { display: block; width: 33px; height: 4px; margin-bottom: 5px; position: relative; background: #fff; left: 20px; border-radius: 3px; z-index: 1; -webkit-transform-origin: 4px 0px; transform-origin: 4px 0px; -webkit-transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease,-webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease,-webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease,
-webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); }
#menuToggle span:first-child {-webkit-transform-origin: 0% 0%; transform-origin: 0% 0%;}
#menuToggle span:nth-last-child(2) {-webkit-transform-origin: 0% 100%; transform-origin: 0% 100%;}
#menuToggle input:checked ~ span{opacity: 1;-webkit-transform: rotate(45deg) translate(-2px, -1px);transform: rotate(45deg) translate(-2px, -1px);background: #232323;}
#menuToggle input:checked ~ span:nth-last-child(3){ opacity: 0; -webkit-transform: rotate(0deg) scale(0.2, 0.2); transform: rotate(0deg) scale(0.2, 0.2);}
#menuToggle input:checked ~ span:nth-last-child(2){ -webkit-transform: rotate(-45deg) translate(0, -1px); transform: rotate(-45deg) translate(0, -1px);}
#menu{ position: absolute; width: auto; padding: 125px 30px 10px 20px; background: #ededed; margin-top: -100px; margin-right: 0; margin-bottom: 0; list-style-type: none; -webkit-font-smoothing: antialiased; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); }
#menu li{ font-size: 1.4em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; letter-spacing: 0.05em; margin-bottom: 16px; }
#menu li a { color: #6f6f6f; text-decoration: none; }
#menu li a:hover { color:   #f00}
#menuToggle input:checked ~ ul {-webkit-transform: none; transform: none;}





@media screen and (min-width: 40em)
{
#hmenu { display: none}