@media only screen and (max-width: 2900px) {
	#menu {
		height: 100%;
		position: fixed;
		background-color: #c7c7c7;
		width: 200px;
		transition: 1000ms all cubic-bezier(0.19, 1, 0.22, 1);
		transform: translateX(100%);
		right: 60px;
		z-index: 9;
	}
	#menu.expanded {
		transform: translateX(0%);
		right: 0px;
	}
	.menu-inner {
		width: 100%;
		height: 100%;
		position: relative;
	}
	#blob {
		top: 0;
		z-index: -1;
		right: 60px;
		transform: translateX(-100%);
		height: 100%;
		position: absolute;
	}
	#blob-path {
		height: 100%;
		fill:  #fff;
		opacity: 0;
	}
	.hamburger {
		left: 20px;
		position: absolute;
		width: 20px;
		height: 20px;
		margin-top: 20px;	
	}
	.hamburger .line {
		width: 100%;
		height: 4px;
		background-color: #fff;
		position: absolute;
	}
	.hamburger .line:nth-child(2) {
		top: 50%;
		margin-top: -2px;
	}
	.hamburger .line:nth-child(3) {
		bottom: 0;
	}
	ul {
		text-align: right;
		padding: 0;
		list-style: none;
		width: 80%;
		margin-right: 10%;
		position: absolute;
		top: 10px;
	}
	ul li {
		color: #fff;
		font-family: sans-serif;
		padding: 20px 0;
	}
}
@media only screen and (max-width: 2900px) {
	#menu {
		opacity: 0.8;
		width: 200px;
	}
}