Merge pull request #73 from logik-works/mobile_fixes

css fixe

app/views/layouts/application.html.slim

@@ -3,10 +3,10 @@ html
   head
     = display_meta_tags
     meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"
-
-    script async="" src="https://fast.wistia.com/embed/medias/m1m92bu4gz.jsonp"
-    script async="" src="https://fast.wistia.com/assets/external/E-v1.js"
-    = stylesheet_link_tag 'https://fonts.googleapis.com/css?family=Lato|Roboto', media: 'none', onload: "if(media!='all')media='all'"
+    = stylesheet_pack_tag 'css'
+    = stylesheet_link_tag 'https://fonts.googleapis.com/css?family=Lato', media: 'none', onload: "if(media!='all')media='all'"
+    = javascript_pack_tag 'js', async: true
+    = csrf_meta_tags
 
     javascript:
 
@@ -98,9 +98,6 @@ html
         analytics.page();
       })();
 
-    = stylesheet_pack_tag 'css'
-    = javascript_pack_tag 'js', async: true
-    = csrf_meta_tags
 
   body
     = render 'partials/demo_modal'

frontend/css/home.sass

@@ -180,6 +180,11 @@
     margin-left: 1.5em
     margin-right: 1.5em
     width: calc(33.33333% - 3em)
+    @include media("<desktop")
+      width: 100%
+      margin-left: 0
+      margin-right: 0
+      margin-bottom: 1.5em
 
   .ui .card
     @include media("<desktop")
@@ -190,8 +195,10 @@
       font-weight: bold
       font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif !important
 
-    .header.sub
+    .header.sub.dividing
       font-size: 0.8em
+      padding-bottom: 3px
+      margin-bottom: 3px
 
     .description
       font-size: 1.1em