experimenting with the caption options

diff --git a/css/app.css b/css/app.css
index 4d8d63d..60584a5 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6712,6 +6712,9 @@ h2#block-title {
       width: 400px;
       font-weight: bold;
       font-size: 28; }
+      @media screen and (max-width: 1046px) {
+        #slideshow .nivo-caption h6 {
+          margin-bottom: 23px; } }
     #slideshow .nivo-caption p {
       width: 400px;
       letter-spacing: 0.1em;
@@ -6722,7 +6725,7 @@ h2#block-title {
       @media screen and (max-width: 1199px) {
         #slideshow .nivo-caption p {
           font-size: 16px; } }
-      @media screen and (max-width: 1048px) {
+      @media screen and (max-width: 1046px) {
         #slideshow .nivo-caption p {
           display: none; } }
     #slideshow .nivo-caption a.button {

diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss
index 26e33a3..ca4a74e 100644 (file)
--- a/scss/_slideshow.scss
+++ b/scss/_slideshow.scss
@@ -58,6 +58,9 @@
             width: 400px;
             font-weight: bold;
             font-size: (28);
+            @media screen and (max-width: 1046px) {
+                margin-bottom: 23px;
+            }
         }
         p {
             width: 400px;
@@ -69,7 +72,7 @@
             @media screen and (max-width: 1199px) {
                 font-size: 16px;
             }
-            @media screen and (max-width: 1048px) {
+            @media screen and (max-width: 1046px) {
                 display: none;
             }
         }