Homepage updates.

Author: kattni

docs/en/stylesheets/beeware.css

@@ -86,8 +86,8 @@ md-path__list > .md-path__item > .md-path__link {
 
 /* Website index */
 .md-content:has(.md-content__inner .index-page) {
-    margin-left: 3.3rem;
-    margin-right: 3.3rem;
+    margin-left: 3.3%;
+    margin-right: 3.3%;
 }
 
 .index-intro-full {
@@ -182,7 +182,13 @@ a.index-main-keep:hover {
     border-color: #1e7e34;;
 }
 
-@media screen and (min-width: 760px)
+@media screen and (max-width: 43rem) {
+    .index-intro-block {
+        padding: 0 1rem 0 1rem;
+    }
+}
+
+@media screen and (min-width: 800px)
 and (max-width: 1220px) {
     .index-intro-content h1 {
         font-size: 6rem;