Updates copy and layout on the sponsors page

fixes #3378

source/sponsors.html.erb

@@ -6,15 +6,15 @@ responsive: true
 <h1>Ember Sponsors and Friends</h1>
 
 <p class="intro">
-  It's still early in the life of the project, but we couldn't have gotten as far as we have without the support&mdash;both financial and technical&mdash;of the following companies:
+  Since its beginnings in 2011, Ember has only gotten as far as we have due to the support&mdash;both financial and technical&mdash;of the following companies:
 </p>
 
 <div class="sponsors section">
   <h2 class="text-center">Current Sponsors</h2>
 
   <ul class="sponsors-list">
     <% current_sponsors.each do |user| %>
-      <li class="sponsors-list-item>
+      <li class="sponsors-list-item">
         <a href="<%= user.url %>" rel="nofollow">
           <img src="/images/about/<%= user.image %>">
         </a>
@@ -28,7 +28,7 @@ responsive: true
 
   <ul class="sponsors-list">
     <% past_sponsors.each do |user| %>
-      <li class="sponsors-list-item>
+      <li class="sponsors-list-item">
         <a href="<%= user.url %>" rel="nofollow">
           <img src="/images/about/<%= user.image %>">
         </a>

source/stylesheets/pages/sponsors.css.scss

@@ -28,9 +28,21 @@
     margin: 0;
     padding: 0;
     text-align: center;
-    .sponsor-list-item {
-      border: 1px solid red;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
 
+    .sponsors-list-item {
+      border: 2px solid #E04E39;
+      border-radius: 5px;
+      background-color: #fff;
+      padding: 20px;
+      margin: 30px;
+
+      img {
+        height: 103px;
+        width: auto;
+      }
     }
   }
 }