found something out, undid changes

diff --git a/css/app.css b/css/app.css
index fc7e7a0..4ea9abb 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6708,9 +6708,6 @@ h2#block-title {
       #slideshow .nivo-caption {
         width: 500px;
         margin: 0; } }
-    @media only screen and (max-width: 40em) {
-      #slideshow .nivo-caption {
-        display: none; } }
     #slideshow .nivo-caption h6 {
       width: 450px;
       font-weight: bold;
@@ -6718,6 +6715,9 @@ h2#block-title {
       @media screen and (max-width: 1024px) {
         #slideshow .nivo-caption h6 {
           margin-bottom: 23px; } }
+      @media only screen and (max-width: 40em) {
+        #slideshow .nivo-caption h6 {
+          margin-bottom: 18px; } }
     #slideshow .nivo-caption p {
       width: 450px;
       letter-spacing: 0.1em;
@@ -6743,6 +6743,9 @@ h2#block-title {
         border: 1px solid #f5822a;
         color: #f5822a;
         text-decoration: none; }
+      @media only screen and (max-width: 40em) {
+        #slideshow .nivo-caption a.button {
+          padding: 8px 10px; } }
 
 /* NextGen Gallery */
 [class*="block-grid-"] > li {

diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss
index fab11db..1c30b83 100644 (file)
--- a/scss/_slideshow.scss
+++ b/scss/_slideshow.scss
@@ -54,9 +54,6 @@
             width: 500px;
             margin: 0;
         }
-        @media #{$small-only}{
-            display: none;
-        }
         h6 {
             width: 450px;
             font-weight: bold;
@@ -64,6 +61,9 @@
             @media screen and (max-width: 1024px) {
                 margin-bottom: 23px;
             }
+            @media #{$small-only}{
+                margin-bottom: 18px;
+            }
         }
         p {
             width: 450px;
@@ -92,7 +92,9 @@
                 color: $orange;
                 text-decoration: none;
             }
-            
+            @media #{$small-only}{
+                padding: 8px 10px;
+            }
         }
     }
 }