improved text sizing in capabilities for large screens

Author: MattRoweEAIF

main.css

@@ -747,6 +747,70 @@ footer {
     line-height: 1.5;
 }
 
+/* Large screen optimizations */
+@media (min-width: 1600px) {
+    .capability-content h2 {
+        font-size: 72px;
+        margin-bottom: 64px;
+    }
+
+    .capability-grid {
+        max-width: 1200px;
+        gap: 32px;
+    }
+
+    .capability-item {
+        padding: 28px 32px;
+    }
+
+    .capability-item h4 {
+        font-size: 22px;
+        margin-bottom: 10px;
+    }
+
+    .capability-item p {
+        font-size: 17px;
+        line-height: 1.6;
+    }
+}
+
+@media (min-width: 2000px) {
+    .capability-content h2 {
+        font-size: 84px;
+        margin-bottom: 80px;
+    }
+
+    .capability-grid {
+        max-width: 1400px;
+        gap: 40px;
+    }
+
+    .capability-item {
+        padding: 32px 36px;
+    }
+
+    .capability-item h4 {
+        font-size: 24px;
+        margin-bottom: 12px;
+    }
+
+    .capability-item p {
+        font-size: 18px;
+        line-height: 1.7;
+    }
+
+    .capability-nav {
+        width: 70px;
+        height: 70px;
+    }
+
+    .capability-nav svg {
+        width: 32px;
+        height: 32px;
+    }
+}
+
+
 .capability-nav {
     position: absolute;
     top: 50%;