update sponsor

20 files changed, 260 insertions, 292 deletions

diff --git a/amelia/index.html b/amelia/index.html
index 8ff77c97..c35671f0 100644
--- a/amelia/index.html
+++ b/amelia/index.html
@@ -94,24 +94,23 @@
 
       <div class="page-header" id="banner">
         <div class="row">
-          <div class="col-lg-6">
+          <div class="col-lg-8 col-md-7 col-sm-6">
             <h1>Amelia</h1>
             <p class="lead">Sweet and cheery</p>
           </div>
-          <div class="col-lg-6" style="padding: 15px 15px 0 15px;">
-            <div class="well sponsor">
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <span style="float: left; margin-right: 15px;">
-                  <img src="http://srv.buysellads.com/direct/image/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onload="_gaq.push(['_trackEvent', 'banner', 'impression', 'treehouse']);" width="175" height="135">
-                </span>
-              </a>
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <h4 style="margin-bottom: 0.4em;">Treehouse</h4>
-                <div class="clearfix">
-                  <p>Learn Web Design, Coding, Mobile App Development &amp; More.</p>
-                  <p>Start Learning for Free!</p>
-                </div>
-              </a>
+          <div class="col-lg-4 col-md-5 col-sm-6">
+            <div class="sponsor">
+              <div id="md-large-widget"></div>
+              <script type="text/javascript">
+              (function() {
+                var url = 'http://www.mightydeals.com/widgets/large/image_only/yes/ref/bootswatch';
+                var s = document.createElement('script'), s1 = document.getElementsByTagName('script')[0];
+                s.type = 'text/javascript';
+                s.async = true;
+                s.src = url;
+                s1.parentNode.insertBefore(s, s1);
+              })();
+              </script>
             </div>
           </div>
         </div>
diff --git a/assets/css/bootswatch.min.css b/assets/css/bootswatch.min.css
index bf936360..d2ca27ad 100644
--- a/assets/css/bootswatch.min.css
+++ b/assets/css/bootswatch.min.css
@@ -1 +1 @@
-body{padding-top:50px}#banner{border-bottom:none}.page-header h1{font-size:4em}.bs-docs-section{margin-top:8em}.bs-component{position:relative}.bs-component .modal{position:relative;top:auto;right:auto;left:auto;bottom:auto;z-index:1;display:block}.bs-component .modal-dialog{width:90%}.bs-component .popover{position:relative;display:inline-block;width:220px;margin:20px}#source-button{position:absolute;top:0;right:0;z-index:100;font-weight:bold}.progress{margin-bottom:10px}footer{margin:5em 0}footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}footer p{clear:left;margin-bottom:0}.splash{padding:4em 0 2em;background:#141d27;background:-moz-linear-gradient(70deg, #141d27 0, #233344 72%, #2c4055 89%, #39526e 100%);background:-webkit-gradient(linear, left bottom, right top, color-stop(0, #141d27), color-stop(72%, #233344), color-stop(89%, #2c4055), color-stop(100%, #39526e));background:-webkit-linear-gradient(70deg, #141d27 0, #233344 72%, #2c4055 89%, #39526e 100%);background:-o-linear-gradient(70deg, #141d27 0, #233344 72%, #2c4055 89%, #39526e 100%);background:-ms-linear-gradient(70deg, #141d27 0, #233344 72%, #2c4055 89%, #39526e 100%);background:linear-gradient(70deg, #141d27 0, #233344 72%, #2c4055 89%, #39526e 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#141d27', endColorstr='#39526e', GradientType=1);color:#fff;text-align:center}.splash h1{font-size:4em}.splash #social{margin:2em 0}.splash .alert{margin:2em 0}.splash .bsa{max-width:350px;margin:0 auto;background:none}.splash .bsa .one .bsa_it_ad{border:1px solid #3e4653 !important;border-color:rgba(255,255,255,0.2) !important}.splash .bsa a{color:#fff}.section-tout{padding:4em 0 3em;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(0,0,0,0.1);background-color:#eaf1f1}.section-tout .fa{margin-right:.5em}.section-tout p{margin-bottom:3em}.section-preview{padding:4em 0 4em}.section-preview .preview{margin-bottom:4em;background-color:#eaf1f1;border:1px solid rgba(0,0,0,0.1)}.section-preview .preview .options{padding:1em 2em 2em;border-top:1px solid rgba(0,0,0,0.1);text-align:center}.section-preview .preview .options p{margin-bottom:2em}.section-preview .dropdown-menu{text-align:left}.section-preview .lead{margin-bottom:2em}@media (max-width:767px){.section-preview .image img{width:100%}}.sponsor img{border:1px solid rgba(0,0,0,0.1);border-radius:4px}.sponsor a:hover{text-decoration:none}.bsa{padding:0}.bsa .one .bsa_it_ad{border:none !important;background-color:transparent !important}.bsa .one .bsa_it_ad .bsa_it_t,.bsa .one .bsa_it_ad .bsa_it_d{color:inherit !important}.bsa .one .bsa_it_ad .bsa_it_i{margin-bottom:0 !important}.bsa .one .bsa_it_p{display:none}
\ No newline at end of file
+body{padding-top:50px}#banner{min-height:300px;border-bottom:none}.page-header h1{font-size:4em}.bs-docs-section{margin-top:8em}.bs-component{position:relative}.bs-component .modal{position:relative;top:auto;right:auto;left:auto;bottom:auto;z-index:1;display:block}.bs-component .modal-dialog{width:90%}.bs-component .popover{position:relative;display:inline-block;width:220px;margin:20px}#source-button{position:absolute;top:0;right:0;z-index:100;font-weight:bold}.progress{margin-bottom:10px}footer{margin:5em 0}footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}footer p{clear:left;margin-bottom:0}.splash{padding:4em 0 2em;background:#141d27;background:-moz-linear-gradient(70deg, #141d27 0, #233344 72%, #2c4055 89%, #39526e 100%);background:-webkit-gradient(linear, left bottom, right top, color-stop(0, #141d27), color-stop(72%, #233344), color-stop(89%, #2c4055), color-stop(100%, #39526e));background:-webkit-linear-gradient(70deg, #141d27 0, #233344 72%, #2c4055 89%, #39526e 100%);background:-o-linear-gradient(70deg, #141d27 0, #233344 72%, #2c4055 89%, #39526e 100%);background:-ms-linear-gradient(70deg, #141d27 0, #233344 72%, #2c4055 89%, #39526e 100%);background:linear-gradient(70deg, #141d27 0, #233344 72%, #2c4055 89%, #39526e 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#141d27', endColorstr='#39526e', GradientType=1);color:#fff;text-align:center}.splash h1{font-size:4em}.splash #social{margin:2em 0}.splash .alert{margin:2em 0}.splash .bsa{max-width:350px;margin:0 auto;background:none}.splash .bsa .one .bsa_it_ad{border:1px solid #3e4653 !important;border-color:rgba(255,255,255,0.2) !important}.splash .bsa a{color:#fff}.section-tout{padding:4em 0 3em;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(0,0,0,0.1);background-color:#eaf1f1}.section-tout .fa{margin-right:.5em}.section-tout p{margin-bottom:3em}.section-preview{padding:4em 0 4em}.section-preview .preview{margin-bottom:4em;background-color:#eaf1f1;border:1px solid rgba(0,0,0,0.1)}.section-preview .preview .options{padding:1em 2em 2em;border-top:1px solid rgba(0,0,0,0.1);text-align:center}.section-preview .preview .options p{margin-bottom:2em}.section-preview .dropdown-menu{text-align:left}.section-preview .lead{margin-bottom:2em}@media (max-width:767px){.section-preview .image img{width:100%}}.sponsor{text-align:center}.sponsor img{border:1px solid rgba(0,0,0,0.2);border-radius:4px}.sponsor a:hover{text-decoration:none}@media (max-width:767px){#banner{margin-bottom:2em;text-align:center}}
\ No newline at end of file
diff --git a/assets/less/bootswatch.less b/assets/less/bootswatch.less
index 16adc6ea..123f2be5 100644
--- a/assets/less/bootswatch.less
+++ b/assets/less/bootswatch.less
@@ -3,6 +3,7 @@ body {
 }
 
 #banner {
+  min-height: 300px;
   border-bottom: none;
 }
 
@@ -163,8 +164,10 @@ footer {
 
 .sponsor {
 
+  text-align: center;
+
   img {
-    border: 1px solid rgba(0, 0, 0, 0.1);
+    border: 1px solid rgba(0, 0, 0, 0.2);
     border-radius: 4px;
   }
 
@@ -173,27 +176,11 @@ footer {
   }
 }
 
-.bsa {
-  padding: 0;
-
-  .one {
-
-    .bsa_it_ad {
-      border: none !important;
-      background-color: transparent !important;
-
-      .bsa_it_t,
-      .bsa_it_d {
-        color: inherit !important;
-      }
+@media (max-width: 767px) {
 
-      .bsa_it_i {
-        margin-bottom: 0 !important;
-      }
-    }
-
-    .bsa_it_p {
-      display: none;
-    }
+  #banner {
+    margin-bottom: 2em;
+    text-align: center
   }
+
 }
\ No newline at end of file
diff --git a/cerulean/index.html b/cerulean/index.html
index f132b6a5..51e4984a 100644
--- a/cerulean/index.html
+++ b/cerulean/index.html
@@ -94,24 +94,23 @@
 
       <div class="page-header" id="banner">
         <div class="row">
-          <div class="col-lg-6">
+          <div class="col-lg-8 col-md-7 col-sm-6">
             <h1>Cerulean</h1>
             <p class="lead">A calm blue sky</p>
           </div>
-          <div class="col-lg-6" style="padding: 15px 15px 0 15px;">
-            <div class="well sponsor">
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <span style="float: left; margin-right: 15px;">
-                  <img src="http://srv.buysellads.com/direct/image/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onload="_gaq.push(['_trackEvent', 'banner', 'impression', 'treehouse']);" width="175" height="135">
-                </span>
-              </a>
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <h4 style="margin-bottom: 0.4em;">Treehouse</h4>
-                <div class="clearfix">
-                  <p>Learn Web Design, Coding, Mobile App Development &amp; More.</p>
-                  <p>Start Learning for Free!</p>
-                </div>
-              </a>
+          <div class="col-lg-4 col-md-5 col-sm-6">
+            <div class="sponsor">
+              <div id="md-large-widget"></div>
+              <script type="text/javascript">
+              (function() {
+                var url = 'http://www.mightydeals.com/widgets/large/image_only/yes/ref/bootswatch';
+                var s = document.createElement('script'), s1 = document.getElementsByTagName('script')[0];
+                s.type = 'text/javascript';
+                s.async = true;
+                s.src = url;
+                s1.parentNode.insertBefore(s, s1);
+              })();
+              </script>
             </div>
           </div>
         </div>
diff --git a/cosmo/index.html b/cosmo/index.html
index 987ab2af..be4fa700 100644
--- a/cosmo/index.html
+++ b/cosmo/index.html
@@ -94,24 +94,23 @@
 
       <div class="page-header" id="banner">
         <div class="row">
-          <div class="col-lg-6">
+          <div class="col-lg-8 col-md-7 col-sm-6">
             <h1>Cosmo</h1>
             <p class="lead">An ode to Metro</p>
           </div>
-          <div class="col-lg-6" style="padding: 15px 15px 0 15px;">
-            <div class="well sponsor">
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <span style="float: left; margin-right: 15px;">
-                  <img src="http://srv.buysellads.com/direct/image/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onload="_gaq.push(['_trackEvent', 'banner', 'impression', 'treehouse']);" width="175" height="135">
-                </span>
-              </a>
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <h4 style="margin-bottom: 0.4em;">Treehouse</h4>
-                <div class="clearfix">
-                  <p>Learn Web Design, Coding, Mobile App Development &amp; More.</p>
-                  <p>Start Learning for Free!</p>
-                </div>
-              </a>
+          <div class="col-lg-4 col-md-5 col-sm-6">
+            <div class="sponsor">
+              <div id="md-large-widget"></div>
+              <script type="text/javascript">
+              (function() {
+                var url = 'http://www.mightydeals.com/widgets/large/image_only/yes/ref/bootswatch';
+                var s = document.createElement('script'), s1 = document.getElementsByTagName('script')[0];
+                s.type = 'text/javascript';
+                s.async = true;
+                s.src = url;
+                s1.parentNode.insertBefore(s, s1);
+              })();
+              </script>
             </div>
           </div>
         </div>
diff --git a/custom/index.html b/custom/index.html
index e44d730b..6df9b1bc 100644
--- a/custom/index.html
+++ b/custom/index.html
@@ -94,24 +94,23 @@
 
       <div class="page-header" id="banner">
         <div class="row">
-          <div class="col-lg-6">
+          <div class="col-lg-8 col-md-7 col-sm-6">
             <h1>Custom</h1>
             <p class="lead">Your tagline here</p>
           </div>
-          <div class="col-lg-6" style="padding: 15px 15px 0 15px;">
-            <div class="well sponsor">
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <span style="float: left; margin-right: 15px;">
-                  <img src="http://srv.buysellads.com/direct/image/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onload="_gaq.push(['_trackEvent', 'banner', 'impression', 'treehouse']);" width="175" height="135">
-                </span>
-              </a>
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <h4 style="margin-bottom: 0.4em;">Treehouse</h4>
-                <div class="clearfix">
-                  <p>Learn Web Design, Coding, Mobile App Development &amp; More.</p>
-                  <p>Start Learning for Free!</p>
-                </div>
-              </a>
+          <div class="col-lg-4 col-md-5 col-sm-6">
+            <div class="sponsor">
+              <div id="md-large-widget"></div>
+              <script type="text/javascript">
+              (function() {
+                var url = 'http://www.mightydeals.com/widgets/large/image_only/yes/ref/bootswatch';
+                var s = document.createElement('script'), s1 = document.getElementsByTagName('script')[0];
+                s.type = 'text/javascript';
+                s.async = true;
+                s.src = url;
+                s1.parentNode.insertBefore(s, s1);
+              })();
+              </script>
             </div>
           </div>
         </div>
diff --git a/cyborg/index.html b/cyborg/index.html
index 51aa58f9..fef0107a 100644
--- a/cyborg/index.html
+++ b/cyborg/index.html
@@ -94,24 +94,23 @@
 
       <div class="page-header" id="banner">
         <div class="row">
-          <div class="col-lg-6">
+          <div class="col-lg-8 col-md-7 col-sm-6">
             <h1>Cyborg</h1>
             <p class="lead">Jet black and electric blue</p>
           </div>
-          <div class="col-lg-6" style="padding: 15px 15px 0 15px;">
-            <div class="well sponsor">
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <span style="float: left; margin-right: 15px;">
-                  <img src="http://srv.buysellads.com/direct/image/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onload="_gaq.push(['_trackEvent', 'banner', 'impression', 'treehouse']);" width="175" height="135">
-                </span>
-              </a>
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <h4 style="margin-bottom: 0.4em;">Treehouse</h4>
-                <div class="clearfix">
-                  <p>Learn Web Design, Coding, Mobile App Development &amp; More.</p>
-                  <p>Start Learning for Free!</p>
-                </div>
-              </a>
+          <div class="col-lg-4 col-md-5 col-sm-6">
+            <div class="sponsor">
+              <div id="md-large-widget"></div>
+              <script type="text/javascript">
+              (function() {
+                var url = 'http://www.mightydeals.com/widgets/large/image_only/yes/ref/bootswatch';
+                var s = document.createElement('script'), s1 = document.getElementsByTagName('script')[0];
+                s.type = 'text/javascript';
+                s.async = true;
+                s.src = url;
+                s1.parentNode.insertBefore(s, s1);
+              })();
+              </script>
             </div>
           </div>
         </div>
diff --git a/darkly/index.html b/darkly/index.html
index a6188867..c8107499 100644
--- a/darkly/index.html
+++ b/darkly/index.html
@@ -94,24 +94,23 @@
 
       <div class="page-header" id="banner">
         <div class="row">
-          <div class="col-lg-6">
+          <div class="col-lg-8 col-md-7 col-sm-6">
             <h1>Darkly</h1>
             <p class="lead">Flatly in night mode</p>
           </div>
-          <div class="col-lg-6" style="padding: 15px 15px 0 15px;">
-            <div class="well sponsor">
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <span style="float: left; margin-right: 15px;">
-                  <img src="http://srv.buysellads.com/direct/image/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onload="_gaq.push(['_trackEvent', 'banner', 'impression', 'treehouse']);" width="175" height="135">
-                </span>
-              </a>
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <h4 style="margin-bottom: 0.4em;">Treehouse</h4>
-                <div class="clearfix">
-                  <p>Learn Web Design, Coding, Mobile App Development &amp; More.</p>
-                  <p>Start Learning for Free!</p>
-                </div>
-              </a>
+          <div class="col-lg-4 col-md-5 col-sm-6">
+            <div class="sponsor">
+              <div id="md-large-widget"></div>
+              <script type="text/javascript">
+              (function() {
+                var url = 'http://www.mightydeals.com/widgets/large/image_only/yes/ref/bootswatch';
+                var s = document.createElement('script'), s1 = document.getElementsByTagName('script')[0];
+                s.type = 'text/javascript';
+                s.async = true;
+                s.src = url;
+                s1.parentNode.insertBefore(s, s1);
+              })();
+              </script>
             </div>
           </div>
         </div>
diff --git a/default/index.html b/default/index.html
index 2095fb07..e0847adc 100644
--- a/default/index.html
+++ b/default/index.html
@@ -91,24 +91,23 @@
 
       <div class="page-header" id="banner">
         <div class="row">
-          <div class="col-lg-6">
+          <div class="col-lg-8 col-md-7 col-sm-6">
             <h1>Default</h1>
             <p class="lead">Basic Bootstrap</p>
           </div>
-          <div class="col-lg-6" style="padding: 15px 15px 0 15px;">
-            <div class="well sponsor">
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <span style="float: left; margin-right: 15px;">
-                  <img src="http://srv.buysellads.com/direct/image/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onload="_gaq.push(['_trackEvent', 'banner', 'impression', 'treehouse']);" width="175" height="135">
-                </span>
-              </a>
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <h4 style="margin-bottom: 0.4em;">Treehouse</h4>
-                <div class="clearfix">
-                  <p>Learn Web Design, Coding, Mobile App Development &amp; More.</p>
-                  <p>Start Learning for Free!</p>
-                </div>
-              </a>
+          <div class="col-lg-4 col-md-5 col-sm-6">
+            <div class="sponsor">
+              <div id="md-large-widget"></div>
+              <script type="text/javascript">
+              (function() {
+                var url = 'http://www.mightydeals.com/widgets/large/image_only/yes/ref/bootswatch';
+                var s = document.createElement('script'), s1 = document.getElementsByTagName('script')[0];
+                s.type = 'text/javascript';
+                s.async = true;
+                s.src = url;
+                s1.parentNode.insertBefore(s, s1);
+              })();
+              </script>
             </div>
           </div>
         </div>
diff --git a/flatly/index.html b/flatly/index.html
index 6feea964..04fe2447 100644
--- a/flatly/index.html
+++ b/flatly/index.html
@@ -94,24 +94,23 @@
 
       <div class="page-header" id="banner">
         <div class="row">
-          <div class="col-lg-6">
+          <div class="col-lg-8 col-md-7 col-sm-6">
             <h1>Flatly</h1>
             <p class="lead">Flat and modern</p>
           </div>
-          <div class="col-lg-6" style="padding: 15px 15px 0 15px;">
-            <div class="well sponsor">
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <span style="float: left; margin-right: 15px;">
-                  <img src="http://srv.buysellads.com/direct/image/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onload="_gaq.push(['_trackEvent', 'banner', 'impression', 'treehouse']);" width="175" height="135">
-                </span>
-              </a>
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <h4 style="margin-bottom: 0.4em;">Treehouse</h4>
-                <div class="clearfix">
-                  <p>Learn Web Design, Coding, Mobile App Development &amp; More.</p>
-                  <p>Start Learning for Free!</p>
-                </div>
-              </a>
+          <div class="col-lg-4 col-md-5 col-sm-6">
+            <div class="sponsor">
+              <div id="md-large-widget"></div>
+              <script type="text/javascript">
+              (function() {
+                var url = 'http://www.mightydeals.com/widgets/large/image_only/yes/ref/bootswatch';
+                var s = document.createElement('script'), s1 = document.getElementsByTagName('script')[0];
+                s.type = 'text/javascript';
+                s.async = true;
+                s.src = url;
+                s1.parentNode.insertBefore(s, s1);
+              })();
+              </script>
             </div>
           </div>
         </div>
diff --git a/index.html b/index.html
index 65b22f71..dd23afba 100644
--- a/index.html
+++ b/index.html
@@ -98,22 +98,20 @@
             </div>
             <div class="row">
               <div class="col-md-6 col-md-offset-3">
-                <div class="well sponsor" style="background-color: rgba(0, 0, 0, 0.4);">
-                  <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                    <span style="float: left; margin-right: 15px;">
-                      <img src="http://srv.buysellads.com/direct/image/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onload="_gaq.push(['_trackEvent', 'banner', 'impression', 'treehouse']);" width="175" height="135">
-                    </span>
-                  </a>
-                  <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                    <h4 style="margin-bottom: 0.4em;">Treehouse</h4>
-                    <div class="clearfix">
-                      <p>Learn Web Design, Coding, Mobile App Development &amp; More.</p>
-                      <p>Start Learning for Free!</p>
-                    </div>
-                  </a>
+                <div class="sponsor" style="min-height: 300px;">
+                  <div id="md-large-widget"></div>
+                  <script type="text/javascript">
+                  (function() {
+                    var url = 'http://www.mightydeals.com/widgets/large/image_only/yes/ref/bootswatch';
+                    var s = document.createElement('script'), s1 = document.getElementsByTagName('script')[0];
+                    s.type = 'text/javascript';
+                    s.async = true;
+                    s.src = url;
+                    s1.parentNode.insertBefore(s, s1);
+                  })();
+                  </script>
                 </div>
               </div>
-              
             </div>
           </div>
         </div>
diff --git a/journal/index.html b/journal/index.html
index 644a03e2..5954fd0c 100644
--- a/journal/index.html
+++ b/journal/index.html
@@ -94,24 +94,23 @@
 
       <div class="page-header" id="banner">
         <div class="row">
-          <div class="col-lg-6">
+          <div class="col-lg-8 col-md-7 col-sm-6">
             <h1>Journal</h1>
             <p class="lead">Crisp like a new sheet of paper</p>
           </div>
-          <div class="col-lg-6" style="padding: 15px 15px 0 15px;">
-            <div class="well sponsor">
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <span style="float: left; margin-right: 15px;">
-                  <img src="http://srv.buysellads.com/direct/image/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onload="_gaq.push(['_trackEvent', 'banner', 'impression', 'treehouse']);" width="175" height="135">
-                </span>
-              </a>
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <h4 style="margin-bottom: 0.4em;">Treehouse</h4>
-                <div class="clearfix">
-                  <p>Learn Web Design, Coding, Mobile App Development &amp; More.</p>
-                  <p>Start Learning for Free!</p>
-                </div>
-              </a>
+          <div class="col-lg-4 col-md-5 col-sm-6">
+            <div class="sponsor">
+              <div id="md-large-widget"></div>
+              <script type="text/javascript">
+              (function() {
+                var url = 'http://www.mightydeals.com/widgets/large/image_only/yes/ref/bootswatch';
+                var s = document.createElement('script'), s1 = document.getElementsByTagName('script')[0];
+                s.type = 'text/javascript';
+                s.async = true;
+                s.src = url;
+                s1.parentNode.insertBefore(s, s1);
+              })();
+              </script>
             </div>
           </div>
         </div>
diff --git a/lumen/index.html b/lumen/index.html
index 655ff223..10640115 100644
--- a/lumen/index.html
+++ b/lumen/index.html
@@ -94,24 +94,23 @@
 
       <div class="page-header" id="banner">
         <div class="row">
-          <div class="col-lg-6">
+          <div class="col-lg-8 col-md-7 col-sm-6">
             <h1>Lumen</h1>
             <p class="lead">Light and shadow</p>
           </div>
-          <div class="col-lg-6" style="padding: 15px 15px 0 15px;">
-            <div class="well sponsor">
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <span style="float: left; margin-right: 15px;">
-                  <img src="http://srv.buysellads.com/direct/image/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onload="_gaq.push(['_trackEvent', 'banner', 'impression', 'treehouse']);" width="175" height="135">
-                </span>
-              </a>
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <h4 style="margin-bottom: 0.4em;">Treehouse</h4>
-                <div class="clearfix">
-                  <p>Learn Web Design, Coding, Mobile App Development &amp; More.</p>
-                  <p>Start Learning for Free!</p>
-                </div>
-              </a>
+          <div class="col-lg-4 col-md-5 col-sm-6">
+            <div class="sponsor">
+              <div id="md-large-widget"></div>
+              <script type="text/javascript">
+              (function() {
+                var url = 'http://www.mightydeals.com/widgets/large/image_only/yes/ref/bootswatch';
+                var s = document.createElement('script'), s1 = document.getElementsByTagName('script')[0];
+                s.type = 'text/javascript';
+                s.async = true;
+                s.src = url;
+                s1.parentNode.insertBefore(s, s1);
+              })();
+              </script>
             </div>
           </div>
         </div>
diff --git a/readable/index.html b/readable/index.html
index 552a42f8..b929aa9a 100644
--- a/readable/index.html
+++ b/readable/index.html
@@ -94,24 +94,23 @@
 
       <div class="page-header" id="banner">
         <div class="row">
-          <div class="col-lg-6">
+          <div class="col-lg-8 col-md-7 col-sm-6">
             <h1>Readable</h1>
             <p class="lead">Optimized for legibility</p>
           </div>
-          <div class="col-lg-6" style="padding: 15px 15px 0 15px;">
-            <div class="well sponsor">
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <span style="float: left; margin-right: 15px;">
-                  <img src="http://srv.buysellads.com/direct/image/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onload="_gaq.push(['_trackEvent', 'banner', 'impression', 'treehouse']);" width="175" height="135">
-                </span>
-              </a>
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <h4 style="margin-bottom: 0.4em;">Treehouse</h4>
-                <div class="clearfix">
-                  <p>Learn Web Design, Coding, Mobile App Development &amp; More.</p>
-                  <p>Start Learning for Free!</p>
-                </div>
-              </a>
+          <div class="col-lg-4 col-md-5 col-sm-6">
+            <div class="sponsor">
+              <div id="md-large-widget"></div>
+              <script type="text/javascript">
+              (function() {
+                var url = 'http://www.mightydeals.com/widgets/large/image_only/yes/ref/bootswatch';
+                var s = document.createElement('script'), s1 = document.getElementsByTagName('script')[0];
+                s.type = 'text/javascript';
+                s.async = true;
+                s.src = url;
+                s1.parentNode.insertBefore(s, s1);
+              })();
+              </script>
             </div>
           </div>
         </div>
diff --git a/simplex/index.html b/simplex/index.html
index 880f2aaa..a9cb323e 100644
--- a/simplex/index.html
+++ b/simplex/index.html
@@ -94,24 +94,23 @@
 
       <div class="page-header" id="banner">
         <div class="row">
-          <div class="col-lg-6">
+          <div class="col-lg-8 col-md-7 col-sm-6">
             <h1>Simplex</h1>
             <p class="lead">Mini and minimalist</p>
           </div>
-          <div class="col-lg-6" style="padding: 15px 15px 0 15px;">
-            <div class="well sponsor">
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <span style="float: left; margin-right: 15px;">
-                  <img src="http://srv.buysellads.com/direct/image/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onload="_gaq.push(['_trackEvent', 'banner', 'impression', 'treehouse']);" width="175" height="135">
-                </span>
-              </a>
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <h4 style="margin-bottom: 0.4em;">Treehouse</h4>
-                <div class="clearfix">
-                  <p>Learn Web Design, Coding, Mobile App Development &amp; More.</p>
-                  <p>Start Learning for Free!</p>
-                </div>
-              </a>
+          <div class="col-lg-4 col-md-5 col-sm-6">
+            <div class="sponsor">
+              <div id="md-large-widget"></div>
+              <script type="text/javascript">
+              (function() {
+                var url = 'http://www.mightydeals.com/widgets/large/image_only/yes/ref/bootswatch';
+                var s = document.createElement('script'), s1 = document.getElementsByTagName('script')[0];
+                s.type = 'text/javascript';
+                s.async = true;
+                s.src = url;
+                s1.parentNode.insertBefore(s, s1);
+              })();
+              </script>
             </div>
           </div>
         </div>
diff --git a/slate/index.html b/slate/index.html
index be1f2093..4113caa2 100644
--- a/slate/index.html
+++ b/slate/index.html
@@ -94,24 +94,23 @@
 
       <div class="page-header" id="banner">
         <div class="row">
-          <div class="col-lg-6">
+          <div class="col-lg-8 col-md-7 col-sm-6">
             <h1>Slate</h1>
             <p class="lead">Shades of gunmetal gray</p>
           </div>
-          <div class="col-lg-6" style="padding: 15px 15px 0 15px;">
-            <div class="well sponsor">
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <span style="float: left; margin-right: 15px;">
-                  <img src="http://srv.buysellads.com/direct/image/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onload="_gaq.push(['_trackEvent', 'banner', 'impression', 'treehouse']);" width="175" height="135">
-                </span>
-              </a>
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <h4 style="margin-bottom: 0.4em;">Treehouse</h4>
-                <div class="clearfix">
-                  <p>Learn Web Design, Coding, Mobile App Development &amp; More.</p>
-                  <p>Start Learning for Free!</p>
-                </div>
-              </a>
+          <div class="col-lg-4 col-md-5 col-sm-6">
+            <div class="sponsor">
+              <div id="md-large-widget"></div>
+              <script type="text/javascript">
+              (function() {
+                var url = 'http://www.mightydeals.com/widgets/large/image_only/yes/ref/bootswatch';
+                var s = document.createElement('script'), s1 = document.getElementsByTagName('script')[0];
+                s.type = 'text/javascript';
+                s.async = true;
+                s.src = url;
+                s1.parentNode.insertBefore(s, s1);
+              })();
+              </script>
             </div>
           </div>
         </div>
diff --git a/spacelab/index.html b/spacelab/index.html
index 385031c5..940633ef 100644
--- a/spacelab/index.html
+++ b/spacelab/index.html
@@ -94,24 +94,23 @@
 
       <div class="page-header" id="banner">
         <div class="row">
-          <div class="col-lg-6">
+          <div class="col-lg-8 col-md-7 col-sm-6">
             <h1>Spacelab</h1>
             <p class="lead">Silvery and sleek</p>
           </div>
-          <div class="col-lg-6" style="padding: 15px 15px 0 15px;">
-            <div class="well sponsor">
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <span style="float: left; margin-right: 15px;">
-                  <img src="http://srv.buysellads.com/direct/image/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onload="_gaq.push(['_trackEvent', 'banner', 'impression', 'treehouse']);" width="175" height="135">
-                </span>
-              </a>
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <h4 style="margin-bottom: 0.4em;">Treehouse</h4>
-                <div class="clearfix">
-                  <p>Learn Web Design, Coding, Mobile App Development &amp; More.</p>
-                  <p>Start Learning for Free!</p>
-                </div>
-              </a>
+          <div class="col-lg-4 col-md-5 col-sm-6">
+            <div class="sponsor">
+              <div id="md-large-widget"></div>
+              <script type="text/javascript">
+              (function() {
+                var url = 'http://www.mightydeals.com/widgets/large/image_only/yes/ref/bootswatch';
+                var s = document.createElement('script'), s1 = document.getElementsByTagName('script')[0];
+                s.type = 'text/javascript';
+                s.async = true;
+                s.src = url;
+                s1.parentNode.insertBefore(s, s1);
+              })();
+              </script>
             </div>
           </div>
         </div>
diff --git a/superhero/index.html b/superhero/index.html
index f925d62f..510df901 100644
--- a/superhero/index.html
+++ b/superhero/index.html
@@ -94,24 +94,23 @@
 
       <div class="page-header" id="banner">
         <div class="row">
-          <div class="col-lg-6">
+          <div class="col-lg-8 col-md-7 col-sm-6">
             <h1>Superhero</h1>
             <p class="lead">The brave and the blue</p>
           </div>
-          <div class="col-lg-6" style="padding: 15px 15px 0 15px;">
-            <div class="well sponsor">
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <span style="float: left; margin-right: 15px;">
-                  <img src="http://srv.buysellads.com/direct/image/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onload="_gaq.push(['_trackEvent', 'banner', 'impression', 'treehouse']);" width="175" height="135">
-                </span>
-              </a>
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <h4 style="margin-bottom: 0.4em;">Treehouse</h4>
-                <div class="clearfix">
-                  <p>Learn Web Design, Coding, Mobile App Development &amp; More.</p>
-                  <p>Start Learning for Free!</p>
-                </div>
-              </a>
+          <div class="col-lg-4 col-md-5 col-sm-6">
+            <div class="sponsor">
+              <div id="md-large-widget"></div>
+              <script type="text/javascript">
+              (function() {
+                var url = 'http://www.mightydeals.com/widgets/large/image_only/yes/ref/bootswatch';
+                var s = document.createElement('script'), s1 = document.getElementsByTagName('script')[0];
+                s.type = 'text/javascript';
+                s.async = true;
+                s.src = url;
+                s1.parentNode.insertBefore(s, s1);
+              })();
+              </script>
             </div>
           </div>
         </div>
diff --git a/united/index.html b/united/index.html
index 77a5e9ca..29354379 100644
--- a/united/index.html
+++ b/united/index.html
@@ -94,24 +94,23 @@
 
       <div class="page-header" id="banner">
         <div class="row">
-          <div class="col-lg-6">
+          <div class="col-lg-8 col-md-7 col-sm-6">
             <h1>United</h1>
             <p class="lead">Ubuntu orange and unique font</p>
           </div>
-          <div class="col-lg-6" style="padding: 15px 15px 0 15px;">
-            <div class="well sponsor">
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <span style="float: left; margin-right: 15px;">
-                  <img src="http://srv.buysellads.com/direct/image/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onload="_gaq.push(['_trackEvent', 'banner', 'impression', 'treehouse']);" width="175" height="135">
-                </span>
-              </a>
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <h4 style="margin-bottom: 0.4em;">Treehouse</h4>
-                <div class="clearfix">
-                  <p>Learn Web Design, Coding, Mobile App Development &amp; More.</p>
-                  <p>Start Learning for Free!</p>
-                </div>
-              </a>
+          <div class="col-lg-4 col-md-5 col-sm-6">
+            <div class="sponsor">
+              <div id="md-large-widget"></div>
+              <script type="text/javascript">
+              (function() {
+                var url = 'http://www.mightydeals.com/widgets/large/image_only/yes/ref/bootswatch';
+                var s = document.createElement('script'), s1 = document.getElementsByTagName('script')[0];
+                s.type = 'text/javascript';
+                s.async = true;
+                s.src = url;
+                s1.parentNode.insertBefore(s, s1);
+              })();
+              </script>
             </div>
           </div>
         </div>
diff --git a/yeti/index.html b/yeti/index.html
index 9cf17eea..a3a63e60 100644
--- a/yeti/index.html
+++ b/yeti/index.html
@@ -94,24 +94,23 @@
 
       <div class="page-header" id="banner">
         <div class="row">
-          <div class="col-lg-6">
+          <div class="col-lg-8 col-md-7 col-sm-6">
             <h1>Yeti</h1>
             <p class="lead">A friendly foundation</p>
           </div>
-          <div class="col-lg-6" style="padding: 15px 15px 0 15px;">
-            <div class="well sponsor">
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <span style="float: left; margin-right: 15px;">
-                  <img src="http://srv.buysellads.com/direct/image/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onload="_gaq.push(['_trackEvent', 'banner', 'impression', 'treehouse']);" width="175" height="135">
-                </span>
-              </a>
-              <a href="http://srv.buysellads.com/direct/click/track/yes/x/G6NDC27ICWAI627UCWALYK7UCKBILKJMCT7I5" onclick="_gaq.push(['_trackEvent', 'banner', 'click', 'treehouse']);" rel="nofollow" target="_blank">
-                <h4 style="margin-bottom: 0.4em;">Treehouse</h4>
-                <div class="clearfix">
-                  <p>Learn Web Design, Coding, Mobile App Development &amp; More.</p>
-                  <p>Start Learning for Free!</p>
-                </div>
-              </a>
+          <div class="col-lg-4 col-md-5 col-sm-6">
+            <div class="sponsor">
+              <div id="md-large-widget"></div>
+              <script type="text/javascript">
+              (function() {
+                var url = 'http://www.mightydeals.com/widgets/large/image_only/yes/ref/bootswatch';
+                var s = document.createElement('script'), s1 = document.getElementsByTagName('script')[0];
+                s.type = 'text/javascript';
+                s.async = true;
+                s.src = url;
+                s1.parentNode.insertBefore(s, s1);
+              })();
+              </script>
             </div>
           </div>
         </div>