From 5b3e836e7ccc735ca6571c0550e115d07fb7f874 Mon Sep 17 00:00:00 2001
From: Carlos Gutierrez <coneramu@gmail.com>
Date: Wed, 17 Jun 2015 18:47:45 -0500
Subject: [PATCH] Changing menu button for mobile

---
 app/assets/images/menu-icon-mobile.svg     | 16 ++++++++++++++++
 app/assets/stylesheets/modules/header.scss |  5 +++--
 2 files changed, 19 insertions(+), 2 deletions(-)
 create mode 100644 app/assets/images/menu-icon-mobile.svg

diff --git a/app/assets/images/menu-icon-mobile.svg b/app/assets/images/menu-icon-mobile.svg
new file mode 100644
index 0000000..120857b
--- /dev/null
+++ b/app/assets/images/menu-icon-mobile.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="70px" height="70px" viewBox="0 0 70 70" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
+    <title>Menu</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="Artboard-1" sketch:type="MSArtboardGroup" fill="#FFFFFF">
+            <g id="Menu" sketch:type="MSLayerGroup">
+                <rect id="Rectangle-1" sketch:type="MSShapeGroup" x="0" y="0" width="70" height="13" rx="35"></rect>
+                <rect id="Rectangle-1-Copy" sketch:type="MSShapeGroup" x="0" y="57" width="70" height="13" rx="35"></rect>
+                <rect id="Rectangle-1-Copy-2" sketch:type="MSShapeGroup" x="0" y="28" width="70" height="13" rx="35"></rect>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/app/assets/stylesheets/modules/header.scss b/app/assets/stylesheets/modules/header.scss
index 4dae6a5..90d83fd 100644
--- a/app/assets/stylesheets/modules/header.scss
+++ b/app/assets/stylesheets/modules/header.scss
@@ -64,7 +64,8 @@
   top: 50%;
   margin-top: -14px;
 
-  background: $home-color image_url('menu-btn.svg') -40px -21px no-repeat;
+  background: $very-dark-grey image_url('menu-icon-mobile.svg') no-repeat;
+	background-size: contain;
 
   @include mq(770px) {
     display: block;
@@ -76,7 +77,7 @@
 .header-mobile-team { background-color: $team-color; }
 .header-mobile-about { background-color: $about-color; }
 .header-mobile-we-do { background-color: $we-do-color; }
-.header-mobile-careers { background-color: $careers-color; }
+.header-mobile-careers { background-color: $very-dark-grey; }
 
 .header-home, .header-portfolio, .header-blog { border-bottom: solid 1px $black; }
 .header-team { border-bottom: solid 1px $team-color; }