.header--read {
    margin: 0 0 15px 0;
    padding: 0 7%;
    font-family: 'RobotoLight', sans-serif;
    font-size: 24px;
    text-align: center;
}

.col-read:nth-child(odd) {
    padding: 0 7px 0 0;
}

.col-read:nth-child(even) {
    padding: 0 0 0 7px;
}

.read-item {
    position: relative;
    margin: 0 0 7px;
    overflow: hidden;
}

.read-item__img {
    width: 100%;
}

.read-item__desc {
    position: absolute;
    width: 100%;
    top: 80%;
    left: 4%;
}

.read-item__actions {
    width: 37%;
}

.read-item__label {
    min-width: 75px;
    width: 100%;
    padding: 5px 8%;
    font-size: 10px;
}

@media only screen and (min-width:480px) {
    .read-item__desc {
        top: 85%;
        left: 5%;
    }

    .read-item__label {
        font-size: 13px;
    }

}

@media only screen and (min-width:520px) {
    .col-read:nth-child(odd) {
        padding: 0 15px 0 0;
    }

    .col-read:nth-child(even) {
        padding: 0 0 0 15px;
    }

    .header--read {
        margin: 0 0 30px 0;
        padding: 0 11%;
        font-size: 35px;
    }

    .read-item {
        margin: 0 0 26px;
    }

    .read-item__label {
        padding: 10px 8%;
    }
}