- --link-color: 66,139,202;
- --footer-link-color: #ddd;
- --nlink-col: #000;
- --text-color: #333;
- --footer-text-color: #eee;
- --copyright-text-color: #ccc;
- --jumbotron-text-color: #eee;
- --border-color: #292f2f;
- --box-hover-color: #ddd;
- --box-round: 10px;
-}
+
+ /* link colors */
+ --link-color: #2fa6bc;
+ --footer-link-color: #ecf7fa;
+ --nlink-col: #000000;
+
+ /* text colors */
+ --text-color: #292f2f;
+ --footer-text-color: #ecf7fa;
+ --copyright-text-color: #ecf7fa;
+ --jumbotron-text-color: #ecf7fa;
+ --fn-grey: #e6e6e6;
+ --fn-green: #4beb4a;
+ --art-date-color: #bdbcbc;
+ --footer-hover-color: #ffffff;
+
+ /* box colors */
+ --border-color: #292f2f;
+ --box-color: #4c5456;
+ --box-hover-color: #292f2f;
+ --box-round: 10px;
+
+ /* other */
+ --max-width: 600px;
+ --max-width-box: 800px;
+ --margin-box-fa: 5px;
+}
+@custom-media --max-sm all and (max-width: 600px);
+@custom-media --max-md all and (max-width: 800px);
+@custom-media --max-rem all and (max-width: 60rem);