Main website responsiveness

app/views/layouts/theme1.html.slim

@@ -6,7 +6,6 @@ html lang="en"
     meta name="viewport" content="width=device-width, initial-scale=1.0"
     title= site_page_title
     = csrf_meta_tags
-
     /! Le HTML5 shim, for IE6-8 support of HTML elements
     /[if lt IE 9]
       = javascript_include_tag "http://html5shim.googlecode.com/svn/trunk/html5.js"
@@ -16,21 +15,7 @@ html lang="en"
 
   body
     .header-nav-banner
-      #header-wrap
-        #ceiling
-          .left
-          .right
-          .lights
-            .light1
-            .light2
-            .light3
-          .container
-            #header
-              #header-right= render 'theme1/social'
-              #logo= link_to image_tag('icons/logo-text.png', alt: application_title), root_path
-      #nav-wrap.container
-        .navbar
-          .navbar-inner= render 'theme1/navigation'
+      = render 'theme1/header'
       #content-header
         .left
         .right
@@ -50,9 +35,5 @@ html lang="en"
             - if @page && @page.title.present?
               h1.page-title= @page.title
             = yield
-      #footer-wrap
-        .footer-shadow
-        .container
-          .footer-content= render 'footer'
-          .footer-bottom © mozo.bar 2014
+      = render 'theme1/footer'
     = javascript_include_tag "theme1/application"