/* ============================================================ ABOUT PAGE — css/about.css Only affects pages with ============================================================ */ /* ---- Match text style to home page vision text ---- */ /*.page-about .section p { font-size: 1.15rem; line-height: 1.85; font-style: normal; color: #111827; max-width: 800px; /* keeps text inside watermark width */ /*margin-bottom: 16px; margin-left: 200px; text-align: left; } /* ---- Section padding so content sits inside watermark ---- */ /*.page-about .section { padding: 50px 80px; } /* ---- Headings stay at their own size ---- */ /*.page-about .section h2 { font-size: 26px; margin-bottom: 18px; } /* ---- The div wrapping paragraphs stays inside watermark ---- */ /*.page-about .section > div { max-width: 600px; } @media (max-width: 768px) { .page-about .section { padding: 35px 20px; } .page-about .section p, .page-about .section > div { max-width: 100%; } }*/ /* ============================================================ ABOUT PAGE — css/about.css Only affects pages with ============================================================ */ /* ============================================================ ABOUT PAGE — headings outside watermark, text inside ============================================================ */ .page-about .section { padding: 50px 80px; } /* ---- Headings: full width, not constrained ---- */ .page-about .section h2 { max-width: none; margin-left: 0; margin-right: 0; font-size: 26px; margin-bottom: 18px; text-align: left; } /* ---- Text container: inside watermark (centered, max-width) ---- */ .page-about .section p, .page-about .section > div { max-width: 800px; margin-left: auto; margin-right: auto; } /* Paragraph styling */ .page-about .section p { font-size: 1.15rem; line-height: 1.85; color: #111827; margin-top: -60px; margin-bottom: 16px; text-align: justify; } @media (max-width: 768px) { .page-about .section { padding: 35px 20px; } .page-about .section p, .page-about .section > div { max-width: 100%; } }