header {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
	user-select: none;

	.logo {
		line-height: 0;

		img {
			height: 36px;
		}
	}
}

#nav-toggle-box,
#contactInNav {
	display: none;
}

#nav-toggle {
	background-color: transparent;
	border: none;
	display: none;
}

#burger-icon {
	cursor: pointer;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23506690' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") no-repeat 50%;
	padding: 5px;
	background-size: 80%;
	display: inline-block;
	height: 1.4em;
	vertical-align: middle;
	width: 1.4em;
	font-size: 1.2rem;
	border-radius: 6px;
	transition: background-color .2s ease,
	box-shadow .2s ease;
}