Update badges

assets/sass/base/_layout.sass

@@ -1,9 +1,6 @@
 .is-centered
     margin: 0 auto
 
-.is-flex
-    display: flex
-
 .is-half
     width: 50%
 
@@ -16,8 +13,12 @@
 .list-style-none
     list-style: none
 
-@each $value in 'block', 'inline', 'inline-block'
+.align-items-center
-    .display-#{$value}
+  align-items: center
+
+@each $value in 'block', 'inline', 'inline-block', 'flex'
+    .display-#{$value},
+    .is-#{$value},
         display: #{$value}
 
 @each $value in 'top', 'middle', 'bottom'
@@ -30,3 +31,7 @@
         & > tfoot > tr > td
             &.vertical-#{$value}
                 vertical-align: #{$value}
+
+@each $value in 2, 3, 4, 5
+    .is-#{$value}
+        width: calc(100% / #{$value})

assets/sass/components/_badges.sass

@@ -1,12 +1,5 @@
-.badges > *
+.badges > *:not(:last-child)
-    display: block
     margin: 0 auto 10px
 
-    &:last-child
-        margin-bottom: 0
-
-    // &[class$="da-member"] img
-    //     max-width: 152px
-
 .badges img
     max-width: 100%

source/_includes/badges.html.twig

@@ -1,26 +1,27 @@
 <div class="panel badges text-center">
-    <a class="badge--da-member" href="https://assoc.drupal.org/membership" title="I’m a Drupal Association member.">
+    <a href="https://assoc.drupal.org/membership" title="I’m a Drupal Association member." class="is-block">
         <img
-            src="{{ site.images_url }}/assets/images/da-individual-member.png"
+            src="{{ site.images_url }}/assets/images/badges/da-individual-member.png"
             alt="Drupal Association Individual Member"
-            width="152"
+            width="200"
-            >
-    </a>
-
-    <a href="http://drupalcores.com/#{{ site.drupalorg.name }}">
-        <img
-            alt="I built Drupal 8 with hand holding a wrench on blue background"
-            src="{{ site.images_url }}/assets/images/drupal-8.jpg"
         />
     </a>
 
+    <div class="is-flex align-items-center">
         <img
-        src="{{ site.images_url }}/assets/images/badges/acquia-certified-developer-drupal-8.png"
+            src="{{ site.images_url }}/assets/images/badges/acquia-d8-developer.png"
             alt="Acquia Certified Developer - Drupal 8 Exam Badge"
-        height="147" width="147"
+            class="is-2"
         />
 
-    <a href="http://conference.phpnw.org.uk/phpnw17">
+        <img
+            src="{{ site.images_url }}/assets/images/badges/acquia-d8-back-end.png"
+            alt="Acquia Certified Back End Specialist - Drupal 8 Exam Badge"
+            class="is-2"
+        />
+    </div>
+
+    <a href="http://conference.phpnw.org.uk/phpnw17" class="is-block">
         <img src="{{ site.images_url }}/assets/images/badges/phpnw17.png" alt="">
     </a>
 </div>