.header {
  padding-top: 102px;
}

@media (max-width: 1024px) {
  .header {
    padding-top: 157px;
  }
}

.header .header__article > .container {
  display: flex;
}

.header .header__article {
  position: relative;
  background: linear-gradient(to right bottom, #FFF, #EAEAEA);
  border-top: 2px solid #EAEAEA;
  border-bottom: 2px solid #EAEAEA;
  height: 500px;
}

@media (max-width: 1024px) {
  .header .header__article {
    height: fit-content;
  }
}

.header .header__article > .container {
  background: url('../images/header-actor.png');
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 600px;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

@media (max-width: 1024px) {
  .header .header__article > .container {
    background: none;
    align-items: center;
    justify-content: flex-end;
    padding-top: 24px;
    padding-bottom: 24px;
    height: 100%;
  }
}

.header .header__article .article__title {
  font-size: 60px;
  color: #232323;
  margin-top: 0;
  margin-bottom: 25px;
  max-width: 600px;
}

@media (max-width: 1024px) {
  .header .header__article .article__title {
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 16px;
  }
}

.header .header__article .article__description {
  font-size: 20px;
  color: #666;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 600px;
}

@media (max-width: 1024px) {
  .header .header__article .article__description {
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    color: var(--primary-color-2);
  }
}

@media (max-width: 940px) {
  .header .header__article .article__description {
    text-align: center;
  }
}