.span-box-c {
    display: flex;
    /* flex-direction: column; */
    flex: 50%;
    width: 100%;
    padding-bottom: 50px;
    font-size: 25px;
    font-family: caslon-antique;
    overflow-x: hidden;
    overflow-y: auto;
    background: transparent;
    margin-left: 14px;
}

.col {
    display: flex;
    flex-direction: column;
    flex: 60%;
    width: 60%;
    font-size: 25px;
    font-family: caslon-antique;
    overflow-x: hidden;
    overflow-y: auto;
    /* background: transparent; */
}

.table-docs {
    display: auto;
    flex-direction: column;
    flex: 100%;
    width: 100%;
    font-size: 25px;
    font-family: caslon-antique;
    overflow-x: hidden;
    overflow-y: auto;
}

.table-cells {
    padding-left: 5px;
    padding-right: 5px;
}

@media screen and (max-width: 600px) {
    .span-box-c {
        flex-direction: column;
        display: flex;
        width: 100%;
    }

    .col {
        width: 100%;
    }
}