.bottom-three {
    margin-bottom: 8mm;
}

p {
    width: 800px;
}

h1 {
    width: 800px;
}

table th {
    width: 20em;
    border: 1px solid black;
}

table td {
    width: 20em;
    border: 1px solid black;
}

table td:nth-child(2) {
    text-align: end;
}


/* --- mobile responsiveness --- */
html, body { overflow-x: hidden; }
img { max-width: 100%; height: auto; }
div { max-width: 100%; }
p, h1, h2, h3 { max-width: 800px; width: auto; }
table { width: 100% !important; max-width: 800px; table-layout: fixed; }
table th, table td { width: auto; overflow-wrap: anywhere; }
html { -webkit-text-size-adjust: 100%; }
@media (max-width: 600px) {
    body { font-size: 118%; line-height: 1.5; }
}