diff --git a/_sass/dynare.scss b/_sass/dynare.scss
index f15638efbf286222709326f574b216ec742032e6..f08b857b3adf169c3f9e06a713d5f326da76cc65 100644
--- a/_sass/dynare.scss
+++ b/_sass/dynare.scss
@@ -485,3 +485,37 @@ ul.resources {
     margin: 0px 0px 0px 0px !important;
     padding: 0px 0px 0px 0px !important;
 }
+
+
+.dynare_home_page_image_container {
+    position: relative;
+    text-align: center;
+}
+
+.dynare_home_page_slogan {
+    position: absolute;
+    top: 93%;
+    left: 51%;
+    transform: translate(-50%, -50%);
+    white-space: nowrap;
+    font-weight: 700;
+    margin: auto;
+}
+
+@media screen and (min-width: 400px) {
+    .dynare_home_page_slogan {
+        font-size: 20px;
+    }
+}
+
+@media screen and (max-width: 300px) {
+    .dynare_home_page_slogan {
+        font-size: 15px;
+    }
+}
+
+@media screen and (max-width: 200px) {
+    .dynare_home_page_slogan {
+        font-size: 10px;
+    }
+}
diff --git a/index.md b/index.md
index d7b9bbe60a8d053545b33245b6c4ff7efd4b2a07..e9e93d3b63b5f1b23fafaea762ffb9a81ded2091 100644
--- a/index.md
+++ b/index.md
@@ -6,12 +6,13 @@ feature_row:
     btn_label: "Download"
     btn_class: "btn--inverse"
 ---
-<br><img src="/assets/images/logo/dbkgd.png" alt="Dynare logo" width="150"/>
-{: .text-center}
-
-The macroeconomic modeling solution
-{: .text-center}
+<br />
 
+<div class="dynare_home_page_image_container">
+<img src="/assets/images/logo/dbkgd.png" alt="Dynare"  style="width:400px;">
+<div class="dynare_home_page_slogan">The macroeconomic modeling solution</div>
+</div>
+<br />
 <a href="download" class="home_page_button">Download v{{ site.dynare_stable_version }}</a>&nbsp; &nbsp;<a href="http://www.dynare.org/manual/" class="home_page_button">Documentation</a>
 {: .text-center}