diff --git a/app/assets/stylesheets/lato.css b/app/assets/stylesheets/lato.css
deleted file mode 100644
index f29a84f6a..000000000
--- a/app/assets/stylesheets/lato.css
+++ /dev/null
@@ -1,116 +0,0 @@
-@font-face {
-    font-family: 'LatoBlackItalic';
-    src: url('lato/Lato-BlaIta-webfont.eot');
-    src: url('lato/Lato-BlaIta-webfont.eot?#iefix') format('embedded-opentype'),
-         url('lato/Lato-BlaIta-webfont.woff') format('woff'),
-         url('lato/Lato-BlaIta-webfont.ttf') format('truetype'),
-         url('lato/Lato-BlaIta-webfont.svg#LatoBlackItalic') format('svg');
-    font-weight: normal;
-    font-style: normal;
-
-}
-
-@font-face {
-    font-family: 'LatoBlack';
-    src: url('lato/Lato-Bla-webfont.eot');
-    src: url('lato/Lato-Bla-webfont.eot?#iefix') format('embedded-opentype'),
-         url('lato/Lato-Bla-webfont.woff') format('woff'),
-         url('lato/Lato-Bla-webfont.ttf') format('truetype'),
-         url('lato/Lato-Bla-webfont.svg#LatoBlack') format('svg');
-    font-weight: normal;
-    font-style: normal;
-
-}
-
-@font-face {
-    font-family: 'LatoBoldItalic';
-    src: url('lato/Lato-BolIta-webfont.eot');
-    src: url('lato/Lato-BolIta-webfont.eot?#iefix') format('embedded-opentype'),
-         url('lato/Lato-BolIta-webfont.woff') format('woff'),
-         url('lato/Lato-BolIta-webfont.ttf') format('truetype'),
-         url('lato/Lato-BolIta-webfont.svg#LatoBoldItalic') format('svg');
-    font-weight: normal;
-    font-style: normal;
-
-}
-
-@font-face {
-    font-family: 'LatoBold';
-    src: url('lato/Lato-Bol-webfont.eot');
-    src: url('lato/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
-         url('lato/Lato-Bol-webfont.woff') format('woff'),
-         url('lato/Lato-Bol-webfont.ttf') format('truetype'),
-         url('lato/Lato-Bol-webfont.svg#LatoBold') format('svg');
-    font-weight: normal;
-    font-style: normal;
-
-}
-
-@font-face {
-    font-family: 'LatoItalic';
-    src: url('lato/Lato-RegIta-webfont.eot');
-    src: url('lato/Lato-RegIta-webfont.eot?#iefix') format('embedded-opentype'),
-         url('lato/Lato-RegIta-webfont.woff') format('woff'),
-         url('lato/Lato-RegIta-webfont.ttf') format('truetype'),
-         url('lato/Lato-RegIta-webfont.svg#LatoItalic') format('svg');
-    font-weight: normal;
-    font-style: normal;
-
-}
-
-@font-face {
-    font-family: 'LatoRegular';
-    src: url('lato/Lato-Reg-webfont.eot');
-    src: url('lato/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
-         url('lato/Lato-Reg-webfont.woff') format('woff'),
-         url('lato/Lato-Reg-webfont.ttf') format('truetype'),
-         url('lato/Lato-Reg-webfont.svg#LatoRegular') format('svg');
-    font-weight: normal;
-    font-style: normal;
-
-}
-@font-face {
-    font-family: 'LatoLightItalic';
-    src: url('lato/Lato-LigIta-webfont.eot');
-    src: url('lato/Lato-LigIta-webfont.eot?#iefix') format('embedded-opentype'),
-         url('lato/Lato-LigIta-webfont.woff') format('woff'),
-         url('lato/Lato-LigIta-webfont.ttf') format('truetype'),
-         url('lato/Lato-LigIta-webfont.svg#LatoLightItalic') format('svg');
-    font-weight: normal;
-    font-style: normal;
-
-}
-@font-face {
-    font-family: 'LatoLight';
-    src: url('lato/Lato-Lig-webfont.eot');
-    src: url('lato/Lato-Lig-webfont.eot?#iefix') format('embedded-opentype'),
-         url('lato/Lato-Lig-webfont.woff') format('woff'),
-         url('lato/Lato-Lig-webfont.ttf') format('truetype'),
-         url('lato/Lato-Lig-webfont.svg#LatoLight') format('svg');
-    font-weight: normal;
-    font-style: normal;
-
-}
-@font-face {
-    font-family: 'LatoHairlineItalic';
-    src: url('lato/Lato-HaiIta-webfont.eot');
-    src: url('lato/Lato-HaiIta-webfont.eot?#iefix') format('embedded-opentype'),
-         url('lato/Lato-HaiIta-webfont.woff') format('woff'),
-         url('lato/Lato-HaiIta-webfont.ttf') format('truetype'),
-         url('lato/Lato-HaiIta-webfont.svg#LatoHairlineItalic') format('svg');
-    font-weight: normal;
-    font-style: normal;
-
-}
-
-@font-face {
-    font-family: 'LatoHairline';
-    src: url('lato/Lato-Hai-webfont.eot');
-    src: url('lato/Lato-Hai-webfont.eot?#iefix') format('embedded-opentype'),
-         url('lato/Lato-Hai-webfont.woff') format('woff'),
-         url('lato/Lato-Hai-webfont.ttf') format('truetype'),
-         url('lato/Lato-Hai-webfont.svg#LatoHairline') format('svg');
-    font-weight: normal;
-    font-style: normal;
-
-}
diff --git a/app/views/clients/index.html.erb b/app/views/clients/index.html.erb
index 728075b02..bb54e2fad 100644
--- a/app/views/clients/index.html.erb
+++ b/app/views/clients/index.html.erb
@@ -1,11 +1,4 @@
-<script type="text/javascript">
-        $(function() {
-            var jk = JamKazam();
-            jk.initialize();
-        })
-</script>
-
-    <div class="curtain"></div>
+        <div class="curtain"></div>
         <div layout="header" class="header">
             <h1>JamKazam</h1>
             <div class="userinfo">
@@ -409,4 +402,13 @@
                 <p>{instrument}</p>
             </div>
         </div>
-    </script>
+      </script>
+
+<script type="text/javascript">
+        $(function() {
+            var jk = JamKazam();
+            jk.initialize();
+        })
+      </script>
+
+
diff --git a/app/views/layouts/client.html.erb b/app/views/layouts/client.html.erb
index c5db857e7..041592a26 100644
--- a/app/views/layouts/client.html.erb
+++ b/app/views/layouts/client.html.erb
@@ -5,7 +5,10 @@
     <!--[if IE]>
         <link rel="stylesheet" type="text/css" href="css/ie.css" media="screen, projection"/>
     <![endif]--> 
-    <%= stylesheet_link_tag    "application", media: "all" %>
+    <%= stylesheet_link_tag    "common", media: "all" %>
+    <%= stylesheet_link_tag    "ie", media: "all" %>
+    <%= stylesheet_link_tag    "jamkazam", media: "all" %>
+    <%= stylesheet_link_tag    "lato", media: "all" %>
     <%= include_gon %>
     <%= javascript_include_tag "application" %>
     <%= csrf_meta_tags %>