#legal-content {
    max-width: 820px;
    margin: 0 auto;
    /* app.css's footer is `position: absolute; bottom: 0` inside #wrapper, and only reserves
       125px of clearance below the normal content flow - but the footer's real rendered height
       (padding + logo + nav row) runs closer to ~280px, so on a text-heavy page like this one the
       footer ends up sitting on top of the last paragraph instead of below it. Padding the bottom
       of this specific page's content clears it without touching the shared footer/wrapper rules
       every other page also uses. */
    padding: 40px 0 240px;
    color: #4A4A4A;
    line-height: 1.6;
}

#legal-content h3 {
    margin-top: 32px;
    margin-bottom: 10px;
    font-weight: 800;
    color: #2E2E2E;
}

#legal-content p, #legal-content li {
    font-size: 15px;
}

#legal-content ul {
    padding-left: 22px;
}

#legal-content li {
    margin-bottom: 6px;
}

#legal-content strong {
    color: #2E2E2E;
}