better spacing and change header margin

Signed-off-by: Toshaan Bharvani <toshaan@vantosh.com>

themes/openpowerfoundation/assets/css/groups.scss

@@ -1,46 +1,44 @@
-
+main {
-main { 
+	&.groups {
-  &.groups {
+		@media screen and (max-width: $lg) {
-    @media screen and (max-width: $lg) {
+			padding-top: 50px;
-      padding-top:50px;
+			padding-bottom: 40px;
-      padding-bottom: 40px;
+		}
-    }
+		@media screen and (min-width: $lg) and (max-width: $xl) {
-    @media screen and (min-width: $lg) and (max-width: $xl) {
+			padding-top: 70px;
-      padding-top:70px;
+			padding-bottom: 40px;
-      padding-bottom: 40px;
+		}
-    }
+		@media screen and (min-width: $xl) {
-    @media screen and (min-width: $xl) {
+			padding-bottom: 50px;
-      padding-bottom: 50px;
+		}
-    }
+		.post__thumb {
-    .post__thumb {
+			width: 40px;
-      width: 40px;
+			height: 40px;
-      height: 40px;
+			position: absolute;
-      position: absolute;
+			left: 35px;
-      left: 35px;
+			top: 33px;
-      top: 33px;
+		}
-    }
+		.post__title {
-    .post__title {
+			display: block;
-      display: block;
+			margin-top: 1em;
-      margin-top: 1em;
+			padding-left: 70px;
-      padding-left: 70px;
+			padding-right: 30px;
-      padding-right: 30px;
+			white-space: normal;
-      white-space: normal;
+			font-size: 18px;
-      font-size: 18px;
+			min-height: 75px;
-      min-height: 75px;
+			text-align: left;
-      text-align: left;
+			line-height: 1.2;
-      line-height: 1.2;
+		}
-    }
+	}
-  }
 }
-
 .promo__section {
-  align-items: center;
+	align-items: center;
-  &.groups {
+	&.groups {
-    h1 {
+		h1 {
-      font-size: 2rem;
+			font-size: 2rem;
-    }
+		}
-  }
+	}
 }
-
 #workgroupsingle {
+	padding-top: 3.75rem;
 }