.header {
  width: 100%;
  display: flex;
  justify-content: center;
}

.header__menu-button {
  display: none;
}

.header__logo {
  position: absolute;
  left: 55px;
  top: 30px;
  width: 120px;
  height: 109px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.menu .header__logo{
  position: absolute;
  left: 55px;
  top: -100px;
  width: 120px;
  height: 109px;
}

.nav {
  width: 100%;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav__list {
  list-style: none;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.nav__list a{
  color: #003F64;
  transition: all 0.3s ease;
}
.nav__list a:hover, .nav__list a.active{
  color: var(--Brown, #A0978F);
  text-decoration-line: underline;
}

.nav__item {
  font-variant-numeric: lining-nums tabular-nums;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  cursor: pointer;
}

.nav__button {
  padding: 12px 24px;
  border-radius: 6px;
  border: 1px solid #003F64;
  font-size: 18px;
  line-height: 100%;
  cursor: pointer;
  transition: all 0.3s ease;
}
.nav__button:hover{
   border: 1px solid #A0978F;
  color: #A0978F;
 }

.nav__button--filled {
  background-color: #0D5581;
  color: #FFF;
  border: 1px solid #0D5581;
}
.premiere_page .header__logo{
  filter: brightness(0) invert(1);
}
.premiere_page .nav__list a
{
  color: #F2EBE5;
}
.premiere_page .nav__list a:hover, .premiere_page .nav__list a.active{
  color: var(--Brown, #A0978F);
  text-decoration-line: underline;
}
.premiere_page .nav__button {
  border-color: #fff;
  color: #fff;
}
.header, .main .description, .mass-media {
  width: 1170px;
  max-width: calc(100% - 385px);
}
.main .preview {
  width: 1170px;
}
@media (max-width: 1169px) {
.header {
flex-direction: column;
align-items: center;
gap: 20px;
max-width: calc(100% - 15px * 2);
}
.header, .main .preview, .main .description, .mass-media{
max-width: calc(100% - 15px * 2);
}

.header__menu-button {
position: absolute;
top: 20px;
right: 15px;
display: flex;
background: url(../assets/images/menu-icon.svg);
width: 32px;
height: 32px;
}
.premiere_page .header__menu-button {
background: url(../assets/images/menu-icon-white.svg);
}

.header__logo, .menu .header__logo {
position: initial;
margin-top: 20px;
}

.nav {
margin: 0;
flex-direction: column;
}

.nav__list {
padding: 15px 0;
border-top: 1px solid rgba(0, 63, 100, 0.20);
border-bottom: 1px solid rgba(0, 63, 100, 0.20);
}

.nav__item {
font-size: 18px;
}

.nav__button {
margin: 15px 0;
width: 100%;
text-align: center;
}
}