.news-heading {
  font-size: 44px;
}

@media (max-width: 575px) {
  .news-heading {
    font-size: 28px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .news-heading {
    font-size: 32px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .news-heading {
    font-size: 34px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .news-heading {
    font-size: 36px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .news-heading {
    font-size: 38px;
  }
}

@media (min-width: 1440px) and (max-width: 1599px) {
  .news-heading {
    font-size: 40px;
  }
}

@media (min-width: 1600px) and (max-width: 1899px) {
  .news-heading {
    font-size: 42px;
  }
}

.news-header {
  height: 15vh;
  margin-bottom: 10px;
}

@media (min-width: 300px) and (max-width: 575px) {
  .news-header {
    max-height: 80px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .news-header {
    max-height: 60px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .news-header {
    max-height: 80px;
  }
}

@media (min-width: 992px) and (max-width: 1119px) {
  .news-header {
    max-height: 70px;
  }
}

@media (min-width: 1600px) {
  #news-header {
    max-height: 65px;
  }
}