#menu {
    display: none;
}
    
#mobile-menu-open {
    display: none;
    z-index: 1000;
    background: #cccccc;
    width: 100%;
    position: fixed;
    z-index: 1000;
    height: 100%;
	-webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}

#mobile-menu-closed {
    display: block;
    background-color: transparent;
    width: 100%;
    position: fixed;
    z-index: 1000;
    height: 15%;
}

#mobile-menu-closed .open {
    display: block;
    position: absolute;
    right: 30px;
    top: 30px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}

#mobile-menu-open .close {
    display: block;
    position: absolute;
    right: 30px;
    top: 25px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}

#mobile-menu-open .title, #mobile-menu-closed .title {
    display: block;
    position: absolute;
    left: 30px;
    top: 30px;
    width: 160px;
    height: 50px;
    background-repeat: no-repeat;
}