#menuToggle { display: block; position: absolute; top: 28px;
  right: 20px; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.sticky #menuToggle  { top: 6px }
.sticky #menuToggle span { margin-bottom: 3px; }



#menuToggle input { display: block; width: 40px; height: 32px; position: absolute; top: -7px; left: -5px; 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: #418eb2;  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: 300px; margin: -100px 0 0; padding: 125px 50px 20px; right: -100px; background: #ededed; 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; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 16px; }
#menu li a{ color: #2379a1; text-decoration: none; }
#menu li a:hover{ color: #58b1d3; text-decoration: none; }
#menuToggle input:checked ~ ul { -webkit-transform: scale(1.0, 1.0); transform: scale(1.0, 1.0); opacity: 1;}

 #menu { -webkit-transform: none; transform: none; opacity: 0;  display: none; -webkit-transition: opacity 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
transition: opacity 0.5s cubic-bezier(0.77,0.2,0.05,1.0); }

  #menuToggle input:checked ~ #menu {
	-webkit-transform: scale(1.0, 1.0);
	transform: scale(1.0, 1.0);
	opacity: 1;
	display: block;
  }


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