@charset "utf-8";

body.what   {
    background-color: transparent;
    padding: 0;
}

.list-news {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(4, auto);
    gap: 20px 85px;
    overflow: hidden;
}

.list-news a {
    font-size: 17px;
    text-align: left;
    background-image: repeating-linear-gradient(90deg, #000000, #000000 4px, transparent 4px, transparent 12px);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 100% 1px;
    padding: 0 5px 18px;
    width: 375px;
    display: grid;
    column-count: 2;
    line-height: 120%;
}

.list-news a .date {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
}


/******************************************************/

@media screen and (max-width: 819px) {

    .list-news {
        display: block;
    }
    
    .list-news a {
        font-size: 2.8vw;
        width: 100%;
        padding: 0 0 3%;
        margin-bottom: 3%;
        line-height: 140%;
    }
    
    .list-news a .date {
        font-size: 2.4vw;
        margin: 0;
    }
    
}