nav div {padding: 12px; display: none; cursor: pointer; color: #fff; font-size: 24px; position: fixed; right: 20px; top: 20px; width: auto; background: #96915e;}

nav ul {margin: 0; padding: 20px 0; display: none; list-style-type: none; position: fixed; text-align: center; top: 0; left: 0; width: 100%; height: 100vh; background: #aaa894; overflow-y: auto; -webkit-overflow-scrolling: touch; padding-bottom: 100px; box-sizing: border-box; z-index: 51;}
nav ul ul {height: auto; padding-bottom: 0;}
nav ul li {display: inline-block; transition: 0.3s;}
nav ul li span {position: relative; top: 2px; left: 4px;}
nav ul li a, nav ul li a:visited {padding: 20px 0; color: #fff; text-decoration: none; display: block; font-size: 24px; font-weight: 300;}
nav ul li a:hover {color: #fff;}
nav ul li:hover {background: #8d8a6d;}
nav ul ul li:hover {background: #99967a;}
nav ul ul {position: absolute; min-width: 250px; background: #aaa894; display: none; padding-top: 0; padding-bottom: 0;}
nav ul ul li {display: block; background: #aaa894; position: relative;}
nav ul li:hover ul {display: block;}
nav ul ul ul {position: absolute; left: 100%; top: 0; display: none; background: lightgrey;}
nav ul li:hover ul ul {display: none;}
nav ul ul li:hover ul {display: block;}

nav .material-menu {font-size: 40px;}
nav .arrow {display: inline-block; font-size: 14px;}



@media only screen and (max-width: 10000px) {

#menu {position: fixed; top: 0; right: 0; z-index: 50;}
#menu nav ul, #menu nav ul ul, #menu nav ul ul ul {width: 100%;}

nav div {display: block; transition: 0.3s; z-index: 52;}
nav ul {display: none; position: static; background: #aaa894;}
nav ul li {display: block;}
nav ul ul li {background: #aaa894;}
nav ul ul li a {padding-left: 0;}
nav ul ul ul li {background: #aaa894;}
nav ul ul ul li a {padding-left: 0;}
nav ul ul, nav ul ul ul {position: static; display: none;}

}




nav ul ul, nav ul ul ul {display: block;}
nav ul li.submenu-open > ul, nav ul ul li.submenu-open > ul {visibility: visible; opacity: 1;}
nav ul ul ul {top: auto; left: 100%; margin-top: -36px;}



@media only screen and (max-width: 400px) {

nav ul ul li a, nav ul ul li a:visited {font-size: 20px;}

}



@media only screen and (max-width: 320px) {

nav ul ul li a, nav ul ul li a:visited {font-size: 18px;}

}