#mobtabmenunav, .sidebar{display:none;}
@media only screen and (max-width:767px){
	#mobtabmenunav, .sidebar{display:inline-block;}
	#mobtabmenunav ul {
	  position: relative;
	  z-index: 1;
	  width: inherit;
	  height: 60px;
	}

	#mobtabmenunav ul li {
	  line-height: 60px;
	  padding: 0 20px;
	  float: left;
	  font-size: 26px;
	  opacity: 0.6;
	  color: #d4b268;
	  cursor: pointer;
	  transition: all 1s
	}

	.sidebar {
	  position: absolute;
	  top: 0;
	  height: inherit;
	  width: 300px;
	  background-image: linear-gradient(to left, rgba(0,0,0,0.0), rgba(0,0,0,0.5));
	  transition: left 1s;
	}

	.sidebar ul { width: inherit; }

	.sidebar ul li {
	  padding: 8px 12px;
	  letter-spacing: 2px;
	  cursor: pointer;
	  opacity: 0.7;
	  transition: all 1s;
	}

	.sidebar ul li:hover { opacity: 1; }

	.hide-sidebar { left: -300px; }

	.show-sidebar { left: 0; }

	.menu-clicked {
	  transform: scale(1.25);
	  opacity: 1;
	}

	.menucentered {
	  background:#d9f3e4;
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%, 18%);
	}
}