#header {
	position: fixed;
	transition: padding .5s ease-out;
	transition: all .5s ease-out;
}

#header.topfixed {
	padding-top: 5px;
	padding-bottom: 5px;
}

#header.change-bg {
	background-color: #111;
}

.logo {
	/* display:flex;
	align-items: flex-end; */
}

.logo svg {
	width: 240px;
	display:block;
	margin-right:12px;
	transition: width .5s ease-out;
}

.topfixed .logo svg {
	width: 125px;
	transition: width .5s ease-out;
}

#logo path {
	fill: var(--logo-color);
}

@media screen and (max-width: 740px) {
	.logo svg {
		width: 160px;
	}
}