.donation-table-wrap {
    max-width: 900px;
    margin: 0 auto;
}

.donation-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 15px;
}

.donation-table th,
.donation-table td {
    border: 1px solid #c0504d;
    padding: 16px 10px;
    text-align: center;
    color: #222;
}

.donation-table thead th {
    background-color: var(--red);
    color: #ffffff;
    font-weight: bold;
    line-height: 1.5;
}

.donation-table td.empty-cell {
    background-color: #999999;
    border: 1px solid #c0504d;
    padding: 0;
}

@media (max-width: 1024px) {
    .donation-table {
        font-size: 12px;
    }

    .donation-table th,
    .donation-table td {
        padding: 10px 4px;
    }
}