@media (max-width: 768px) {
	
	.container {
		width: auto;
	}
	
	#menu {
		padding-top: 25px;
		padding-bottom: 0;
	}
	
	#menu-button {
		display: block;
		position: absolute;
		right: 10px;
		top: 6px;
		width: 32px;
		height: 32px;
		background-size: cover;
	}
	
	#menu ul {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		background-color: #3b3a39;
	}
	
	#menu ul li {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		clear: both;
		border-bottom: 1px solid #323232;
	}
	
	#menu li.active, #menu li:hover {
		
	}
	
	#menu a {
	    padding: 10px 15px 10px;
	    text-shadow: none;
	    font-size: 14px;
	    letter-spacing: 0;
	    text-transform: none;
	    color: #fff;
	    height: auto;
	}
	
	#menu .menu-outer {
	    display: none;
	    z-index: 1000;
	    margin-left: -15px;
	    margin-right: -15px;
	    border-top: 1px solid #f2f2f2;
	}
	
	#menu .logo img {
		width: 40%;
	}
	
	#menu .menu-container {
		top: 0;
		padding-top: 15px;
	}
	
	.hamburger {
		display: block;
		position: absolute;
		right: 15px;
		top: -33px;
		width: 32px;
		height: 32px;
		padding: 0;
	}
	
	.hamburger:focus,.hamburger:active {
	    outline: none;
	}
	
	.hamburger:hover {
	    opacity: 1;
	}
	
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	    position: absolute;
	    width: 22px;
	    height: 1px;
	    border-radius: 2px;
	    background-color: #333;
	}
	
	.hamburger-inner:before {
	    top: -6px;
	}
	
	.hamburger-inner:after {
	    bottom: -6px;
	}
	
	.hamburger-box {
	    width: 22px;
	    height: 20px;
	}
	
	
}