Design tweaks, font changes and coloring

src/pages/index.js

@@ -27,10 +27,10 @@ const IndexPage = ({ ...props }) => (
       url="/contact"
       buttonClasses="text-white font-normal shadow hover:shadow-md rounded-full mt-4 font-light bg-teal hover:bg-teal-dark mb-20"
       intro="Welcome To Saburly"
-      headline="We build the right software for you"
+      headline="We build delightful software"
       text="We're a team of experienced, creative and passionate engineers. Our mission is to make you stand out and gain competitive advantages with the help of modern technologies."
       image={ImgIntro}
-      imgClasses="-mb-20 lg:-mt-12"
+      imgClasses="-mb-20 md:-mt-12"
     />
 
     <main>
@@ -45,7 +45,7 @@ const IndexPage = ({ ...props }) => (
       <section className="bg-saburly relative bg-saburly-fadeout">
         <Service
           img={ImgDesign}
-          title="User Experience (UX) Design"
+          title="User Experience Design"
           text="Our approach is simple: focus on how users might use the product in the best way possible. We offer UX and interface design for all screens and devices. The solutions are usually shaped through iterative processes of research, prototyping and testing."
         />
 
@@ -54,6 +54,7 @@ const IndexPage = ({ ...props }) => (
           img={ImgFullstack}
           title="Full-Stack Web Development"
           text="At Saburly, we are experts in modern web development using both client-side and server-side technologies. Our talented developers work with popular languages and are always up to speed on the cutting edge trends in web application development. We deliver high-quality, maintainable code on time and know how to balance between cost, time and quality."
+          imgClasses="-ml-12"
         />
 
         <Service
@@ -108,7 +109,7 @@ const IndexPage = ({ ...props }) => (
       <section className="text-center p-8 relative bg-saburly-lighter">
         <SectionIntro
           intro="Blog & Social Media"
-          headline="Occasionally we find the time to have fun and publish"
+          headline="Occasionally we find the time to publish"
         />
         <div className="container mx-auto w-full md:flex md:flex-wrap items-stretch w-full">
           {props.data.allWordpressPost.edges.map(({ node }) => (