Update style for figcaption

use 12 size font

diff --git a/css/app.css b/css/app.css
index 0d2a711..d435234 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6181,6 +6181,12 @@ img {
   color: #325376;
   padding: 5px 0 20px 5px; }
 
+#toolbox figcaption {
+  font-size: 0.6875rem; }
+
+#toolbox .toolboxSectionFigureInner {
+  margin-bottom: 20px; }
+
 /* Image Upload Icons */
 .file-download {
   background-repeat: no-repeat;
@@ -6898,7 +6904,8 @@ ul#actionlinks a#lodging_specials:hover {
   color: #0F2F4D; }
   @media screen and (max-width: 40em) {
     #address1 {
-      margin: 0; } }
+      margin: 0;
+      text-align: center; } }
 
 #info {
   display: block;
@@ -6911,7 +6918,8 @@ ul#actionlinks a#lodging_specials:hover {
   color: #0F2F4D; }
   @media screen and (max-width: 40em) {
     #info {
-      margin: 0; } }
+      margin: 0;
+      text-align: center; } }
 
 #info a {
   color: #0F2F4D; }

diff --git a/scss/_structure.scss b/scss/_structure.scss
index ec2a6a7..17c11c7 100755 (executable)
--- a/scss/_structure.scss
+++ b/scss/_structure.scss
@@ -139,6 +139,12 @@ img {
     color: #325376;
     padding: 5px 0 20px 5px;
 }
+#toolbox figcaption {
+    font-size: rem-calc(11);
+}
+#toolbox .toolboxSectionFigureInner {
+    margin-bottom: 20px;
+}
 /* Image Upload Icons */
 .file-download {
     background-repeat: no-repeat;
@@ -822,6 +828,7 @@ ul#actionlinks a#lodging_specials:hover {
     color: #0F2F4D;
     @media screen and (max-width: 40em) {
         margin: 0;
+        text-align: center;
     }
 }
 #info {
@@ -835,6 +842,7 @@ ul#actionlinks a#lodging_specials:hover {
     color: #0F2F4D;
     @media screen and (max-width: 40em) {
         margin: 0;
+        text-align: center;
     }
 }
 #info a {