slideshow font edit and removing ugly code effect

diff --git a/css/app.css b/css/app.css
index 3133063..037f792 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6695,7 +6695,10 @@ h2#block-title {
           margin-left: 15px; } }
     #slideshow #cat-text h6 {
       font-weight: bold;
-      font-size: 28; }
+      font-size: 1.75rem; }
+      @media only screen and (max-width: 40em) {
+        #slideshow #cat-text h6 {
+          font-size: 1.5rem; } }
     #slideshow #cat-text p {
       font-size: 1.125rem;
       color: #FFFFFF;
@@ -6703,9 +6706,6 @@ h2#block-title {
       @media screen and (max-width: 1130px) {
         #slideshow #cat-text p {
           margin-bottom: 15px; } }
-  #slideshow img.nivo-main-image {
-    min-height: 147px;
-    height: 0 !important; }
   #slideshow .nivo-caption {
     background: transparent;
     position: absolute;

diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss
index 363eeae..2a8ef58 100644 (file)
--- a/scss/_slideshow.scss
+++ b/scss/_slideshow.scss
@@ -32,7 +32,10 @@
         }
         h6 {
             font-weight: bold;
-            font-size: (28);
+            font-size: rem-calc(28);
+            @media #{$small-only}{
+                font-size: rem-calc(24);
+            }
         }
         p {
             font-size: rem-calc(18);
@@ -43,10 +46,10 @@
             }
         }
     }
-    img.nivo-main-image{
-        min-height: 147px;
-        height: 0 !important;
-    }
+//    img.nivo-main-image{
+//        min-height: 147px;
+//        height: 0 !important;
+//    }
     .nivo-caption {
         background: transparent;
         position: absolute;