rework positioning of logo on home page

_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;
+    }
+}

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}