cross browser edits

I did some edits to the topbar styles to accomidate IE window sizes.

diff --git a/css/app.css b/css/app.css
index 53c7659..5ccbacd 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6372,7 +6372,7 @@ header {
   @media screen and (max-width: 1155px) {
     .top-bar-section ul li:not(.has-form):not(.active) > a:not(.button) {
       padding: 0 10px; } }
-  @media screen and (max-width: 1065px) {
+  @media screen and (max-width: 1091px) {
     .top-bar-section ul li:not(.has-form):not(.active) > a:not(.button) {
       font-size: 1.625rem; } }
   @media screen and (max-width: 1037px) {
@@ -6393,7 +6393,7 @@ header {
   @media screen and (max-width: 1155px) {
     .top-bar-section ul li.active:not(.has-form) > a:not(.button) {
       padding: 0 10px; } }
-  @media screen and (max-width: 1065px) {
+  @media screen and (max-width: 1091px) {
     .top-bar-section ul li.active:not(.has-form) > a:not(.button) {
       font-size: 1.625rem; } }
   @media screen and (max-width: 1037px) {
@@ -6421,7 +6421,7 @@ header {
       @media screen and (max-width: 1219px) {
         .top-bar-section ul li ul.dropdown li:not(.has-form):not(.active) > a:not(.button) {
           font-size: 1.625rem; } }
-      @media screen and (max-width: 1065px) {
+      @media screen and (max-width: 1091px) {
         .top-bar-section ul li ul.dropdown li:not(.has-form):not(.active) > a:not(.button) {
           font-size: 1.5rem; } }
       @media screen and (max-width: 1037px) {
@@ -6438,7 +6438,7 @@ header {
       @media screen and (max-width: 1219px) {
         .top-bar-section ul li ul.dropdown li.active:not(.has-form) > a:not(.button) {
           font-size: 1.625rem; } }
-      @media screen and (max-width: 1065px) {
+      @media screen and (max-width: 1091px) {
         .top-bar-section ul li ul.dropdown li.active:not(.has-form) > a:not(.button) {
           font-size: 1.5rem; } }
       @media screen and (max-width: 1037px) {

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 41b80d9..07cc6fd 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -55,7 +55,7 @@
                     @media screen and (max-width: 1155px) {
                         padding: 0 10px;
                     }
-                    @media screen and (max-width: 1065px) {
+                    @media screen and (max-width: 1091px) {
                         font-size: rem-calc(26);
                     }
                     @media screen and (max-width: 1037px) {
@@ -81,7 +81,7 @@
                     @media screen and (max-width: 1155px) {
                         padding: 0 10px;
                     }
-                    @media screen and (max-width: 1065px) {
+                    @media screen and (max-width: 1091px) {
                         font-size: rem-calc(26);
                     }
                     @media screen and (max-width: 1037px) {
@@ -115,7 +115,7 @@
                             @media screen and (max-width: 1219px) {
                                 font-size: rem-calc(26);
                             }
-                            @media screen and (max-width: 1065px) {
+                            @media screen and (max-width: 1091px) {
                                 font-size: rem-calc(24);
                             }
                             @media screen and (max-width: 1037px) {
@@ -135,7 +135,7 @@
                             @media screen and (max-width: 1219px) {
                                 font-size: rem-calc(26);
                             }
-                            @media screen and (max-width: 1065px) {
+                            @media screen and (max-width: 1091px) {
                                 font-size: rem-calc(24);
                             }
                             @media screen and (max-width: 1037px) {