/* CSS Document */


.arttitle{
    
    grid-column:1 / span 4;
}

.art1{
    
}

.art2{
    
}

.art3{
    
}

.art4{
    
}



.grid-media {
    width:70%;
    margin:auto;
    display:grid;
    /*grid-template-columns: calc(100% * 1 / 4 - 20px);*/
    /*grid-template-columns: repeat(4, calc(100% - 30px)/4);*/
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    /*grid-template-areas:
        'artheader artheader artheader artheader'
        'medbloc1 medbloc2 medbloc3 medbloc4';*/
    grid-row-gap: 10px;
    grid-column-gap: 10px;
}

.row-title {
    background: #535E66;
    padding-left:10px;
}

.medblock {
    display:grid;
    grid-template-rows:auto auto;
}

.medblock img {
    width:100%;
}

.articletit {
    background:#535E66;
    color:#FFF;
}