body {
    font-family: Arial, sans-serif;
    direction: rtl;
    margin: auto;
    max-width: 1100px;
    padding: 20px;
    background: #f5f5f5;
}

h1 {
    background: #7a0000;
    color: white;
    padding: 15px;
    text-align: center;
}

.section {
    background: white;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #ccc;
    overflow-x: auto;
}

.section table {
    width: 100%;
    border-collapse: collapse;
}

.section td {
    vertical-align: top;
    padding: 4px 8px;
}

/* Hebrew column */
.section td.h {
    direction: rtl;
    text-align: right;
    width: 50%;
}

/* English column */
.section td:not(.h) {
    direction: ltr;
    text-align: left;
    width: 50%;
}

/* Mobile */
@media (max-width: 768px) {

    body {
        padding: 10px;
    }

    .section {
        padding: 10px;
    }

    .section td {
        padding: 4px;
    }

}