/* ==========================================
   ABOUT.CSS - Michelle Langan Mediation Law Firm
   
   TABLE OF CONTENTS
   ==========================================
   1. About Page Specific Styles
   2. Responsive Adjustments
      2.1 Mobile (< 768px)
      2.2 Small Mobile (< 480px)
   ========================================== */

/* ========================================
   1. ABOUT PAGE SPECIFIC STYLES
======================================== */

/* Note: Most about page styles are handled by shared components in layout.css:
   - .main-bio
   - .credentials
   - .credentials-list
   - .case-results
   - .cta-section
   - .rating-disclaimer
*/

/* Any about-page specific overrides would go here */

/* ========================================
   2. RESPONSIVE ADJUSTMENTS
======================================== */

/* 2.1 MOBILE (< 768px) */

@media (max-width: 768px) {
    /* Mobile adjustments handled in layout.css */
}

/* 2.2 SMALL MOBILE (< 480px) */

@media (max-width: 480px) {
    /* Small mobile adjustments handled in layout.css */

    .credentials h2 {
      font-size: 1.75rem;
    }

    .cta-section p {
        font-size: 1.125rem;
    }

    .cta-section h2 {
        font-size: 1.75rem;
    }
   }