From 5dd6a477c04b740bdfdbb7dfe3ae1b567f929502 Mon Sep 17 00:00:00 2001
From: vjrj <vjrj@ourproject.org>
Date: Wed, 7 Feb 2018 19:31:14 +0100
Subject: [PATCH] Minor css changes in home

---
 imports/ui/pages/Index/Index-custom.scss | 17 +++++++++++++++++
 imports/ui/pages/Index/Index.js          |  8 ++++----
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/imports/ui/pages/Index/Index-custom.scss b/imports/ui/pages/Index/Index-custom.scss
index ba092dd..a47e09b 100644
--- a/imports/ui/pages/Index/Index-custom.scss
+++ b/imports/ui/pages/Index/Index-custom.scss
@@ -25,6 +25,16 @@
   background-size: cover;
 }
 
+.carousel-snd-item {
+  height: 85vh;
+  min-height: 400px;
+  background: no-repeat center center scroll;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
+}
+
 .carousel-control-next-icon, .carousel-control-prev-icon {
   width: 40px;
   height: 40px;
@@ -36,6 +46,7 @@
   cursor: pointer;
 }
 
+.carousel-snd-caption > h3,
 .carousel-caption > h3 {
   > i {
     display: none;
@@ -50,6 +61,12 @@
   }
 }
 
+@include breakpoint(mobile) {
+  .carousel-snd-caption > h3 {
+    font-size: 1.3rem;
+  }
+}
+
 .py-5 > .container > {
   div > h1 {
     color: #280B0B;
diff --git a/imports/ui/pages/Index/Index.js b/imports/ui/pages/Index/Index.js
index e439027..04afd4f 100644
--- a/imports/ui/pages/Index/Index.js
+++ b/imports/ui/pages/Index/Index.js
@@ -193,14 +193,14 @@ class Index extends Component {
             </ol>
             <div className="carousel-inner" role="listbox">
 
-              <div className="carousel-item carousel-snd-item-1 active">
-                <div className="carousel-caption">
+              <div className="carousel-item carousel-snd-item carousel-snd-item-1 active">
+                <div className="carousel-caption carousel-snd-caption">
                   <h3><Trans i18nKey="CO2emisions">¿Sabías que los fuegos <a href="https://www.livescience.com/1981-wildfires-release-cars.html" target="_blank">producen tanto CO² como los coches</a> y <a href="https://www.motherjones.com/politics/2014/08/wild-fires-are-so-so-bad-climate/" target="_blank">aproximadamente ⅕ de todas nuestras emisiones</a>?</Trans></h3>
                   <p />
                 </div>
               </div>
-              <div className="carousel-item carousel-snd-item-2">
-                <div className="carousel-caption">
+              <div className="carousel-item carousel-snd-item carousel-snd-item-2">
+                <div className="carousel-caption carousel-snd-caption">
                   <h3><Trans>Ayúdanos a combatir el cambio climático y a proteger el medioambiente</Trans></h3>
                   <p />
                 </div>