header{
  background-color: var(--base);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.header-container {
  padding-inline: 56px;
  padding-block: 16px;
  display: flex;
  align-items: center;
  @media(min-width: 1441px){
    padding-block: 24px;
  }
}

.header-logo {
  width: 199px;
  aspect-ratio: 199/44;
  max-width: 360px;
  @media(min-width: 1441px){
    width:  calc(100%* 300 / 1328);
  }
  @media(max-height: 900px){
    width:  calc(100vh*  199/ 900);
  }
}
.header-logo img{
  -o-object-fit: contain;
  object-fit: contain;
}
@media(max-width: 768px){
  .header-container{
    padding-inline: 30px;
  }
  .header-logo{
    width: 199px;
  }
}