.documents-list {
}
.documents-list .category{
    font-size: 1.25em;
    line-height: 1.25em;
    padding-bottom: 1.3em;
    font-weight: bold;
    clear: both;
}
.documents-list .item {
    display: flex;
    margin: 0 0 1.3em !important;
}
.documents-list .columns.item {
    padding: 0;
}
.documents-list .item .type {
    /* width: 3em; */
    width: 2.1875em;
    height: 2.875em;
    margin-right: .8em !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 2.2em auto;
    background-position: left center;
}
.documents-list .item .params,
.documents-list .item .file-name {
    display: inline-block;
}
.documents-list .item .params {
    width: 5.2em;
    font-size: .875em;
    line-height: 1.6em;
}
.documents-list .item .weight{
    padding-top: .1em;
}
.documents-list .item .date {
    /* padding-top: 1em; */
    /* padding-top: .5em; */
}
.documents-list .item .file-name {
    vertical-align: top;
    max-width: 76%;
    padding: 0 .8em;
}
.documents-list .item .file-name a{
    line-height: 1.2em;
    text-decoration: none;
}


@media (max-width: 80em) {
    .documents-list .item .file-name {
        max-width: 67%;
    }
}

/* < 400 px */
@media(max-width: 25em) {
    .documents-list .columns.item {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #ccc;
        padding-bottom: 1em;
    }
    .documents-list .item .type {
    }
    .documents-list .item .file-name {
        max-width: 100%;
        padding-bottom: 0.6em;
        padding-left: 0;
        padding-right: 0;
        order: -1;
    }
}