.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 {
  float: left;
  padding-right: 6em;
}

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

.field-content > p {
}

.views-field-field-article-date {
  position: absolute;
  top: 15px;
  left: 15px;
  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: 1024px) {
  /* 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: 1.5em;
  }
  .views-col.col-1,
  .views-col.col-2,
  .views-col.col-3 {
    width: 100%;
  }
}

.views-field-field-article-teaser > .field-content {
  padding-right: 1.5em;
}

.views-field-field-article-title-link > .field-content{
  padding-right: 1.5em;
}