.header {
	position: fixed;
	width: 100%;
	height: var(--header-height);
	/* border-bottom: 1px solid var(--color1); */
	/* background-color: white; */
	z-index: 1;
	overflow: visible;
	/* justify-content: flex-end; */
	/* padding-top: .5rem; */
	align-items: center;
	gap: 1rem;
}
.scrolled .header {
	background-color: white;
	/* height: 6rem; */
}
.header__inner {
	display: grid;
	grid-template-columns: min-content 1fr min-content;
	justify-content: start;
	align-items: center;
	height: 100%;
	
}
.logo {
	transition: 0.3s;
	width: clamp(6rem,15vw,12.5rem);
	
}
.toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	z-index: 1;
	justify-self: end;
	
}
.toggle svg {
	fill:none;
	stroke: var(--color1);
	stroke-width:2;
	stroke-miterlimit:10;
}
.toggle_close {
	display: none;
	
}
.menu_open .toggle_close {
	display: block;
	stroke: white;
}
.menu_open .toggle_open {
	display: none;
	
}
.toggle img {
	position: absolute;
	
}
.logo img {
	width: 100%;
}
.menu {
	
}
.menu strong {
	font-weight: normal;
	
}
@media screen and (min-width: 576px){
	.header {
		
	}
	.logo {
		
	}
	.logo img {
		
	}
	
}

@media screen and (min-width: 768px){
	.header {
		
	}
	.scrolled .header {
		
	}
	.header__inner {
		
	}
	.scrolled .header__inner {
		
	}
	.toggle {
		padding-top: 1.5rem;
		
	}
	.logo {
		
	}
	.scrolled .logo {
		
	}
	
}

@media screen and (min-width: 992px){
	.header {
		/* padding-top: 1rem; */
	}
	.logo {
		
	}
	.scrolled .logo {
		
	}
	.logo img {
		/* width: 11rem; */
		/* height: 3rem; */
	}
	.toggle {
		display: none;
		
	}
	.menu {
		display: block;
		
	}
	
}
@media screen and (min-width: 1200px){
	.header {
		
	}
	.header__inner {
		grid-template-columns: min-content 1fr min-content;
	}
	.scrolled .logo {
		
	}
	.logo {
		
	}
	
}