.category-snippet,
.category-snippet:visited {
    text-decoration: none;
    color: #3b1544;
    text-align: center;
    word-break: break-all;
    display: block;
    border: 1px solid #E4E4E4;
} 

.category-snippet:hover {
    border: 1px solid #c5c5bc;
}

.category-snippet__inner {
    padding: 10px;
}

.category-snippet__img {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100%;
    padding-bottom: 65%;
}

.category-snippet__title {
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #444444;
    /* text-align: left; */
    /* background-color: antiquewhite; */
    /* position: absolute; */
    /* left: 24px; */
}

.category-snippet__meta {
    margin-top: 0.1em;
    font-size: 13px;
    color: #888;
}

@media (min-width: 600px) {
    .category-snippet__inner {
        padding: 20px;
    }

    .category-snippet__title {
        font-size: 14px;
    }

    .category-snippet__meta {
        font-size: 13px;
    }    
}

@media (min-width: 1600px) {
    .category-snippet__title {
        font-size: 15px;
    }

   .category-snippet__meta {
        font-size: 15px;
    } 
}