Quickfix styling

src/components/Card.js

@@ -17,7 +17,7 @@ const Card = ({ ...props }) => (
       <div className="px-6 py-4">
         <h3 className="text-black font-bold text-xl mb-2">{props.title}</h3>
         <p
-          className="text-black-lighter text-base"
+          className="text-black-light text-base"
           dangerouslySetInnerHTML={{ __html: props.excerpt }}
         />
       </div>

src/pages/services.js

@@ -139,7 +139,7 @@ const ServicesPage = () => (
     </section>
 
     <div className="px-4 py-16 bg-saburly-fadeout">
-      <div className="container mx-auto lg:flex justify-center items-center">
+      <div className="container mx-auto xl:flex justify-center items-center">
         <SectionIntro
           headline="Flexible Workflow"
           text="We are helping everything from Fortune 500 companies to startups
@@ -149,7 +149,7 @@ const ServicesPage = () => (
           value and meets your specific business requirements"
           classes="container mx-auto"
         />
-        <img src={HowWeWork} className="-mb-16" alt="DevOps Agency" />
+        <img src={HowWeWork} className="w-full -mb-16" alt="DevOps Agency" />
       </div>
       <WorkStyle />
     </div>

src/styles/general.css

@@ -124,7 +124,7 @@ body {
 }
 
 .typed-cursor {
-  color: #8e7cb7;
+  color: #5763ab;
 }
 
 .saburly-main-bg {