Restructuring and styling services and index pages

src/components/SectionIntro.js

@@ -11,7 +11,7 @@ const IntroDefault = ({ ...props }) => (
         className={`
       ${
         props.light ? headlineDark : headlineLight
-      } opacity-50 text-sm font-light uppercase pt-2 pb-1`}
+      } opacity-50 text-sm font-light text-black uppercase pt-2 pb-1`}
       >
         {props.intro}
       </h3>
@@ -19,7 +19,7 @@ const IntroDefault = ({ ...props }) => (
     {props.headline && (
       <h1
         className={`${props.light ? headlineDark : ''}
-     font-normal pt-1 pb-2`}
+     font-normal text-black pt-1 pb-2`}
       >
         {props.headline}
       </h1>
@@ -27,7 +27,7 @@ const IntroDefault = ({ ...props }) => (
     {props.text && (
       <p
         className={`${props.light ? headlineDark : ''} 
-    font-light leading-normal opacity-70`}
+    font-light text-black-light leading-normal`}
       >
         {props.text}
       </p>