More CSS fixes

Author: nadimkobeissi

docs/_site_essentials/stylesheets/polygon-docs.webflow.css

@@ -11,7 +11,7 @@ h1 {
 	margin-top: 0;
 	margin-bottom: 0 !important;
 	font-size: 38px;
-	font-weight: 1000 !important;
+	font-weight: 600 !important;
 	line-height: 44px;
 	color: var(--main-black) !important;
 	font-family: Generalsans, sans-serif !important;
@@ -27,6 +27,10 @@ h2 {
 	font-family: Generalsans, sans-serif !important;
 }
 
+div.main h1 {
+	margin-top: 0 !important;
+}
+
 div.main h3 {
 	margin-top: 0 !important;
 }
@@ -121,8 +125,10 @@ div.main .section {
 	grid-column-gap: 3rem;
 	grid-row-gap: 3rem;
 	justify-content: space-between;
-	align-items: center;
+	align-items: flex-start;
 	display: flex;
+	position: relative;
+	bottom: 50px;
 }
 
 .hero-content-flex.product-hero-flex {
@@ -154,6 +160,7 @@ div.main .section {
 	font-size: 48px !important;
 	line-height: 1.3 !important;
 	font-weight: 1000;
+	max-width: 400px;
 }
 
 .hero-subext {