.newsItem {
  transition: all .3s;
  background: #fff;
  margin-bottom: 30px;
}

.newsItemImg {
  display: block;
  overflow: hidden;
  border-radius: 2px 2px 0 0;
  height: 0;
  padding-top: 56%;
  position: relative;
}

.newsItemImg img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.newsItemDate {
  margin-bottom: 5px;
  color: #858585;
  font-size: 14px;
  font-weight: 700;
}

.newsItemName {
  display: block;
  font-weight: 700;
  color: #333333;
  height: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .3s;
}

@media (min-width: 576px) {
  .newsItemDescription {
    border: 1px solid #e1e1e1;
    padding: 20px 15px;
    border-radius: 0 0 2px 2px;
  }
}

@media (min-width: 992px) {
  .newsItemName:hover {
    color: #0355ff;
    text-decoration: none;
  }

  .newsItem:hover {
    box-shadow: 0px 4px 30px rgba(3, 85, 255, 0.15);
  }
}

@media (max-width: 576px) {
  .newsItemDescription {
    padding: 20px 0;
  }
}