From d2bb545274c830d25cfc5045f85ad3f4b383ef27 Mon Sep 17 00:00:00 2001
From: Michael Rose <est.michael@gmail.com>
Date: Thu, 4 Sep 2014 15:06:14 -0400
Subject: [PATCH] Use Google's responsive ads

---
 _includes/ad-sidebar.html | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/_includes/ad-sidebar.html b/_includes/ad-sidebar.html
index 8c77555..419416d 100644
--- a/_includes/ad-sidebar.html
+++ b/_includes/ad-sidebar.html
@@ -1,10 +1,16 @@
 <div class="google-ads" style="margin-top:40px; text-align:center;">
+  <style>
+  .responsive-ads { width: 300px; height: 200px; }
+  @media(min-width: 518px) { .responsive-ads { width: 468px; height: 60px; } }
+  @media(min-width: 778px) { .responsive-ads { width: 728px; height: 90px; } }
+  @media(min-width: 1000px) { .responsive-ads { width: 160px; height: 600px; } }
+  </style>
+
   <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-  <!-- 160x600 ad -->
-  <ins class="adsbygoogle"
-       style="display:inline-block;width:160px;height:600px"
-       data-ad-client="{{ site.owner.google.ad-client }}"
-       data-ad-slot="{{ site.owner.google.ad-slot }}"></ins>
+  <ins class="adsbygoogle responsive-ads"
+    style="display:inline-block"
+    data-ad-client="{{ site.owner.google.ad-client }}"
+    data-ad-slot="{{ site.owner.google.ad-slot }}"></ins>
   <script>
   (adsbygoogle = window.adsbygoogle || []).push({});
   </script>