From 0eb17de0caa50c1999e2069477d7e49e00716341 Mon Sep 17 00:00:00 2001
From: Leonardo Merlin <leonardo.merlin@serpro.gov.br>
Date: Tue, 8 Dec 2015 14:53:24 -0200
Subject: [PATCH] Add responsivity to banner image at program page (issue #34)

---
 src/app/pages/programas/programas.scss | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/app/pages/programas/programas.scss b/src/app/pages/programas/programas.scss
index 09c7a1d..fd60864 100644
--- a/src/app/pages/programas/programas.scss
+++ b/src/app/pages/programas/programas.scss
@@ -46,14 +46,20 @@
             background-size: cover;
             background-repeat: no-repeat;
 
+            @media screen and (max-width: $screen-lg) {
+                height: 300px;
+            }
 
+            @media screen and (max-width: $screen-md) {
+                height: 300px;
+            }
 
-            @media screen and (max-width: $screen-xs) {
-                // height: 15px;
+            @media screen and (max-width: $screen-sm) {
+                height: 260px;
+            }
 
-                // .video {
-                //     height: 290px;
-                // }
+            @media screen and (max-width: $screen-xs) {
+                height: 200px;
             }
         }
 
@@ -211,6 +217,14 @@
         top: 50%;
         margin-top: -100px;
         transform: scale(1);
+
+        @media screen and (max-width: $screen-sm) {
+            transform: scale(0.8);
+        }
+
+        @media screen and (max-width: $screen-xs) {
+            transform: scale(0.7);
+        }
     }
     
     #section-archived-banner {
--
libgit2 0.21.2