span#toggle-menu {
	display: block;
	margin-bottom: 20px;
	cursor: pointer;
}

nav#primary-nav {
	width: 300px;
}
	nav#primary-nav li {
		display: block;
		background: #de456b;
		margin: 0;
		width: 0;
		border-bottom: 1px solid #fff;
		transition: width 500ms;
		overflow: hidden;
	}
		nav#primary-nav a {
			color: #fff;
			padding: 10px;
			display: block;
		}

	nav#primary-nav li.is-active {
		width: 100%;
	}

	nav#primary-nav li:nth-child(1) {
		transition-delay: 100ms;
	}
	nav#primary-nav li:nth-child(2) {
		transition-delay: 200ms;
	}
	nav#primary-nav li:nth-child(3) {
		transition-delay: 300ms;
	}
	nav#primary-nav li:nth-child(4) {
		transition-delay: 400ms;
	}
	nav#primary-nav li:nth-child(5) {
		transition-delay: 500ms;
	}