.article-detail {
  position: relative;
  margin-top:16px;
  z-index: 10;
}
  .article-detail .timestamp {
    margin-bottom: 1rem;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  .article-detail .mini-caption {
    color: #ffffff; }

.article-detail h5.title{
  font-size:17.5px;
  margin:20px 0;
}


.timestamp > .date {
    margin: auto 0;
    letter-spacing: 0.0625rem;
}
.timestamp .tag, .timestamp .date {
    letter-spacing: initial;
    font-weight: 700;
    line-height: 0.75rem;
}
.timestamp > * {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    font-weight: 700;
    letter-spacing: 0.0625rem;
    line-height: 0.75rem;
}
.date, .author {
    font-size: 14px;
    line-height: 1.3;
    color: rgba(0,0,0,0.5);
}


.timestamp > * {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    font-weight: 700;
    letter-spacing: 0.0625rem;
    line-height: 0.75rem;
}
.timestamp .tag, .timestamp .date {
    letter-spacing: initial;
    font-weight: 700;
    line-height: 0.75rem;
}

.timestamp > .date {
    margin: auto 0;
    letter-spacing: 0.0625rem;
}

.thumbnail-wrapper{

   
    padding-bottom: 56%;
    background: #eee;
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(0,0,0,0.1);
}

.thumbnail-wrapper > *{
    position: absolute;
    width: 100%;
    height: 100%;
}

.view-content .row:before,  .view-content .row:after {
content: none;
}