From 382f5e6c4f5fbd5e1a6e8a6a1e1e3e93fc3fa6de Mon Sep 17 00:00:00 2001
From: Ian Weller <ian@gaslightmedia.com>
Date: Mon, 11 Apr 2016 10:26:45 -0400
Subject: [PATCH] slideshow media queries

---
 css/app.css          | 11 ++++++++---
 scss/_slideshow.scss |  8 +++++++-
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/css/app.css b/css/app.css
index c8aaf77..49ec89c 100644
--- a/css/app.css
+++ b/css/app.css
@@ -6664,7 +6664,8 @@ h2#block-title {
     box-shadow: none; }
 
 #slideshow {
-  position: relative; }
+  position: relative;
+  overflow: hidden; }
   #slideshow #cat-text {
     position: absolute;
     top: 10%;
@@ -6697,8 +6698,9 @@ h2#block-title {
       @media screen and (max-width: 1130px) {
         #slideshow #cat-text p {
           margin-bottom: 15px; } }
-  #slideshow img {
-    min-height: 267px; }
+  @media screen and (min-width: 675px) {
+    #slideshow img {
+      min-height: 267px; } }
   #slideshow .nivo-caption {
     background: transparent;
     width: 1200px;
@@ -6712,6 +6714,9 @@ h2#block-title {
       width: 400px;
       font-weight: bold;
       font-size: 28; }
+      @media screen and (max-width: 674px) {
+        #slideshow .nivo-caption h6 {
+          padding-bottom: 8px; } }
     #slideshow .nivo-caption p {
       width: 400px;
       letter-spacing: 0.1em;
diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss
index fde4a16..23daa52 100644
--- a/scss/_slideshow.scss
+++ b/scss/_slideshow.scss
@@ -1,5 +1,6 @@
 #slideshow {
     position: relative;
+    overflow: hidden;
     #cat-text {
         position: absolute;
         top: 10%;
@@ -41,7 +42,9 @@
         }
     }
     img {
-        min-height: 267px;
+        @media screen and (min-width: 675px) {
+            min-height: 267px;
+        }
     }
     .nivo-caption {
         background: transparent;
@@ -56,6 +59,9 @@
             width: 400px;
             font-weight: bold;
             font-size: (28);
+            @media screen and (max-width: 674px){
+                padding-bottom: 8px;
+            }
         }
         p {
             width: 400px;
-- 
2.17.1