.allDocument
{
    margin-bottom : 2rem;
}

    .allDocument .eachDocument {
        display : flex;
        flex-direction : row;
        flex-wrap : wrap;
        justify-content : flex-start;
        align-items: flex-start;
        margin-bottom : 1rem;
        border-bottom : dashed 1px #e0e0e0;
        position : relative;
    }

        .allDocument .eachDocument .date {
            flex-grow: 1;
            flex-shrink: 0;
            font-size: 0.8rem;
            margin-right: 1rem;
        }

        .allDocument .eachDocument .name {
            flex-grow: 5;
            flex-shrink: 1;
            font-weight: 700;
            margin-right: 1rem;
        }

        .allDocument .eachDocument .description {
            flex-grow: 0;
            flex-shrink: 0;
            line-height : 2rem;
        }

@media (max-width: 480px) {
    .allDocument .eachDocument {
        display : block;
    }
}