#menutoggle {
    margin-right: 40px;
    padding: 0px;
    z-index: 100001;
}
#menu a
{
    text-decoration: none;
    color: #232323;

    transition: color 0.3s ease;
}

#menu a:hover, #menu a.active
{
    color: #8DBB00;
    text-decoration: underline;
}


/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
    overflow:auto;
    position: fixed;
    width: 300px;
    margin: -40px 0 0 -50px;
    height:100vh;
    padding: 125px 50px 50px;
    background: #ffffff;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */
    z-index:100000;
    transform-origin: 0% 0%;
    right: 0;
    transform: translate(100%, 0);
    border-left: 1px solid black;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu.is-active {
    transform:none;
}

#menu li
{
    padding: 10px 0;
    font-size: 22px;
}