.header {
  position: sticky;
  z-index: 50;
  top: 0;
  background-color: #fff;
  padding: 35px 0;
  transition: box-shadow 0.3s;
}
@media (max-width: 550px) {
  .header {
    padding: 26px 0;
  }
}
@media (max-width: 479px) {
  .header {
    padding: 15px 0;
  }
}
.header--fixed {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.header__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.header__logo {
  max-width: 177px;
  width: 100%;
}
@media (max-width: 550px) {
  .header__logo {
    max-width: 150px;
  }
}