Responsive fixes

src/pages/index.js

@@ -18,12 +18,12 @@ import LogoCoor from '../images/logo-coor-color.svg'
 const IndexPage = () => (
   <main>
     <section className="bg-saburly-indigo relative">
-      <div className="container mx-auto flex lg:flex-row flex-col flex-col-reverse lg:p-4">
+      <div className="container mx-auto flex lg:flex-row flex-col flex-col-reverse p-4">
         <div className="text-center lg:text-left lg:mt-4">
           <SectionIntro
             light
             intro="Welcome To Saburly"
-            classes="lg:text-left content-center"
+            classes="lg:text-left lg:max-w-xs content-center"
             headline="We build the right software for your needs"
             text="We are a team of creative, open minded, skilled and passionate engineers that ship success every day."
           />
@@ -36,7 +36,7 @@ const IndexPage = () => (
         </div>
         <img
           src={ImgIntro}
-          className="lg:-mt-4 z-10"
+          className="lg:-mt-4 md:max-w-md xl:max-w-full z-10"
           alt="Software Development Agency"
         />
       </div>