use h4 for the example title

docs/assets/css/docs.css

@@ -562,7 +562,7 @@ body {
   border: 1px solid #dddddd;
   border-radius: 3px;
 }
-.example-wrap h5 {
+.example-wrap .example-title {
   margin-top: 10px;
 }
 .example-wrap img {

docs/examples.html

@@ -30,7 +30,7 @@ title: Examples · Ratchet
             <a class="example" href="/examples/app-movies" data-ignore="push">
               <img src="/assets/img/example.png" alt="Movie finder app example" width="640" height="480">
             </a>
-            <h5>Movie finder</h5>
+            <h4 class="example-title">Movie finder</h4>
           </div>
         </div>
         <div class="column units-2 lg-units-4">
@@ -38,7 +38,7 @@ title: Examples &middot; Ratchet
             <a class="example" href="/examples/app-ios-mail" data-ignore="push">
               <img src="/assets/img/example-ios.png" alt="iOS mail app example" width="640" height="480">
             </a>
-            <h5>iOS mail app</h5>
+            <h4 class="example-title">iOS mail app</h4>
           </div>
         </div>
         <div class="column units-2 lg-units-4">
@@ -46,7 +46,7 @@ title: Examples &middot; Ratchet
             <a class="example" href="/examples/app-android-notes" data-ignore="push">
               <img src="/assets/img/example-android.png" alt="Android notes app example" width="640" height="480">
             </a>
-            <h5>Android notes app</h5>
+            <h4 class="example-title">Android notes app</h4>
           </div>
         </div> <!-- .column-group -->
       </div>

sass/docs.scss

@@ -589,7 +589,7 @@ body {
     border: $border-default;
     border-radius: 3px;
   }
-  h5 {
+  .example-title {
     margin-top: 10px;
   }
   img {