Founding sponsors on one row

_data/associates.yml

@@ -17,7 +17,7 @@ associates:
     github: jamesob
     avatar: https://avatars1.githubusercontent.com/u/73197?s=400&v=4
     quote: >-
-      "If Optech succeeds, the Bitcoin ecosystem will have higher rates of technical coordination and understanding; businesses will gain technical insight from the opensource community, and opensource engineers will understand the challenges that industrial users of Bitcoin face. This may benefit everyone working with and relying upon Bitcoin."
+      "If Optech succeeds, the Bitcoin ecosystem will have higher rates of technical coordination and understanding; businesses will gain insight from the opensource community, and opensource engineers will understand the challenges that industrial users of Bitcoin face."
   -
     name: Steve Lee
     role: Project Manager, Optech
@@ -27,7 +27,7 @@ associates:
       "I am excited to help Bitcoin Optech Group make a meaningful contribution to Bitcoin. I’m looking forward to working with businesses to develop implementation best practices and to build a bridge between businesses and the open source community."
   -
     name: David A. Harding
-    role: Contributing Technical Writer, Optech
+    role: Technical Writer, Optech
     github: harding
     avatar: https://avatars1.githubusercontent.com/u/61096?s=400&v=4
     quote: >-

_includes/associates.html

@@ -2,7 +2,7 @@
 
 <div id="associates">
 
-    <ul class="associates two-column-list">
+    <ul class="associates n-column-list">
         {% for associate in associates %}
         {% assign avatar=associate.avatar %}
         {% unless associate.avatar contains 'https://' %}{% capture avatar %}/assets/images/team/{{associate.avatar}}{% endcapture %}{% endunless %}

_includes/sponsors.html

@@ -6,7 +6,7 @@ <h2>Founding Sponsors</h2>
 
 	<p>Our founding sponsors have generously provided funds and resources to cover our start-up and ongoing costs.</p>
 
-	<ul class="sponsors two-column-list">
+	<ul class="sponsors n-column-list">
 	{% for sponsor in sponsors %}
 	{% assign avatar=sponsor.avatar %}
 	{% unless sponsor.avatar contains 'https://' %}{% capture avatar %}/assets/images/team/{{sponsor.avatar}}{% endcapture %}{% endunless %}

assets/css/main.scss

@@ -13,32 +13,39 @@ br.clear {
     clear: left;
 }
 
-.two-column-list ul {
-        margin-left: 4em;
+ul.n-column-list {
+        margin-top: 2em;
 }
 
-.two-column-list li {
+.n-column-list li {
         list-style: none;
         float: left;
-        width: 16em;
+        width: 12em;
         text-align: left;
         margin-bottom: 20px;
+        margin-left: 2em;
 }
 
-.two-column-list li:nth-child(2n+1) {
-        margin-right: 100px;
-        clear: both;
+ul.associates {
+    margin-left: 0;
+
+    li {
+        min-height: 34em;
+        margin-left: 1em;
+        width: 14em;
+    }
 }
 
-// Enable this if you want to use a two-column list with FontAwesome
+// Enable this if you want to use a n-column list with FontAwesome
 // icons replacing the bullets
-//.two-column-list .fa-li {
+//.n-column-list .fa-li {
 //        top: 0.75em;
 //}
 
 p.sponsor-quote {
         font-style: italic;
 	margin-top: 20px;
+        font-size: 12px;
 }
 
 .sponsors h3 {
@@ -47,7 +54,7 @@ p.sponsor-quote {
 	margin-bottom: 0;
 }
 
-// The long text quotes make this application of a two-column list
+// The long text quotes make this application of a n-column list
 // desire more vertical spacing between the quotes
 .sponsors li {
         margin-bottom: 60px;