adding a bit of styling for small view

diff --git a/css/app.css b/css/app.css
index 31d44bc..fc7e7a0 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6708,13 +6708,16 @@ 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;
       font-size: 28; }
       @media screen and (max-width: 1024px) {
         #slideshow .nivo-caption h6 {
-          margin-bottom: 38px; } }
+          margin-bottom: 23px; } }
     #slideshow .nivo-caption p {
       width: 450px;
       letter-spacing: 0.1em;

diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss
index 71ebf2c..fab11db 100644 (file)
--- a/scss/_slideshow.scss
+++ b/scss/_slideshow.scss
@@ -54,12 +54,15 @@
             width: 500px;
             margin: 0;
         }
+        @media #{$small-only}{
+            display: none;
+        }
         h6 {
             width: 450px;
             font-weight: bold;
             font-size: (28);
             @media screen and (max-width: 1024px) {
-                margin-bottom: 38px;
+                margin-bottom: 23px;
             }
         }
         p {
@@ -89,6 +92,7 @@
                 color: $orange;
                 text-decoration: none;
             }
+            
         }
     }
 }