.pure-menu-link {
        /* show this only on small screens */
       position:absolute;
       cursor: pointer;
       top: 0;
       left:0;
       background:inherit;
        color:#FFF;
        font-family: "open-sans",sans-serif;
       font-style: normal;
        font-weight:700;
		margin:0 5px;
        font-size: 12px; /* change this value to increase/decrease button size */
        line-height: 32px;
        z-index: 13;
        width: 36px;
        height: auto;
        padding: 1.5em 0 0 0;
        text-decoration: none
    }

html.mm-opening .pure-menu-link{ padding: 2em 0;}
.pure-menu-link i{font-style: normal;}
html.mm-opening .pure-menu-link i{display: none}



        .pure-menu-link:hover,
        .pure-menu-link:focus {
          
        }

        .pure-menu-link span {
            position: relative;
            display: block;
        }

        .pure-menu-link span,
        .pure-menu-link span:before,
        .pure-menu-link span:after {
            background-color: #FFF;
            width: 100%;
            height: .2em;
            -webkit-transition: all 0.4s;
               -moz-transition: all 0.4s;
                -ms-transition: all 0.4s;
                 -o-transition: all 0.4s;
                    transition: all 0.4s;
        }

            .pure-menu-link span:before,
            .pure-menu-link span:after {
                position: absolute;
                margin-top: -.5em;
                content: " ";
            }

            .pure-menu-link span:after {
                margin-top: .5em;
            }

        html.mm-opening .pure-menu-link span {
            background: transparent;
        }

        html.mm-opening .pure-menu-link span:before {
	             background:#ffc000;
                -webkit-transform: rotate(45deg) translate(.45em, .35em);
                   -moz-transform: rotate(45deg) translate(.45em, .35em);
                    -ms-transform: rotate(45deg) translate(.45em, .35em);
                     -o-transform: rotate(45deg) translate(.45em, .35em);
                        transform: rotate(45deg) translate(.45em, .35em);
            }

         html.mm-opening .pure-menu-link span:after {
	             background:#ffc000;
	             margin-top: .55em;
                -webkit-transform: rotate(-45deg) translate(.45em, -.35em);
                   -moz-transform: rotate(-45deg) translate(.45em, -.35em);
                    -ms-transform: rotate(-45deg) translate(.45em, -.35em);
                     -o-transform: rotate(-45deg) translate(.45em, -.35em);
                        transform: rotate(-45deg) translate(.45em, -.35em);
            }