@media screen and (max-width: 980px) {
	#Menu {
		display: block;
		background: #4A4A4A;
		position: fixed;
		z-index: 10;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		margin: auto;
		padding: 20px;
		transition: all 0.44s cubic-bezier(0.17, 0.04, 0.03, 0.94);
		overflow: hidden;
		box-sizing: border-box;
		visibility: hidden;
		opacity: 0;
	}
	input[type="checkbox"]:checked ~ #Menu {
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
	}
	input[type="checkbox"]:checked ~ #Menu .menu-item{
		transform: translateY(5px);
		opacity: 1;
	}
	input[type="checkbox"]:checked ~ #Menu .sub-menu .menu-item {
		transform: translateY(0px);
		opacity: 1;
	}
	.menu-item {
		opacity: 0;
		transform: translateY(-5px);
		transition: all .44s cubic-bezier(0.17, 0.04, 0.03, 0.94);
	}
	.sub-menu .menu-item{
		opacity: 0;
		transform: translateY(-5px);
		transition: all .44s cubic-bezier(0.17, 0.04, 0.03, 0.94);
	}
	input[type=checkbox] {
		transition: all 0.3s;
		box-sizing: border-box;
		display: none;
	}
}