Change in illustration and styling

src/pages/services.js

@@ -7,30 +7,26 @@ import WorkStyle from '../components/WorkStyle'
 import Technologies from '../components/Technologies'
 
 import FullstackDev from '../images/fullstack-web-development.svg'
-import WebdevServices from '../images/web-development-services.svg'
+import WebdevServices from '../images/web-development-services-agency.svg'
 import UXdesign from '../images/ux-ui-design-services.svg'
 import HowWeWork from '../images/how-we-work.svg'
 
 const ServicesPage = () => (
   <div>
     <PageIntro
-      button
-      buttonText="Let's Connect"
-      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="What We Do"
       headline="Agile Practitioners"
       text="At Saburly we embrace Agile’s methodologies for every project and business environment, no matter the size, scale, or complexity. Our flexible processes ensure high productivity and we know how to balance between cost, time and quality."
-      sectionClasses="pt-10"
       image={WebdevServices}
-      imgClasses="-mb-16 md:-mt-6"
+      imgClasses="-mb-20 lg:-mt-12"
     />
     <section className="px-4 py-16">
       <div className="container mx-auto">
         <div className="lg:flex">
           <img
             src={UXdesign}
-            className="-mt-12"
+            className="hidden lg:block -mt-12"
             alt="User Experience Design Agency"
           />
           <SectionIntro
@@ -42,6 +38,12 @@ const ServicesPage = () => (
               testing. All devices and screen sizes are welcome
           here."
           >
+            <img
+              src={UXdesign}
+              className="lg:hidden p-8 mx-auto w-full -mt-12"
+              alt="User Experience Design Agency"
+            />
+
             <div className="my-4">
               <h3 className="font-medium text-black">
                 Conceptualization & Branding
@@ -75,7 +77,7 @@ const ServicesPage = () => (
         <div className="lg:flex">
           <img
             src={FullstackDev}
-            className="w-full md:max-w-md mx-auto text-center content-center align-center p-8"
+            className="w-full mx-auto text-center content-center align-center p-8"
             alt="Fullstack Web Development Agency"
           />
           <div>