adjusted padding from view under 1100px for the topbar

diff --git a/css/app.css b/css/app.css
index 0ef5a4e..e0974df 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6470,10 +6470,14 @@ header {
       padding: 0 20px;
       color: #FFFFFF; }
     .top-bar-section ul li:not(.has-form):not(.active) > a:not(.button) {
-      padding: 20.5px 5px;
+      padding: 21.5px 5px;
       line-height: 1.4; }
+      @media screen and (min-width: 1100px) {
+        .top-bar-section ul li:not(.has-form):not(.active) > a:not(.button) {
+          font-size: 1.3125rem;
+          padding: 20.5px 5px; } }
     .top-bar-section ul li:not(.has-form) > a:not(.button) {
-      padding: 22px 5px;
+      padding: 20.5px 5px;
       line-height: 1.4;
       font-size: 1.1875rem; }
       @media screen and (min-width: 1100px) {
@@ -6482,8 +6486,12 @@ header {
           padding: 20.5px 5px; } }
     .top-bar-section ul li.active:not(.has-form) > a:not(.button) {
       background: #cc6535;
-      padding: 20.5px 5px;
+      padding: 21.5px 5px;
       line-height: 1.4; }
+      @media screen and (min-width: 1100px) {
+        .top-bar-section ul li.active:not(.has-form) > a:not(.button) {
+          font-size: 1.3125rem;
+          padding: 20.5px 5px; } }
     .top-bar-section ul li.drop-left > .dropdown {
       right: 0 !important;
       left: auto !important;

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index a7c5581..fbcaefa 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -53,14 +53,19 @@
             &:not(.has-form):not(.active) {
                 & > a:not(.button) {
 //                    background: transparent;
-                    padding: 20.5px 5px; 
+                    padding: 21.5px 5px; 
                     line-height: 1.4;
+                       @media screen and (min-width: 1100px) {
+                        font-size: rem-calc(21);
+                        padding: 20.5px 5px; 
+                    }
+                   
                 }
             }
             &:not(.has-form) {
                 & > a:not(.button) {
 //                    background: transparent !important;
-                    padding: 22px 5px; 
+                    padding: 20.5px 5px; 
                     line-height: 1.4;
                     font-size: rem-calc(19);
                     @media screen and (min-width: 1100px) {
@@ -73,8 +78,12 @@
                 
                 & > a:not(.button) {
                     background: $orange;
-                    padding: 20.5px 5px; 
+                    padding: 21.5px 5px; 
                     line-height: 1.4;
+                     @media screen and (min-width: 1100px) {
+                        font-size: rem-calc(21);
+                        padding: 20.5px 5px; 
+                    }
                 }
             }
             &.drop-left > .dropdown {