think I have the responsive aspect of the slideshow done, for now

diff --git a/css/app.css b/css/app.css
index fab9d51..4231077 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6721,9 +6721,12 @@ h2#block-title {
       letter-spacing: 0.1em;
       font-size: 18px;
       padding: 0;
-      margin-bottom: 25px;
+      margin-bottom: 15px;
       position: relative; }
-      @media screen and (max-width: 1024px) {
+      @media screen and (max-width: 1199px) {
+        #slideshow .nivo-caption p {
+          font-size: 16px; } }
+      @media screen and (max-width: 1048px) {
         #slideshow .nivo-caption p {
           display: none; } }
     #slideshow .nivo-caption a.button {

diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss
index 328d464..3eb8b6a 100644 (file)
--- a/scss/_slideshow.scss
+++ b/scss/_slideshow.scss
@@ -64,9 +64,12 @@
             letter-spacing: 0.1em;
             font-size: 18px;
             padding: 0;
-            margin-bottom: 25px;
+            margin-bottom: 15px;
             position: relative;
-            @media screen and (max-width: 1024px) {
+            @media screen and (max-width: 1199px) {
+                font-size: 16px;
+            }
+            @media screen and (max-width: 1048px) {
                 display: none;
             }
         }