.article-hero{
  padding: 210px 0;
  @media(max-width: 992px){
    padding: 150px 0;
  }
  @media(max-width: 640px){
    padding: 100px 0 170px 0;
  }
  @media(max-width: 478px){
    padding: 100px 0 110px 0;
  }
}

.article-hero__content{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 50px;
  @media(max-width: 992px){
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
}

.article-hero__text h1{
  font-size: 62px;
  font-weight: 700;
  line-height: 120%;
  font-family: korolev-condensed;
  @media(max-width: 1100px){
    font-size: 45px;
  }
  @media(max-width: 992px){
    font-size: 55px;
    text-align: center;
  }
  @media(max-width: 640px){
    font-size: 45px;
  }
  @media(max-width: 478px){
    font-size: 40px;
  }
}

.article-hero__image{
  border-radius: 50px;
  @media(max-width: 992px){
    grid-row: 1;
    max-height: 400px;
    width: 100%;
    object-fit: cover;
  }
  @media(max-width: 640px){
    max-height: 250px;
  }
}

.article-hero__info{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
  gap: 20px; 
  @media(max-width: 1100px){
    margin-top: 35px;
  }
  @media(max-width: 992px){
    max-width: 400px;
    margin-top: 45px;
    margin-right: auto;
    flex-direction: column;
    margin-left: auto;
    text-align: center;
  }
  @media(max-width: 640px){
    margin-top: 35px;
  }
}

.article-hero__date h3,
.article-hero__date p,
.article-hero__author p,
.article-hero__author h3{
  font-size: 30px;
  line-height: 120%;
  font-family: Titillium Upright !important;
  font-weight: 400;
  @media(max-width: 1100px){
    font-size: 25px;
  }
  @media(max-width: 640px){
    font-size: 20px;
  }
  @media(max-width: 478px){
    font-size: 18px;
  }
}