.vp.artikkeli{
    background-color: #dfe7ff;
    padding: 20px;
    display: flex;
    flex-direction: column;

    height: 100%;
    width: 580px;
}

@media only screen and (max-width: 600px) {
    .vp.artikkeli{
        width: 100%;
    }
}
.vp.artikkeli a{
    width: 100%;
    height: 100%;
}
.vp.artikkeli img.cover{
    width: 100%;
    height: 290px;
}

.vp.artikkeli h3{
    font-size: 18px;
    color: black;
    margin: 5px 0;

    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.vp.artikkeli .date{
    color: #747474;
    font-size: 18px;
}