@media print {
    #mobile-menu {
        display:none!important;
    }
}
#mobile-menu {
    top: 71px;
    width: 100%;
    background-color: #000;
    background-image: url(https://www.wcs.org/assets/wcsorg/textures/sandpaper-2bcfb26ec1af9c12952a253f2c06ed3c.png);
}
.dnnform{position:relative;}
#hamburger{display:none;z-index:20;position:absolute;top:17px;left:10px;outline:none;-moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
#Body #hamburger.dnnEditable{top:54px;}
#hamburger:before,
#hamburger:after,
#hamburger span{background: #fff;content:'';display: block;width: 30px;height: 3px;position: absolute;left: 20px;}
#hamburger:before{top: 10px;}
#hamburger span{top: 18px;}
#hamburger:after{top: 26px;}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span {
    -webkit-transition: none 0.5s ease 0.5s;
    -moz-transition: none 0.5s ease 0.5s;
    -o-transition: none 0.5s ease 0.5s;
    transition: none 0.5s ease 0.5s;
    -webkit-transition-property: transform, top, bottom, left, opacity;
    -moz-transition-property: transform, top, bottom, left, opacity;
    -o-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}

html.mm-opening nav#mobile-menu{display:block!important;z-index:20;}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after
{
	top: 20px;	
}
html.mm-opening #hamburger span
{
	left: -50px;
	opacity: 0;
}
html.mm-opening #hamburger:before {
    -moz-transform: rotate( 45deg );
    -ms-transform: rotate( 45deg );
    -o-transform: rotate( 45deg );
    -webkit-transform: rotate( 45deg );
    transform: rotate( 45deg );
}
html.mm-opening #hamburger:after {
    -moz-transform: rotate( -45deg );
    -ms-transform: rotate( -45deg );
    -o-transform: rotate( -45deg );
    -webkit-transform: rotate( -45deg );
    transform: rotate( -45deg );
}
.mm-list{font-size:17px!important;}

    .mm-list > li > a, .mm-list > li > span {
        font-family: "Futura BT";
        font-size: 17px;
        font-weight: normal;
        text-align: center;
        text-transform: uppercase;
        line-height: 2em;
    }

@media only screen and (max-width: 767px) 
{
    #hamburger{display:block;}
    .main-menu{display:none;}
}