diff --git a/static/site.css b/static/site.css
index 92db1ce..5675491 100644
--- a/static/site.css
+++ b/static/site.css
@@ -12,9 +12,28 @@ body {
     }
 }
 
+.title-responsive{
+    font-size: 25px !important;
+    padding-left: 40px;
+}
+
+@media (max-width: 1300px) {
+    .title-responsive{
+        font-size: 20px !important;
+        padding-left: unset;
+    }
+}
+
+@media (max-width: 900px) {
+    .title-responsive{
+        font-size: 2.2vw !important;
+        padding-left: unset;
+    }
+}
+
 .masthead {
   /*height: 50vh; */
-  min-height: 250px;
+  /* min-height: 250px; */
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
diff --git a/templates/index.html b/templates/index.html
index 8bdc216..07cbd3c 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -26,7 +26,7 @@
       <div class="col-12 {% if not conf['NO_CENTER_TITLE'] %} text-center {% endif %}">
         <div style="opacity: 0;"></div> <!-- TODO color for text configurable -->
         <div class="mt-5" style="opacity: 0;"></div>
-        {% if "SITE_WELLCOME_TITLE" in conf %} <h1 class="font-weight-light" style="{{ conf['SITE_WELLCOME_TITLE_CSS'] | safe }}">{{ conf["SITE_WELLCOME_TITLE"] | safe }}</h1> {% endif %}
+        {% if "SITE_WELLCOME_TITLE" in conf %} <h1 class="title-responsive font-weight-light" style="{{ conf['SITE_WELLCOME_TITLE_CSS'] | safe }}">{{ conf["SITE_WELLCOME_TITLE"] | safe }}</h1> {% endif %}
         {% if "SITE_WELLCOME_SUBTITLE" in conf %} <p class="lead">{{ conf["SITE_WELLCOME_SUBTITLE"] | safe }}</p> {% endif %}
         </div>
     </div>