From c2e23aa60abd356e84f0939ae1e2696605bba3a2 Mon Sep 17 00:00:00 2001
From: JT <jt@ofitsownkind.com>
Date: Wed, 23 Jul 2014 18:44:15 -0700
Subject: [PATCH] mobile navbrand style

---
 website/source/stylesheets/_header.less | 15 ++++++++++++++-
 website/source/stylesheets/main.css     | 17 +++++++++++++++++
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/website/source/stylesheets/_header.less b/website/source/stylesheets/_header.less
index b0a34dd52..1016e2e26 100755
--- a/website/source/stylesheets/_header.less
+++ b/website/source/stylesheets/_header.less
@@ -52,6 +52,7 @@ body.page-sub{
     .navbar-toggle{
         margin-top: 26px;
         margin-bottom: 14px;
+        margin-right: 0;
         border: 2px solid @white;
         border-radius: 0;
         .icon-bar{
@@ -324,6 +325,18 @@ body.page-sub{
     }
 }
 
-@media (max-width: 480px) {
+@media (max-width: 320px) {
+
+    #header{
+        .navbar-brand {
+            &.logo{
+                padding:0 0 0 54px !important;
+                font-size: 20px !important;
+                line-height:40px !important;
+                margin-top: 26px !important ;
+                .img-retina("../images/header-logo.png", "../images/header-logo@2x.png", 44px, 40px);
+            }
+        }
+    }
 
 }
diff --git a/website/source/stylesheets/main.css b/website/source/stylesheets/main.css
index 42b164104..bd2cf3076 100644
--- a/website/source/stylesheets/main.css
+++ b/website/source/stylesheets/main.css
@@ -116,6 +116,7 @@ body.page-sub #header .main-links.navbar-nav li > a {
 #header .navbar-toggle {
   margin-top: 26px;
   margin-bottom: 14px;
+  margin-right: 0;
   border: 2px solid #ffffff;
   border-radius: 0;
 }
@@ -338,6 +339,22 @@ body.page-sub #header .main-links.navbar-nav li > a {
     line-height: 22px;
   }
 }
+@media (max-width: 320px) {
+  #header .navbar-brand.logo {
+    padding: 0 0 0 54px !important;
+    font-size: 20px !important;
+    line-height: 40px !important;
+    margin-top: 26px !important ;
+    background-image: url("../images/header-logo.png");
+    background-size: 44px 40px;
+  }
+}
+@media (max-width: 320px) and only screen and (-webkit-min-device-pixel-ratio: 2), (max-width: 320px) and only screen and (min--moz-device-pixel-ratio: 2), (max-width: 320px) and only screen and (-o-min-device-pixel-ratio: 2/1), (max-width: 320px) and only screen and (min-device-pixel-ratio: 2), (max-width: 320px) and only screen and (min-resolution: 192dpi), (max-width: 320px) and only screen and (min-resolution: 2dppx) {
+  #header .navbar-brand.logo {
+    background-image: url("../images/header-logo@2x.png");
+    background-size: 44px 40px;
+  }
+}
 #footer-wrap {
   background-color: white;
   padding: 0 0 50px 0;