Change in styling and main menu

src/components/Header.js

@@ -2,7 +2,6 @@ import React, { Component } from 'react'
 import Link from 'gatsby-link'
 import LogoSaburly from '../images/logo-saburly-white.svg'
 import Button from './Button'
-import Slideout from 'slideout'
 
 import './Header.css'
 

src/components/SideMenu.js

@@ -32,7 +32,7 @@ class SideMenu extends Component {
       })
       .on('open', function() {
         this.panel.addEventListener('click', close)
-        document.querySelector('.side--close').addEventListener('click', close)
+        document.querySelector('.side-close').addEventListener('click', close)
       })
       .on('beforeclose', function() {
         this.panel.classList.remove('panel-open')
@@ -45,11 +45,16 @@ class SideMenu extends Component {
       <div className="side-menu">
         <ul className="m-0 p-0 mt-4 side-navigation">
           <button
-            className="text-white text-3xl mb-4 opacity-50 hover:opacity-100 px-2 side--close"
+            className="text-white text-3xl mb-4 opacity-50 hover:opacity-100 px-2 side-close"
             onClick={this.close}
           >
             X
           </button>
+          <Link to="/">
+            <li className="text-right no-underline text-2xl uppercase p-2 text-white">
+              Home
+            </li>
+          </Link>
           <Link to="/services">
             <li className="text-right no-underline text-2xl uppercase p-2 text-white">
               What We Do