.info-list {
  width: min(100%, 600px);
  margin: auto;
}
@media (max-width: 767px) {
  .info-list {
    display: block;
  }
}

@media (min-width: 768px) {
  article {
    margin-bottom: 3.5cqw;
  }
}
@media (max-width: 767px) {
  article {
    margin: 9cqw 0;
  }
}

.item_meta {
  margin-bottom: 0;
}

.item_date,
.info_title {
  margin-bottom: 1cqw;
}

.info_title {
  transition: all 0.3s ease;
}
.info_title:hover {
  transform: translateY(0.4em);
}
.info_title a {
  color: #231815 !important;
}

.excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
}