@media screen and (min-width: 48em) {
  .header {
  	--header-left: auto;
  	--header-justify: center;
  	--header-position: static;
  	justify-content: center;
  	gap: 1.25rem;
  	margin-block-end: 8px;
  }
  .header img,
  .header svg {
  	width: 50px;
  	height: 46.4047px;
  }
}
.header {
  background: var(--color-light);
  padding-block: 0.5rem;
  display: flex;
  justify-content: var(--header-justify, space-between);
  align-items: center;
  position: var(--header-position, fixed);
  left: var(--header-left, 50%);
  top: 0;
  transform: var(--header-left, translateX(-50%));
  /*margin-block-end: 8px;*/
}
.header img, 
.header svg {
  width: 35px;
  height: 32.4833px;
}