/* Header
==================================== */
header{
	position: relative;
	width: 100vw;
	padding: var(--margin-top) var(--margin-sides) 60px;
	display: grid;
	grid-template-columns: 1fr max-content;
	grid-auto-rows: var(--height-logo);
	align-items: baseline;
	column-gap: var(--gap-cols);
	z-index: 9;
}
@media (max-width: 834px){
	header{
		position: sticky;
		position: -webkit-sticky;
		top: 0;
	}
}

/*Logo*/
#logo svg{
	height: var(--height-logo);
	fill: var(--color-txt);
}

/*Menu*/
menu{
	display: grid;
	grid-auto-flow: column;
	column-gap: var(--gap-cols);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-weight: 700;
	text-transform: lowercase;
}
@media (max-width: 600px){
	menu{
		column-gap: 12px;
		font-size: 13px;
	}
}