From 7e685b646fd52eea193a995ee601cfc799b306f9 Mon Sep 17 00:00:00 2001
From: Rohan Mitchell <rohan@rohanmitchell.com>
Date: Fri, 26 Jun 2015 15:24:49 +1000
Subject: [PATCH] Fine-tune header sizes on home page and cutover point for
 page_alert responsiveness

---
 app/assets/stylesheets/darkswarm/home_panes.css.sass | 10 ++++++++++
 app/assets/stylesheets/darkswarm/page_alert.css.sass |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/darkswarm/home_panes.css.sass b/app/assets/stylesheets/darkswarm/home_panes.css.sass
index 06a5810a03..dd3c6a0fca 100644
--- a/app/assets/stylesheets/darkswarm/home_panes.css.sass
+++ b/app/assets/stylesheets/darkswarm/home_panes.css.sass
@@ -43,6 +43,11 @@
       @include bodyFont
       font-size: 1.5rem
       font-weight: 300
+    @media all and (max-width: 768px)
+      h2
+        font-size: 52px
+      p
+        font-size: 1.3rem
 
   a.text-vbig i
     font-size: 75px
@@ -86,6 +91,9 @@
     font-size: 70px
     font-weight: 300
     color: $australia-orange
+    @media all and (max-width: 640px)
+      font-size: 45px
+
 
   a
     color: $australia-orange
@@ -113,6 +121,8 @@
     font-weight: 300
     font-size: 45px
     margin-bottom: 2rem
+    @media all and (max-width: 830px)
+      font-size: 35px
 
 #stats.pane
   .row.header
diff --git a/app/assets/stylesheets/darkswarm/page_alert.css.sass b/app/assets/stylesheets/darkswarm/page_alert.css.sass
index 5bc59c375a..b7d6ea643e 100644
--- a/app/assets/stylesheets/darkswarm/page_alert.css.sass
+++ b/app/assets/stylesheets/darkswarm/page_alert.css.sass
@@ -17,7 +17,7 @@
     margin: 0
 
     h6
-      @media all and (max-width: 768px)
+      @media all and (max-width: 480px)
         font-size: 10px
         line-height: 24px