blog homepage feature image adjustment

diff --git a/css/app.css b/css/app.css
index c834c5c..77d69ed 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6955,8 +6955,7 @@ main #mid {
   background-position: bottom;
   background-size: cover;
   min-height: 409px;
-  margin: -185px auto 0;
-  z-index: 5; }
+  margin: -185px auto 0; }
   @media only screen and (max-width: 40em) {
     #head-img {
       margin-top: -140px;
@@ -7443,6 +7442,9 @@ h2#slide-text {
   font-style: normal;
   font-weight: normal; }
 
+.blog-home #head-img {
+  margin-top: -278px; }
+
 .blog-single #head-img {
   margin: -280px auto 0; }
   @media only screen and (max-width: 40em) {

diff --git a/scss/_blog.scss b/scss/_blog.scss
index 2ed56ef..7d1220c 100644 (file)
--- a/scss/_blog.scss
+++ b/scss/_blog.scss
@@ -258,6 +258,11 @@
         font-weight: normal;
     }
 }
+.blog-home {
+    #head-img {
+        margin-top: -278px;
+    }
+}
 .blog-single {
     #head-img {
         margin: -280px auto 0;

diff --git a/scss/_main.scss b/scss/_main.scss
index 12411bf..e12d760 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -344,7 +344,6 @@ main {
             }
         }
     }
-    
 }
 #head-img {
     background: url(../assets/interior-pg-sample-header-image.jpg) no-repeat;
@@ -352,7 +351,6 @@ main {
     background-size: cover;
     min-height: 409px;
     margin: -185px auto 0;
-    z-index: 5;
     @media #{$small-only} {
         margin-top: -140px;
         min-height: 170px;