From 86597940691f2548ff02b6716e7a0ccf36306c56 Mon Sep 17 00:00:00 2001
From: Leonardo Merlin <leonardo.merlin@serpro.gov.br>
Date: Thu, 29 Oct 2015 15:19:42 -0200
Subject: [PATCH] Update for issue #8

---
 index.html      |  8 ++++----
 sass/style.sass | 26 ++++++++++++++++++++++++++
 2 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index e7797c4..2bbaa62 100644
--- a/index.html
+++ b/index.html
@@ -176,18 +176,18 @@
 
       <div id="content" class="container video-smaller">
         <div class="freeze--home-message">
-          <p style="font-size: 60px;">
+          <p class="p1">
             <span style="color: #F3A727;">O</span>
             <span style="color: #E24F4D;">Dialoga Brasil</span>
             <span style="color: #F3A727;">entrou em uma nova fase!</span>
           </p>
-          <p style="font-size: 24px; color: #5AAB2F;">
+          <p class="p2">
             No ar desde 28 de julho de 2015, está com 24.320 usuários cadastrados, 10.436 propostas e 264.708 votos.
           </p>
-          <p style="font-size: 24px; color: #0086B7;">
+          <p class="p3">
             O governo federal analisará as 3 propostas mais apoiadas em cada programa e dará um retorno à sociedade.
           </p>
-          <p style="font-size: 24px; color: #E24F4D;">
+          <p class="p4">
             Continue com a gente!
             A resposta à sua participação e novos temas entrarão na plataforma em breve!
           </p>
diff --git a/sass/style.sass b/sass/style.sass
index 7d519f4..3b4b984 100644
--- a/sass/style.sass
+++ b/sass/style.sass
@@ -1277,6 +1277,32 @@ td
 // 6.23 - freeze messages
 .freeze--home-message
   font-weight: bold
+  font-size: 16px
+  .p1
+    font-size: 4em // 64
+    @media (max-width: $screen-lg)
+      font-size: 3em // 48
+    @media (max-width: $screen-md)
+      font-size: 2em // 32
+    @media (max-width: $screen-xs)
+      font-size: 1.6em // ~25
+  .p2,
+  .p3,
+  .p4
+    font-size: 1.5em
+    @media (max-width: $screen-lg)
+      font-size: 1.4em
+    @media (max-width: $screen-md)
+      font-size: 1.3em
+    @media (max-width: $screen-xs)
+      font-size: 1.1em
+  .p2
+    color: #5AAB2F
+  .p3
+    color: #0086B7
+  .p4
+    color: #E24F4D
+
 .freeze--theme-message
   font-weight: bold
   margin: 10px 0
--
libgit2 0.21.2