header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--gray-primary);
  box-shadow: var(--shadow-sm);
  position: sticky;
  top: 0;
  z-index: 200;
  height: 72px;
  padding: 0 40px;

  @media screen and (max-width: 1250px) {
    padding: 0 20px;
    justify-content: flex-end;
  }
}

.logo-container {
  display: flex;
  align-items: center;
  max-width: 300px;
}

.logo-container-responsive {
  display: flex;
  align-items: center;
  max-width: 180px;
}