Styling, adding headroom library and design tweaks

src/components/Header.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react'
 import Link, { withPrefix } from 'gatsby-link'
-import LogoSaburly from '../images/saburly-logo-purple.svg'
+import LogoSaburly from '../images/logo-saburly-colorful.svg'
 import LogoSaburlyWhite from '../images/logo-saburly-white.svg'
 import Button from './Button'
 
@@ -16,16 +16,7 @@ class Header extends Component {
         <nav className="container border-saburly-header mx-auto flex items-center justify-between lg:p-6 p-4">
           <Link to="/">
             <div className="max-w-xs mr-8">
-              <img
-                src={LogoSaburly}
-                className="w-full lg:block hidden"
-                alt="Saburly Logo"
-              />
-              <img
-                src={LogoSaburlyWhite}
-                className="w-full lg:hidden"
-                alt="Saburly Logo"
-              />
+              <img src={LogoSaburly} className="w-full" alt="Saburly Logo" />
             </div>
           </Link>