simplify media docs

docs/components.html

@@ -1644,7 +1644,7 @@
           </div>
           <p class="lead">Abstract object styles for building various types of components (like blog comments, Tweets, etc) that feature a left- or right-aligned image alongside textual content.</p>
 
-          <h2>Default example</h2>
+          <h3>Default example</h3>
           <p>The default media allow to float a media object (images, video, audio) to the left or right of a content block.</p>
           <div class="bs-docs-example">
             <div class="media">
@@ -1692,11 +1692,7 @@
 &lt;/div&gt;
 </pre>
 
-
-          <hr class="bs-docs-separator">
-
-
-          <h2>Media list</h2>
+          <h3>Media list</h3>
           <p>With a bit of extra markup, you can use media inside list (useful for comment threads or articles lists).</p>
           <div class="bs-docs-example">
             <ul class="media-list">

docs/templates/pages/components.mustache

@@ -1576,7 +1576,7 @@
           </div>
           <p class="lead">Abstract object styles for building various types of components (like blog comments, Tweets, etc) that feature a left- or right-aligned image alongside textual content.</p>
 
-          <h2>Default example</h2>
+          <h3>Default example</h3>
           <p>The default media allow to float a media object (images, video, audio) to the left or right of a content block.</p>
           <div class="bs-docs-example">
             <div class="media">
@@ -1624,11 +1624,7 @@
 &lt;/div&gt;
 </pre>
 
-
-          <hr class="bs-docs-separator">
-
-
-          <h2>Media list</h2>
+          <h3>Media list</h3>
           <p>With a bit of extra markup, you can use media inside list (useful for comment threads or articles lists).</p>
           <div class="bs-docs-example">
             <ul class="media-list">