diff --git a/_layouts/common/page.html b/_layouts/common/page.html
index 267a646..35a9223 100644
--- a/_layouts/common/page.html
+++ b/_layouts/common/page.html
@@ -3,7 +3,7 @@ layout: default
 ---
 
 <!-- Post Header -->
-<header id="header" class="intro-header bg-primary text-center" style="background-image: url('{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}')">
+<header id="header" class="article-header intro-header bg-primary text-center" style="background-image: url('{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}')">
     <div class="container">
         <div class="row">
             <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
diff --git a/_sass/_pages.scss b/_sass/_pages.scss
new file mode 100644
index 0000000..3bba429
--- /dev/null
+++ b/_sass/_pages.scss
@@ -0,0 +1,9 @@
+@media (min-width: 768px) {
+
+	.article-header {
+		min-height: 200px;
+		height: 100%;
+		max-height: 500px;
+	}
+
+}
\ No newline at end of file
diff --git a/css/main.scss b/css/main.scss
index 29cf499..e9ee020 100755
--- a/css/main.scss
+++ b/css/main.scss
@@ -45,5 +45,6 @@ $theme-dark: #222;
 		"fonts",
         "mixins",
         "base",
+        "pages",
         "developer"
 ;