Updating images and style adjustments

src/app/components/landing/landing.html

@@ -50,7 +50,6 @@ <h2>EMPOWERING COMMUNITIES FOR ACTION</h2>
         <div flex="noshrink" class="bg-white tile border-xs-left border-xs-bottom text-left">
           <h2>BUILDING ON OUR HISTORY</h2>
           <p style="margin-bottom:33px">The Smart Citizen project provides tools for collecting, understanding, and sharing environmental data. Since 2012, we have developed various iterations of the Smart Citizen Kit, allowing anyone to contribute and take part in data-driven action.</p>
-          <!-- TODO: CHANGE IMAGE -->
           <a href="#get-your-kit"
              class="btn-black-outline btn-round-new md-button btn-justify-left"
              >GET YOUR KIT</a>
@@ -72,7 +71,6 @@ <h3 class="color-white">LOCAL COMMUNITIES</h3>
         <div flex="60"  flex-xs="100" flex-order-xs="0" class="img-sck_com tile-image tile border-xs-bottom">
         </div>
       </div>
-      <!-- TODO: CHANGE IMAGE RESEARCH INSTITUTIONS -->
       <div layout="row" layout-xs="column">
         <div flex="60" flex-xs="100"  class="img-research tile-image tile tile-left border-xs-bottom">
         </div>
@@ -95,6 +93,7 @@ <h3 class="color-white">EDUCATORS</h3>
       </div>
     </section>
   </div>
+  <!-- TODO: CHANGE IMAGE -->
     <section class="banner-section">
       <div class="header-section">
         <div class="heading-over-video card" layout="column" layout-align="center start">
@@ -147,8 +146,7 @@ <h3 class="color-white">SMART CITIZEN KIT</h3>
           </div>
           <div flex-order-xs="1" class="img-kits-complete tile tile-left tile-image">
           </div>
-        </div>
-        <!-- TODO: CHANGE IMAGE CUSTOMIZATIONS -->      
+        </div>     
         <div flex="50" flex-xs="100" layout="column">
           <div class="img-kits-research tile tile-image border-xs-bottom">
           </div>

src/app/components/landing/landing.scss

@@ -174,7 +174,7 @@ body.active {
   // Images on landing page
   .img-new_sck{
     min-height: 30vw;
-    background: blue url("/assets/images/landing/smart-citizen-2-2-kits-various.jpg") center/cover;
+    background: blue url("/assets/images/landing/Legacy-SCK.gif") center/cover;
   }
   .img-sck_edu{
     min-height: 30vw;
@@ -199,7 +199,7 @@ body.active {
     background: blue url("/assets/images/landing/smart-citizen-2-2-kit.gif") center/cover;
   }
   .img-kits-research{
-    background: blue url("/assets/images/landing/smartcitizen-water-station.jpg") center/cover;
+    background: blue url("/assets/images/landing/SCK-customized-projects.jpg") center/cover;
   }
   // Tiles on landing page
   .tile{
@@ -279,7 +279,7 @@ body.active {
   // Cards
 
   .card {
-    box-shadow: 10px 10px;
+    box-shadow: 10px 10px 0px -3px #FFC100,10px 10px 0px 0px $off_black;
   }
 
   @media only screen and (max-width: 1200px) {