set media query for min width 1100px at remcalc 21

diff --git a/css/app.css b/css/app.css
index 6ec73d5..22fe890 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6467,9 +6467,9 @@ header {
       padding: 19px 5px;
       line-height: 1.4;
       font-size: 1.2375rem; }
-      @media screen and (max-width: 1121px) {
+      @media screen and (min-width: 1100px) {
         .top-bar-section ul li:not(.has-form) > a:not(.button) {
-          font-size: 1.2375rem; } }
+          font-size: 1.3125rem; } }
     .top-bar-section ul li.active:not(.has-form) > a:not(.button) {
       background: #cc6535;
       padding: 19px 5px;

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 2a896ec..505e12b 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -63,8 +63,8 @@
                     padding: 19px 5px; 
                     line-height: 1.4;
                     font-size: rem-calc(19.8);
-                    @media screen and (max-width: 1121px) {
-                        font-size: rem-calc(19.8);
+                    @media screen and (min-width: 1100px) {
+                        font-size: rem-calc(21);
                     }
                 }
             }