Logo mobile tweaks

website/source/assets/stylesheets/_header.scss

@@ -59,32 +59,22 @@
 }
 
 @media (max-width: 768px) {
-  #header {
-    .navbar-brand {
-
-    }
-  }
-}
-
-@media (max-width: 414px) {
   #header {
     .navbar-brand {
       .logo{
-        padding-left: 37px;
-        font-size: 18px;
-        @include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width * .75, $project-logo-height * .75);
-        //background-position: 0 45%;
+        margin-left: 18px;
       }
     }
   }
 }
 
-
-@media (max-width: 320px) {
+@media (max-width: 414px) {
   #header {
     .navbar-brand {
       .logo{
-        font-size: 0 !important; //hide terraform text
+        width: 84px;
+        height: 32px;
+        background-size: contain;;
       }
     }
   }

website/source/layouts/layout.erb

@@ -35,7 +35,7 @@
     height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     <!-- End Google Tag Manager (noscript) -->
     <div id="header" class="navigation white <%= current_page.data.page_title == "home" ? "" : "navbar-static-top" %>">
-    	<div class="container">
+    	<div class="container-fluid">
 				<div class="navbar-header">
 					<div class="navbar-brand">
 						<a class="logo" href="/">Packer</a>
@@ -72,7 +72,7 @@
     <%= yield %>
     <div class="clearfix"></div>
     <footer id="footer" class="navigation white">
-      <div class="container">
+      <div class="container-fluid">
         <div class="row">
           <div class="col-xs-12">
             <% # current_page.path does not have an extension, but