slideshow media queries

diff --git a/css/app.css b/css/app.css
index c8aaf77..49ec89c 100644 (file)
--- 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 (file)
--- 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;