diff --git a/docs/css.html b/docs/css.html
index b630123c55..99e9e8ce40 100644
--- a/docs/css.html
+++ b/docs/css.html
@@ -2308,7 +2308,7 @@ For example, <code><section></code> should be wrapped as inlin
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 </pre>
 
-          <h2>Supported devices</h2>
+          <h3>Supported devices</h3>
           <p>Bootstrap supports a handful of media queries to help make your projects more appropriate on different devices and screen resolutions. Here's what's included:</p>
           <table class="table table-bordered table-striped">
             <thead>
diff --git a/docs/templates/pages/css.mustache b/docs/templates/pages/css.mustache
index 9ce362de59..8bee2c6425 100644
--- a/docs/templates/pages/css.mustache
+++ b/docs/templates/pages/css.mustache
@@ -2253,7 +2253,7 @@
 </pre>
 
           {{! Supported }}
-          <h2>{{_i}}Supported devices{{/i}}</h2>
+          <h3>{{_i}}Supported devices{{/i}}</h3>
           <p>{{_i}}Bootstrap supports a handful of media queries to help make your projects more appropriate on different devices and screen resolutions. Here's what's included:{{/i}}</p>
           <table class="table table-bordered table-striped">
             <thead>