Faulty CSS specificity, content-wrapper changed to page-wrapper for featured styles

diff --git a/scss/_page.header.scss b/scss/_page.header.scss
index 1080a55..04e2a8a 100644 (file)
--- a/scss/_page.header.scss
+++ b/scss/_page.header.scss
@@ -192,11 +192,20 @@ header {
         margin-top: 110px;
     }
 }
-
+/* Featured image styles */
 @media (min-width: 1024px) {
     .featured-container {
         max-height: 520px;
         overflow: hidden;
         margin-top: 130px;
     }
-}
\ No newline at end of file
+}
+#page-wrapper .featured-image {
+    height: 520px;
+    @media #{$medium-only} {
+        height: 360px;
+    }
+    @media #{$small-only} {
+        height: 200px;
+    }
+}    

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 42f8b3a..b117008 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -322,13 +322,3 @@
 //.offCanvasLinks{
 //    width: 89%;
 //}
-
-#content-wrapper .featured-image {
-    height: 520px;
-    @media #{$medium-only} {
-        height: 360px;
-    }
-    @media #{$small-only} {
-        height: 200px;
-    }
-}