From feb0426eaf5b90b4b5d66d4ab8ecc734ac7f8770 Mon Sep 17 00:00:00 2001
From: RJ Spiker <spiker.rj@gmail.com>
Date: Fri, 15 Jun 2018 14:07:21 -0600
Subject: [PATCH] website - logo-grid responsive updates

---
 .../consul-connect/components/_logo-grid.scss      | 10 +++++++++-
 .../consul-connect/components/_section.scss        |  8 ++++++--
 website/source/index.html.erb                      | 14 +++++++-------
 3 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/website/source/assets/stylesheets/consul-connect/components/_logo-grid.scss b/website/source/assets/stylesheets/consul-connect/components/_logo-grid.scss
index 67ce2cba1a..5626e03e8b 100644
--- a/website/source/assets/stylesheets/consul-connect/components/_logo-grid.scss
+++ b/website/source/assets/stylesheets/consul-connect/components/_logo-grid.scss
@@ -8,6 +8,14 @@
 
   & > div {
     padding: 25px $site-gutter-padding;
-    width: 33%;
+    width: 50%;
+
+    @media (min-width: 768px) {
+      width: 33%;
+    }
+  }
+
+  img {
+    max-width: 100%;
   }
 }
diff --git a/website/source/assets/stylesheets/consul-connect/components/_section.scss b/website/source/assets/stylesheets/consul-connect/components/_section.scss
index d3a04c69cf..9d6a790c88 100644
--- a/website/source/assets/stylesheets/consul-connect/components/_section.scss
+++ b/website/source/assets/stylesheets/consul-connect/components/_section.scss
@@ -19,11 +19,15 @@
     border-top: 1px solid #e5e6eb;
   }
 
-  & .intro {
-    margin: 0 auto 64px;
+  & .intro { 
+    margin: 0 auto 24px;
     max-width: 784px;
     text-align: center;
 
+    @media (min-width: 767px) {
+      margin-bottom: 64px;
+    }
+
     & h2,
     & h3 {
       margin: 0 0 24px;
diff --git a/website/source/index.html.erb b/website/source/index.html.erb
index d04b52eac3..b8525856f3 100644
--- a/website/source/index.html.erb
+++ b/website/source/index.html.erb
@@ -27,7 +27,7 @@ description: |-
           </div>
         </div>
         <div>
-          <img src='/assets/images/consul-connect/health-checks.png' alt='Service Registry'>
+          <img src='/assets/images/consul-connect/feature.jpg' alt='Service Registry'>
         </div>
       </div>
     </div>
@@ -177,22 +177,22 @@ description: |-
       </div>
       <div class='g-logo-grid'>
         <div>
-          <img src='/assets/images/consul-connect/logos/logo_sap-ariba.svg' alt='SAP Ariba'>
+          <img src='/assets/images/consul-connect/logos/sap-ariba.png' alt='SAP Ariba'>
         </div>
         <div>
-          <img src='/assets/images/consul-connect/logos/logo_citadel.svg' alt='Citadel'>
+          <img src='/assets/images/consul-connect/logos/citadel.png' alt='Citadel'>
         </div>
         <div>
-          <img src='/assets/images/consul-connect/logos/logo_barclays.svg' alt='Barclays'>
+          <img src='/assets/images/consul-connect/logos/barclays.png' alt='Barclays'>
         </div>
         <div>
-          <img src='/assets/images/consul-connect/logos/logo_itv.svg' alt='itv'>
+          <img src='/assets/images/consul-connect/logos/itv.png' alt='itv'>
         </div>
         <div>
-          <img src='/assets/images/consul-connect/logos/logo_spaceflight-industries.svg' alt='Spaceflight'>
+          <img src='/assets/images/consul-connect/logos/spaceflight.png' alt='Spaceflight'>
         </div>
         <div>
-          <img src='/assets/images/consul-connect/logos/logo_lotto-nz.svg' alt='MyLotto'>
+          <img src='/assets/images/consul-connect/logos/lotto.png' alt='MyLotto'>
         </div>
       </div>
     </div>