diff --git a/customize.dist/src/less2/include/infopages.less b/customize.dist/src/less2/include/infopages.less
index 3f0e219d8..c9441e238 100644
--- a/customize.dist/src/less2/include/infopages.less
+++ b/customize.dist/src/less2/include/infopages.less
@@ -42,6 +42,7 @@ body {
         padding-top: @infopages_padding;
         padding-bottom: @infopages_padding;
         min-height: 75vh;
+        max-width:950px;
         h1 {
             font-size: 3em;
             margin-bottom: 0.5em;
diff --git a/customize.dist/src/less2/pages/page-index.less b/customize.dist/src/less2/pages/page-index.less
index b9fa7f654..85e07b0f9 100644
--- a/customize.dist/src/less2/pages/page-index.less
+++ b/customize.dist/src/less2/pages/page-index.less
@@ -44,7 +44,10 @@
         }
     }
     .cp-home-hero {
+        width: 100%;
         margin-bottom: 50px;
+        align-self: center;
+        align-items: center;
     }
     .cp-title {
         display: flex;
@@ -84,6 +87,9 @@
         a {
             margin: 10px;
         }
+        @media screen and (max-width: 768px) {
+            margin-top: 40px;
+        }
     }
     @icons-size: 120px;
     @icons-text-size: 24px;