fixing the industry featured section in header for mobile view

diff --git a/css/responsive.css b/css/responsive.css
index ad73984..7abd5a4 100644 (file)
--- a/css/responsive.css
+++ b/css/responsive.css
@@ -96,9 +96,7 @@ Responsive CSS
 }
 
 @media screen and (max-width: 768px){
-    .parallax-section:first-child {
-        padding: 0px 0 25px;
-    }
+
        h1{
           font-size: 24px;
        }

diff --git a/style.css b/style.css
index cdccb07..c2766aa 100644 (file)
--- a/style.css
+++ b/style.css
@@ -1214,23 +1214,7 @@ Main Header
     padding: 10px 0 0 0;
     position: relative;
 }
-#industries{
-    margin-top: 10px;
-    background-color: #A1AC88;
-}
-#industries #industry-group{
-    display: block;
-    max-width: 700px;
-    margin: 0 auto;
-}
-@media (min-width: 1000px){
-    #industries span{
-        display: inline-block;
-        color: white;
-        padding: 15px;
-        text-transform: lowercase;
-    }
-}
+
 #masthead .flex-box {
     display: -webkit-box;
     display: -moz-box;
@@ -2527,6 +2511,36 @@ Responsive grid for pages
 .rtl .bx-wrapper .bx-controls-direction a {
     text-indent: 999999999px;
 }
+
+#industries{
+    margin-top: 10px;
+    background-color: #A1AC88;
+}
+#industries #industry-group{
+    display: block;
+    max-width: 700px;
+    margin: 0 auto;
+}
+@media (min-width: 1000px){
+    #industries span{
+        display: inline-block;
+        color: white;
+        padding: 15px;
+        text-transform: lowercase;
+    }
+}
+@media screen and (max-width: 768px){
+    .parallax-section:first-child {
+        padding: 10px 0 25px !important;
+    }
+    #industries span{
+        display: inline-block;
+        color: white;
+        padding: 2px 10px;
+        text-transform: lowercase;
+        font-size: 14px;
+    }
+}
 .parallax-section h2{
     color: white;
     
@@ -2534,11 +2548,6 @@ Responsive grid for pages
 .parallax-section:first-child {
     padding: 150px 0 75px;
 }
-@media screen and (max-width: 768px){
-    .parallax-section:first-child {
-        padding: 0px 0 25px;
-    }
-}
 .parallax-section:not(:first-child) h2{
     display: none;
 }