.prispevky_kontejner {
    display: grid;
    grid-template-columns: repeat( 2, 1fr );
    justify-items: center;
    gap: 3rem;
    margin: 40px auto;
}
.art_blok {
    position: relative;
    width: 480px;
    background-color: #F7F7F7;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 12px 12px 0 0;
    align-content: baseline;
}
.art_thumb {
    width: 480px;
    height: auto;
    max-height: 270px;
    overflow: hidden;
    border-radius: 12px 12px 0 0;
}
.art_thumb img {
    width: 100%;
    height: auto;
}
.art_meta {
    font-size: 0.9rem;
    font-style: italic;
    color: gray;
    padding: 15px 15px 0;
    margin: 0;
}
.art_autor, .art_datum {
    display: inline-block;
}
.art_datum {
    padding: 0 0 5px;
}
.art_cat {
    display: inline-block;
}
.art_stitek {
    display: inline-block;
}
.art_nadpis {
    padding: 15px 15px 0;
    margin: 0;
}
.art_perex {
    padding: 0px 15px 80px;
    margin: 0;
}
.art_vice {
    display: inline-block;
    position: absolute;
    background-color: #c6a055;
    color: #FFF;
    width: auto;
    right: 30px;
    bottom: 30px;
    padding: 10px 30px;
    border: 1px solid gray;
    border-radius: 4px;
    transition: 0.6s;
}
.art_vice:hover {
    background-color: #FFF;
    color: #292929;
    transition: 0.6s;
}
.art_lista {
    position: absolute;
    left: 0;
    top: 30px;
    background: #c6a055;
    color: #FFF;
    padding: 6px 50px 6px 30px;
    border-radius: 0 15px 15px 0;
}
.navigace_prispevky {
    padding: 15px 30px;
    font-size: 1.5rem;
    display: flex;
    justify-content: space-between;
}