Stylistic changes according to new guidelines

src/components/Header.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react'
 import Link, { withPrefix } from 'gatsby-link'
-import LogoSaburly from '../images/logo-saburly-colorful.svg'
+import LogoSaburly from '../images/saburly-logo-purple.svg'
 import Button from './Button'
 
 import './Header.css'

src/components/PageIntro.js

@@ -26,7 +26,7 @@ const PageIntro = ({ ...props }) => (
       {props.image && (
         <img
           src={props.image}
-          className="lg:-mt-4 md:max-w-md xl:max-w-full z-10"
+          className="md:max-w-md xl:max-w-full z-10"
           alt="Software Development Agency"
         />
       )}

src/components/Service.js

@@ -13,7 +13,7 @@ const Service = ({ ...props }) => (
       alt={`${props.title} agency`}
     />
     <InfoBox
-      classes="bg-white md:m-0 opacity-70 md:max-w-sm"
+      classes="p-4 md:m-0 opacity-70 md:max-w-sm"
       headline={props.title}
       text={props.text}
     />