.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 img{
  display: block;
  height: 64px;
}

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