.infolist-area {
    padding-bottom: 4em;
    position: relative;
    margin: 0 auto;
}

.infolist-whole {
    position: relative;
    overflow: hidden;
}

.infolist-cell {
    margin-bottom: 3em;
}

    .infolist-cell > div:first-child {
        overflow: hidden;
    }

    .infolist-cell > div:last-child {
        padding-left: 5em;
    }

.infolist-cover {
    width: 100%;
    background-color: #f8f8f8;
    display: inline-block;
    position: relative;
}

.infolist-cover-bottom {
    margin-top: 70%;
}

.infolist-title {
    font-size: 2.25em;
}

.infolist-date {
    padding: 0.5em 0em;
    font-size: 1em;
    color: #999999;
}

.infolist-profile {
    padding: 0.5em 0em;
    font-size: 1.25em;
    color: #999999;
}

.infolist-view {
    font-size: 1em;
    padding: 0.5em 2em;
}

.news-cover-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

@media(max-width: 767px ) {
    .infolist-date,
    .infolist-profile,
    .infolist-view {
        font-size: 1.7em;
    }

    .infolist-cell > div:last-child {
        padding-left: 15px;
        padding-right: 15px;
    }
}