sponsors: layout

Author: justinmk

css/main.css

@@ -408,15 +408,8 @@ a.primary {
   width: 100%;
 }
 
-.second-level-sponsors td {
-  width: 50%;
-  padding: 1em 0;
-  text-align: center;
-  vertical-align: middle;
-}
-
 .second-level-sponsors img {
-  width: 80%;
+  margin-left: 1em;
 }
 @media (min-width: var(--main-breakpoint)) {
   .second-level-sponsor img {

sponsors.html

@@ -76,22 +76,22 @@ <h2>Sponsors</h2>
     </div>
 
     <dl>
-      <h2>Thanks to the original fundraiser sponsors:</h2>
+      <h3 style="margin-top: 1em;">Original fundraiser sponsors:</h3>
       <dd>
         <p>
         <div class="first-level-sponsor">
           <a href="http://digitalocean.com"><img src="/images/sponsors/[email protected]"
-                                                 alt="Digital Ocean logo" width="311" height="50"></a>
+                                                 alt="Digital Ocean logo" height="50"></a>
         </div>
         <div class="second-level-sponsors">
           <div>
-            <a href="http://superjer.com"><img src="/images/sponsors/[email protected]" alt="SuperJer logo" width="119" height="115"></a>
+            <a href="http://superjer.com"><img src="/images/sponsors/[email protected]" alt="SuperJer logo" height="115"></a>
           </div>
           <div>
-            <img src="/images/sponsors/[email protected]" alt="Bountysource logo" width="144" height="53">
+            <img src="/images/sponsors/[email protected]" alt="Bountysource logo" height="53">
           </div>
           <div>
-            <img src="/images/sponsors/[email protected]" alt="Ryan Durk logo" width="125" height="45">
+            <img src="/images/sponsors/[email protected]" alt="Ryan Durk logo" height="45">
           </div>
         </div>
         </p>