From a2a614e2e42fd9c5a620d5600dfc01357503b489 Mon Sep 17 00:00:00 2001
From: "vincent@cubedesigners.com"
 <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Date: Thu, 30 Jul 2015 14:33:59 +0000
Subject: [PATCH] Mini header fix on small screens

---
 images/logo/Cube.svg | 18 +++++++++++++++
 images/logo/Typo.svg | 53 ++++++++++++++++++++++++++++++++++++++++++++
 js/header.js         |  4 ++++
 less/header.less     |  4 ++--
 4 files changed, 77 insertions(+), 2 deletions(-)
 create mode 100644 images/logo/Cube.svg
 create mode 100644 images/logo/Typo.svg

diff --git a/images/logo/Cube.svg b/images/logo/Cube.svg
new file mode 100644
index 0000000..e2ef3bf
--- /dev/null
+++ b/images/logo/Cube.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.0" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 57.8 60.6" style="enable-background:new 0 0 57.8 60.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}
+</style>
+<g>
+	<path class="st0" d="M24.3,0.6c-1.2,0.6-19.6,11-22.5,12.7c-1.4,0.7-1.6,1.8-1.6,3.3c0,1,0,24.8,0,27.9c0,1.8,0.9,2.2,1.6,2.7
+		c4.6,2.9,18.5,11.4,20.7,12.6c2.6,1.6,5.5-0.5,4-3.1C25.1,54,16.5,37.6,16.5,37.6c4.1-2.4,8-4.7,9.1-5.5c2.3-1.4,2.5-1.5,2.5-4.6
+		c0-2,0-20.3,0-24.3C28.2,0.8,26.1-0.3,24.3,0.6z M24.3,57.6l-0.4,0.3L3.6,45.4c0,0,5.6-3.7,10.7-6.8L24.3,57.6z M2.6,43.2V15.7
+		L25.4,2.8l0.4,0.3v26L2.6,43.2z"/>
+	<path class="st0" d="M33.4,60c1.2-0.6,19.6-11,22.5-12.7c1.4-0.7,1.6-1.8,1.6-3.3c0-1,0-24.8,0-27.9c0-1.8-0.9-2.2-1.6-2.7
+		C51.4,10.5,37.4,2,35.3,0.8c-2.6-1.6-5.5,0.5-4,3.1c1.4,2.8,10,19.1,10,19.1c-4.1,2.4-8,4.7-9.1,5.5c-2.3,1.4-2.5,1.5-2.5,4.6
+		c0,2,0,20.3,0,24.3C29.7,59.8,31.7,60.9,33.4,60z M33.3,3l0.4-0.3L54,15.2c0,0-5.6,3.7-10.7,6.8L33.3,3z M55.3,17.4v27.5L32.4,57.8
+		L32,57.5V31.6L55.3,17.4z"/>
+</g>
+</svg>
diff --git a/images/logo/Typo.svg b/images/logo/Typo.svg
new file mode 100644
index 0000000..eb299ed
--- /dev/null
+++ b/images/logo/Typo.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.0" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 206.7 61" style="enable-background:new 0 0 206.7 61;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<g>
+	<g>
+		<g>
+			<g>
+				<path class="st0" d="M27.8,23.8v13.6c0,1.2,0.6,1.6,1.7,1.6c1.3,0,4.1-0.8,6-1.8V23.8h3.1v17.8h-2.5l-0.3-1.6
+					c-2,1-5,1.9-7.2,1.9c-2.9,0-3.9-1.8-3.9-4.6V23.6L27.8,23.8L27.8,23.8z"/>
+				<path class="st0" d="M56.6,35.3c0,4.1-1.4,6.7-7.6,6.7c-1.6,0-4.3-0.2-6.3-0.7V16.6l3.1-0.4v8.6c1.2-0.7,3.3-1.2,5.7-1.2
+					c3.7,0,5.2,2.2,5.2,5.6L56.6,35.3L56.6,35.3z M45.7,39.1c1.2,0.2,2.4,0.3,3.5,0.3c3.6,0,4.3-1.4,4.3-3.8v-6.5
+					c0-1.8-0.8-2.7-2.9-2.7c-1.6,0-3.7,0.7-4.9,1.4V39.1L45.7,39.1z"/>
+				<path class="st0" d="M66.8,39.3c1.8,0,3.7-0.3,5.7-0.8l0.4,2.5c-1.7,0.6-4.1,1-6.3,1c-5.2,0-7.1-2.5-7.1-6.5v-5.3
+					c0-3.7,1.7-6.7,7-6.7c5.2,0,6.7,3.1,6.7,6.7V34H62.5v1.5C62.5,38.2,63.3,39.3,66.8,39.3z M62.5,31.4h7.6v-1.4
+					c0-2.5-0.8-3.9-3.7-3.9c-2.9,0-4,1.4-4,3.9L62.5,31.4L62.5,31.4z"/>
+				<path class="st0" d="M77.3,29.2c0-3.5,1.6-5.8,5.8-5.8c1.6,0,3.7,0.3,5.1,0.5v-7.4l3.1-0.4v25.6h-2.6l-0.3-1.6
+					c-1.4,1.2-3.5,2-5.9,2c-3.5,0-5.2-1.8-5.2-5.5V29.2L77.3,29.2z M88.2,26.7c-1.6-0.3-3.7-0.5-4.9-0.5c-2,0-2.9,1-2.9,3.1v7.3
+					c0,1.8,0.6,2.7,2.7,2.7c1.8,0,3.8-1,5-2.1L88.2,26.7L88.2,26.7z"/>
+				<path class="st0" d="M102.2,39.3c1.8,0,3.7-0.3,5.7-0.8l0.4,2.5c-1.7,0.6-4.1,1-6.3,1c-5.3,0-7.1-2.5-7.1-6.5v-5.3
+					c0-3.7,1.7-6.7,7-6.7c5.2,0,6.7,3.1,6.7,6.7V34H98v1.5C98,38.2,98.7,39.3,102.2,39.3z M98,31.4h7.6v-1.4c0-2.5-0.8-3.9-3.8-3.9
+					c-2.9,0-3.9,1.4-3.9,3.9v1.4H98z"/>
+				<path class="st0" d="M117.1,42c-1.8,0-4.2-0.4-5.7-1l0.4-2.4c1.6,0.4,3.5,0.7,5.1,0.7c2.8,0,3.3-0.5,3.3-2.4s-0.1-2.1-3.7-3
+					c-4.4-1.1-4.8-2-4.8-5.7c0-3.3,1.4-4.8,6.1-4.8c1.7,0,3.6,0.2,5,0.6l-0.2,2.5c-1.5-0.3-3.5-0.5-4.9-0.5c-2.7,0-3,0.6-3,2.2
+					c0,2,0.1,2.3,3.1,3.1c5.1,1.3,5.5,1.9,5.5,5.5C123.2,40.3,122.2,42,117.1,42z"/>
+				<path class="st0" d="M126.9,20.9v-4.4h3.1v4.4H126.9z M126.9,41.6V23.7h3.1v17.8L126.9,41.6L126.9,41.6z"/>
+				<path class="st0" d="M162,41.6V28c0-1.2-0.6-1.6-1.7-1.6c-1.3,0-4.1,0.8-6,1.8v13.5h-3.1V23.8h2.5l0.3,1.6c2-1,5-1.9,7.2-1.9
+					c2.9,0,3.9,1.8,3.9,4.5v13.6H162L162,41.6z"/>
+				<path class="st0" d="M175.8,39.3c1.8,0,3.7-0.3,5.7-0.8l0.4,2.5c-1.7,0.6-4.1,1-6.3,1c-5.3,0-7.1-2.5-7.1-6.5v-5.3
+					c0-3.7,1.7-6.7,7-6.7s6.7,3.1,6.7,6.7V34h-10.6v1.5C171.6,38.2,172.4,39.3,175.8,39.3z M171.6,31.4h7.6v-1.4
+					c0-2.5-0.8-3.9-3.8-3.9c-2.9,0-3.9,1.4-3.9,3.9v1.4H171.6z"/>
+				<path class="st0" d="M193.9,26.2c-1.7,0.8-3.6,2-5.1,3.1v12.3h-3.1V23.8h2.7l0.2,2.5c1.3-1,3.1-2.1,4.9-2.9L193.9,26.2z"/>
+				<path class="st0" d="M200.7,42c-1.8,0-4.2-0.4-5.7-1l0.4-2.4c1.6,0.4,3.5,0.7,5.1,0.7c2.8,0,3.3-0.5,3.3-2.4s-0.1-2.1-3.8-3
+					c-4.4-1.1-4.8-2-4.8-5.7c0-3.3,1.5-4.8,6.1-4.8c1.7,0,3.6,0.2,5,0.6l-0.2,2.5c-1.5-0.3-3.5-0.5-4.9-0.5c-2.7,0-3,0.6-3,2.2
+					c0,2,0.1,2.3,3,3.1c5.1,1.3,5.5,1.9,5.5,5.5C206.8,40.3,205.8,42,200.7,42z"/>
+				<path class="st0" d="M135.8,35.4c-1,0.7-1.7,1.8-1.7,3.1c0,1.6,0.8,3.1,3.5,3.3c2.1,0.2,2.7,0.3,4.7,0.4
+					c2.1,0.2,2.7,0.4,2.7,1.9c0,0.3,0,0.5-0.1,0.7h2.9c0-0.3,0-0.5,0-0.8c0-2.7-1.2-4-4.4-4.3c-2.2-0.2-3.2-0.3-5-0.5
+					c-0.8-0.1-1.2-0.3-1.2-1s0.7-1.4,1.3-1.9c0.5,0.1,1.2,0.1,1.8,0.1c4.6,0,7-2.2,7-6.1v-0.8c-0.1-1.4-0.3-2.7-1-3.5l2.1-0.4v-1.8
+					h-5.1c-0.8-0.3-2.1-0.3-3-0.3c-5.1,0-7,2.2-7,6.1v0.8C133.3,32.7,134.1,34.5,135.8,35.4z M136.2,29.6c0-2.7,1.1-3.6,4.1-3.6
+					c2.9,0,4.1,1,4.1,3.6v0.7c0,2.3-1.2,3.5-4.1,3.5c-2.9,0-4.1-0.8-4.1-3.5V29.6z"/>
+			</g>
+		</g>
+	</g>
+	<g>
+		<path class="st0" d="M10,35.5v-5.7c0-4.1,1.6-6.5,7.2-6.5c1.6,0,3.3,0.3,4.3,0.5l-0.3,2.6c-1.4-0.3-2.7-0.4-4-0.4
+			c-3.1,0-4.1,0.9-4.1,3.7v5.9c0,2.8,1,3.7,4.1,3.7c1.2,0,2.5-0.1,4-0.4l0.3,2.6c-0.9,0.3-2.7,0.5-4.3,0.5C11.4,42,10,39.6,10,35.5z
+			"/>
+	</g>
+</g>
+</svg>
diff --git a/js/header.js b/js/header.js
index 9f18337..025dcf6 100644
--- a/js/header.js
+++ b/js/header.js
@@ -30,6 +30,10 @@ function load_header() {
     var typo = $(logo).find('img.typo');
     htl.add(TweenMax.fromTo(typo, 1, {opacity: 1}, {opacity: 0}), 1);
 
+    // Hamburger
+    var hamburger = $(h).find('.nav-icon');
+    htl.add(TweenMax.fromTo(hamburger, 1, {paddingTop: 44, paddingBottom: 44}, {paddingTop: 14, paddingBottom: 14}), 0);
+
     htl.stop();
     $(window).on('scroll', headerScroll);
     headerScroll();
diff --git a/less/header.less b/less/header.less
index 7eaf2f1..f7a86e7 100644
--- a/less/header.less
+++ b/less/header.less
@@ -99,7 +99,7 @@ header {
 		position: absolute;
 		top: 3px;
 		right: 0;
-		padding: 2em 34px; // 34px is to push it away from the right margin and keep aligned with right edge
+		padding: 34px 34px; // 34px is to push it away from the right margin and keep aligned with right edge
 		box-sizing: content-box;
 		display: inline-block;
 
@@ -151,7 +151,7 @@ header {
 
 	#header {
 		height: auto;
-		min-height: 130px;
+		height: 130px;
 		z-index: 10;
 	}
 
-- 
2.39.5