.header {
  position: absolute;
  z-index: 1000;
  padding-top: var(--padding-L);
  padding-bottom: var(--padding-L);
  padding-left: var(--padding-XL);
  padding-right: var(--padding-XL);
  background-size: cover;
}

.logo {
  order: 1;
  padding: var(--padding-S) 0;
}

@media screen and (max-width: 45rem) {
  .header {
    padding-left: var(--padding-M);
    padding-right: var(--padding-M);
  }
}