feat(Home): Update download sections and a few images

_sass/pages/home.scss

@@ -356,7 +356,9 @@
 
     @media screen and (min-width: $tablet) {
       max-width: none;
-      width: 70%;
+      width: calc(100% + 12em);
+      margin-left: -6em;
+      margin-right: -6em;
     }
   }
 
@@ -443,6 +445,15 @@
   }
 }
 
+//
+//  Home endless
+//
+.home-endless {
+  img {
+    display: inline-block;
+  }
+}
+
 //
 //  Home clients
 //

_sass/pages/partner.scss

@@ -35,7 +35,6 @@ body.partners {
     padding-bottom: 0;
     background-size: auto 90%;
     background-position: right bottom;
-    margin-bottom: 10em;
 
     .wrap {
       padding: 2em;
@@ -57,3 +56,9 @@ body.partners {
     margin-right: 1em;
   }
 }
+
+body.partner .partner-box {
+  @media (min-width: $tablet) {
+    margin-bottom: 10em;
+  }
+}

index.html

@@ -206,11 +206,11 @@ redirect_from:
   <div class="space--4"></div>
 
   <div class="container">
-    <div class="card theme_box--dark-strong home-install">
+    <div class="card theme_box--brand home-install">
       <div class="wrap">
-        <p class="label theme_type--grey">Web, Desktop &amp; Mobile</p>
+        <p class="label theme_type--kinda-white">Web, Desktop &amp; Mobile</p>
         <h2 class="display theme_type--dark">For all platforms</h2>
-        <p class="theme_type--grey">You can take Rocket.Chat anywhere with our web, desktop &amp; mobile apps, LiveChat clients and SDK.</p>
+        <p class="theme_type--kinda-white">You can take Rocket.Chat anywhere with our web, desktop &amp; mobile apps, LiveChat clients and SDK.</p>
 
         <div class="home-install__icons">
           <img src="/images/install/windows.svg" alt="Rocket.Chat for Windows" />
@@ -223,8 +223,8 @@ redirect_from:
         <div class="space--2"></div>
 
         <div class="home-install__button">
-          <a href="/install" class="button" title="install">
-            <span class="button--icon"><img src="/images/default/install--white.svg" alt="Install"></span>
+          <a href="/install" class="button--blank theme_type--brand" title="install">
+            <span class="button--icon"><img src="/images/default/install.svg" alt="Install"></span>
             <span>Install</span>
           </a>
         </div>
@@ -234,8 +234,6 @@ redirect_from:
 
   <div class="space--4"></div>
 
-  {% comment %} <div class="container divider divider--light"></div> {% endcomment %}
-
   <div class="container">
     <div class="flex-grid grid--justify-around align--center">
       <div class="col--haft no-gutter">
@@ -248,9 +246,9 @@ redirect_from:
 
   <div class="space--4"></div>
 
-  <div class="container">
+  <div class="container home-endless">
     <div class="flex-grid grid--justify-around">
-      <div class="col--three-quarter">
+      <div class="col--three-quarter align--center">
         <div class="flex-grid">
           <div class="col">
             <img width="70px" src="/images/index/icon__integrations.png" alt="Integrations" />
@@ -309,12 +307,22 @@ redirect_from:
 
 <section class="container">
 
-  <div class="space--2"></div>
+  <div class="space--6"></div>
+
+  <section class="container">
+    <div class="card theme_box--dark-strong partner-box">
+      <div class="wrap">
+        <p class="label theme_type--grey">Become a partner</p>
+        <h2 class="display theme_type--dark">Join the Rocket.Chat ecosystem and become a partner</h2>
+        <p class="theme_type--grey">Contact us to find out  how you could become an approved Rocket.Chat partner</p>
+        <a class="button" href="/become-partner">Become Partner</a>
+      </div>
+    </div>
+  </section>
 
   <div class="flex-grid grid--justify-around align--center">
     <div class="col--haft no-gutter">
-      <p class="label theme_type--grey">Clients</p>
-      <h2 class="display theme_type--dark">Rocket.Chat for all industries</h2>
+      <p class="label theme_type--grey">Rocket.Chat for all industries</p>
     </div>
   </div>