.field-content > a {
  text-decoration: none;
  font-weight: bold;
  border-bottom: 0;
  font-size: 1.5em;
}

.views-field-field-article-title-link {
  font-family: sans-serif;
  
}

.views-field-field-article-image-link,
.views-field-field-article-image,
.views-field-field-feature-image {
  float: left;
  padding-right: 1em;
}

.views-field-field-article-teaser {
  font-family: sans-serif;
  padding-bottom: 1em;
}

.views-field-field-article-date,
.views-field-field-publication-date-and-time {
  position: absolute;
  top: 15px;
  left: 10px;
  text-align: center;
  background-color: #eee;
  padding: 0.5em;
}

.views-col {
  position: relative;
  padding-bottom: 1em;
}

a, a.link, a > img {
  border-bottom: 0;
}

/* from w3schools */
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .views-field-field-article-image,
  .views-field-field-article-teaser,
  .views-field-field-article-title-link {
    width: 100%;
  }
  .views-field-field-article-image-link,
  .views-field-field-article-image {
    padding-right: 0.5em;
  }
}