/* nav */
	#nav {position: relative; background: #343434;}
	#icon-nav {position: absolute; left: 30px; top: 140px; }
	#icon-nav li {padding-top: 40px; width: 80px; height: 100px;}

	#logo {position: absolute; right: 0px; top: 0px;  z-index:50;}
	#logo .logo {display: block; width: 350px; height: 142px; padding-top: 10px;  }
	#logo h3 {position: fixed; right: 50px; top: 80vh; width: 15px; height: 60px; text-decoration: none; color: #000;  text-align:center; font-size: 15px; }

	#side-nav {position: absolute; left: 0px; top: 0px; width: 100%;  transition: left 0.3s ease-in-out; background: #fff;}
	#side-nav .mNav {display: block; float: left; width: 80px; height: 100px; cursor: pointer; padding: 40px 0  0px 30px;}

	#side-nav .menu { display: none; overflow: hidden; position: absolute; left: 120px; top: 140px; width: 80%; background: #fff; text-align: center; }
	#side-nav .menu div {float: left; width: 100%; }

	#side-nav .menu div h2 {width: 100%; font-family:'Abel', sans-serif; border-bottom: 2px solid #eee; padding: 10px;}
	#side-nav .menu div li {display: inline-block; width: 40%; font-family:'Abel', sans-serif; padding: 10px;}
	#side-nav .menu div li.roommenu {display: inline-block; width: 19%;  font-family:'Abel', sans-serif; padding: 5px;}

	#side-nav .menu div h1:active a {color:#666;}
	#side-nav .menu div li:active a {color:#666;}
	#side-nav .menu div li:last-child {margin-bottom: 20px;}
	#side-nav .menu div h1:last-child {padding: 30px 20px 0px 20px;}
	}