table#dictionary {
    margin: 0 auto;
    border-collapse: collapse;
    font-family: Agenda-Light, sans-serif;
    font-weight: 100;
    background: #333;
    box-shadow: 0 0 20px gray;
    color: #fff;
    text-rendering: optimizeLegibility;
    border-radius: 5px;
}

table#dictionary thead th {
    font-size: 24px;
    font-weight: bold;
    padding: 10px;
}

table#dictionary tbody td {
    padding: 1rem;
    font-size: 1.4rem;
}

table#dictionary tbody td {
    padding: .8rem;
    font-size: 1.4rem;
    color: #444;
    /*background: #eee;*/
    background-color: #fffbe0;
}

table#dictionary tbody tr:not(:last-child) {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

@media screen and (max-width: 1000px) {
    table#dictionary {
        background: none;
        box-shadow: none;
    }
    table#dictionary thead {
        display: none;
    }
    table#dictionary tbody td {
        display: block;
        padding: .6rem;
    }
    table#dictionary tbody tr td:last-child {
        margin-bottom: 10px;
    }
    table#dictionary tbody tr td:first-child {
        background: #666;
        color: #fff;
    }
    table#dictionary tbody td:before {
        content: attr(data-th);
        /*    font-weight: bold;
    display: block;
    width: 100%;
    margin: 5px 0 10px 0;*/
        display: none;
    }
}