diff --git a/docs/_includes/ads.html b/docs/_includes/ads.html
index ba4775f5e38715ddb91d07afb74f8b5191a971a6..fc4e990433a3c1c78fddc6b595e75e6dafff3d77 100644
--- a/docs/_includes/ads.html
+++ b/docs/_includes/ads.html
@@ -1 +1 @@
-<div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script>var z = document.createElement("script"); z.async = true; z.src = "http://engine.carbonads.com/z/32341/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=getbootstrapcom" id="_carbonads_js"></script>
diff --git a/docs/assets/css/src/docs.css b/docs/assets/css/src/docs.css
index eb153b2a91f6d6735b8a53b877daea8e9bd92dbe..540ab9782628893f7d0c333e0dbf73d3e302767e 100644
--- a/docs/assets/css/src/docs.css
+++ b/docs/assets/css/src/docs.css
@@ -317,83 +317,95 @@ h4 code {
 
 
 /*
- * Carbon ads
+ * Carbon Ads
  *
  * Single display ad that shows on all pages (except homepage) in page headers.
  * The hella `!important` is required for any pre-set property.
  */
 
-.carbonad {
-  width: auto !important;
-  height: auto !important;
-  padding: 20px !important;
-  margin: 30px -15px -31px !important;
-  overflow: hidden; /* clearfix */
-  font-size: 13px !important;
-  line-height: 16px !important;
-  text-align: left;
-  background: transparent !important;
-  border: solid #866ab3 !important;
-  border-width: 1px 0 !important;
+#carbonads {
+ display: block;
+ overflow: hidden;
+ margin: 0 auto;
+ padding: 1em;
+ max-width: 330px;
+ border: solid 1px #866bb3;
+ border-radius: 3px;
+ font-size: 13px;
+ line-height: 1.5;
 }
-.carbonad-img {
-  margin: 0 !important;
+
+#carbonads a:hover {
+ color: #ddd;
+ text-decoration: none;
 }
-.carbonad-text,
-.carbonad-tag {
-  display: block !important;
-  float: none !important;
-  width: auto !important;
-  height: auto !important;
-  margin-left: 145px !important;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
+
+#carbonads span {
+ position: relative;
+ display: block;
+ overflow: hidden;
 }
-.carbonad-text {
-  padding-top: 0 !important;
+
+.carbon-img {
+ float: left;
+ margin-right: 1em;
 }
-.carbonad-tag {
-  color: inherit !important;
-  text-align: left !important;
+
+.carbon-img img {
+ display: block;
 }
-.carbonad-text a,
-.carbonad-tag a {
-  color: #fff !important;
+
+.carbon-text {
+ display: block;
+ float: left;
+ max-width: calc(100% - 130px - 1em);
+ text-align: left;
+ color: #fff;
 }
-.carbonad #azcarbon > img {
-  display: none; /* hide what I assume are tracking images */
+
+.carbon-poweredby {
+ position: absolute;
+ bottom: 0;
+ left: 143px;
+ display: block;
+ color: hsl(263, 39%, 82%) !important;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ font-size: 9px;
+ line-height: 1;
 }
 
-@media (min-width: 480px) {
-  .carbonad {
-    width: 330px !important;
-    margin: 20px auto !important;
-    border-width: 1px !important;
-    border-radius: 4px;
-  }
-  .bs-docs-masthead .carbonad {
-    margin: 50px auto 0 !important;
-  }
+@media only screen and (min-width: 320px) and (max-width: 479px) {
+ #carbonads {
+   max-width: 100%;
+   border: 0;
+   border-top: solid 1px hsl(263, 32%, 56%);
+   border-radius: 0;
+   padding-top: 2em;
+ }
 }
+/* Rules to overwrite the position of Carbon Ads on docs pages */
 
-@media (min-width: 768px) {
-  .carbonad {
-    margin-right: 0 !important;
-    margin-left: 0 !important;
-  }
+.bs-docs-header #carbonads {
+ position: absolute;
+ top: 0;
+ right: 15px;
 }
 
-@media (min-width: 992px) {
-  .carbonad {
-    position: absolute;
-    top: 0;
-    right: 15px; /* 15px instead of 0 since box-sizing */
-    width: 330px !important;
-    padding: 15px !important;
-    margin: 0 !important;
-  }
-  .bs-docs-masthead .carbonad {
-    position: static;
-  }
+@media only screen and (min-width: 480px) and (max-width: 979px) {
+ .bs-docs-header #carbonads {
+   position: relative;
+   right: 0;
+   margin: 4em auto 0;
+ }
+}
+
+@media only screen and (min-width: 320px) and (max-width: 479px) {
+ .bs-docs-header #carbonads {
+   position: relative;
+   right: 0;
+   margin: 2em 0 0;
+ }
 }