header {
	height: 40px;
	background: black;
	color: white;
}
#header-shrink {
	width: 740px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	background: inherit;
}
#header-toggle {
	display: none;
}
#header-menu {
	display: flex;
	font-size: 15px;
	background: inherit;
}
#header-logo, .header-item {
	padding: 0 10px;
	align-self: stretch;
	line-height: 40px;
	text-decoration: none;
	color: inherit;
}
#header-logo {
	font-weight: bold;
	font-size: 20px;
}
.header-item:hover {
	background: #333;
}
@media (max-width: 760px) {
	#header-shrink {
		width: auto;
	}
	#header-menu {
		display: none;
	}
	#header-toggle {
		display: flex;
		padding: 0 10px;
		background: inherit;
		align-items: center;
		cursor: pointer;
		z-index: 10;
	}
	#header-menu.header-menu-open {
		display: flex;
		position: absolute;
		right: 0;
		top: 40px;
		flex-direction: column;
		z-index: 10;
	}
	#header-haze {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0.5);
		z-index: 9;
	}
	.header-item {
		padding: 0 20px;
	}
}