/* tabele */
.table {
    width: 100%;
    max-width: 100%;
    text-align: left;
    table-layout: auto;
    border-collapse:collapse;
    border-spacing: 0;
}

@media (max-width: 900px) {
    
    .table {
        table-layout: fixed;
    }
    
}

h2,
.table caption {
    text-align: left;
    font-size: 140%;
    color: rgba(0, 0, 0, 0.4);
    padding: 15px 0px;
    font-weight: normal;
    margin: 0;
}

.table th,
.table td {
    padding: 6px 12px;
    border: 1px solid;
    overflow: hidden;
    min-width: 20px;
    vertical-align: top;
}

.table th {
    background: #f3f3f3; /* IE8 */
    background: rgba(0, 0, 0, 0.05);
    border-color: #cccccc; /* IE8 */
    border-color: rgba(0, 0, 0, 0.2);
}

.table td {
    border-color: #e6e6e6; /* IE8 */
    border-color: rgba(0, 0, 0, 0.1);
}

/* układ pionowy nagłówków */
.table-vertical td:first-child {
    background: #f3f3f3; /* IE8 */
    background: rgba(0, 0, 0, 0.05);
    border-color: #cccccc; /* IE8 */
    border-color: rgba(0, 0, 0, 0.2);
}