Make design responsive

app/views/layouts/theme1.html.slim

@@ -12,6 +12,7 @@ html lang="en"
       = javascript_include_tag "http://html5shim.googlecode.com/svn/trunk/html5.js"
     = stylesheet_link_tag "theme1/application", :media => "all"
     link href="/favicon.ico" rel="shortcut icon"
+    link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'
 
   body
     .header-nav-banner
@@ -26,36 +27,31 @@ html lang="en"
           .container
             #header
               #header-right= render 'theme1/social'
-              #logo= link_to image_tag('icons/logo-medium.png', alt: application_title), root_path
-      #nav-wrap
-        .container= render 'theme1/navigation'
-      #banner-wrap
+              #logo= link_to image_tag('icons/logo-text.png', alt: application_title), root_path
+      #nav-wrap.container
+        .navbar
+          .navbar-inner= render 'theme1/navigation'
+      #content-header
         .left
         .right
         .container
-          #banner.standard
-            .wsite-header
-            .clearing
+          .top-ribbon 
       #main-wrap
         .container
-          .content-top
           .main-inner
-            #wsite-content.wsite-not-footer
-              - if flash[:alert].present?
-                .alert.alert-error
-                  a.close data-dismiss="alert" ×
-                  div= flash[:alert]
-              - if flash[:notice].present?
-                .alert.alert-success
-                  a.close data-dismiss="alert" ×
-                  div= flash[:notice]
-              = yield :page_title
-              = yield
+            - if flash[:alert].present?
+              .alert.alert-error
+                a.close data-dismiss="alert" ×
+                div= flash[:alert]
+            - if flash[:notice].present?
+              .alert.alert-success
+                a.close data-dismiss="alert" ×
+                div= flash[:notice]
+            = yield :page_title
+            = yield
       #footer-wrap
         .footer-shadow
         .container
-          .footer-top
-          = render 'footer'
-          .bottom
-            | © Qwaiter 2012
+          .footer-content= render 'footer'
+          .footer-bottom © Qwaiter 2013
     = javascript_include_tag "theme1/application"