all new services remain on the same row

Author: scottgallant

_includes/services.html

@@ -6,14 +6,14 @@
 <section class="services">
     <div class="container pure-g">
         {% for item in page.services %}
-      <div class="pure-u-1 pure-u-md-1-2">
-            <div class="service">
-                <div class="service-icon"><img src="{{ item.icon | absolute_url }}" alt=""></div>
-                <h2>{{ item.heading }}</h2>
-                <p>{{ item.description }}</p>
-            </div>
-      </div>
+        <div class="pure-u-1 pure-u-md-1-{{ forloop.length }}">
+              <div class="service">
+                  <div class="service-icon"><img src="{{ item.icon | absolute_url }}" alt=""></div>
+                  <h2>{{ item.heading }}</h2>
+                  <p>{{ item.description }}</p>
+              </div>
+        </div>
         {% endfor %}
     </div>
 </section>
-{% endif %}
+{% endif %}