diff --git a/blocks/footer/footer.css b/blocks/footer/footer.css
index 5281b93..b6f30e2 100644
--- a/blocks/footer/footer.css
+++ b/blocks/footer/footer.css
@@ -119,7 +119,7 @@ footer {
 
 @media (width >= 768px) {
   .footer .section {
-    padding: 10px 30px 40px;
+    padding: 40px 30px;
   }
 
   .footer .columns > div {
diff --git a/blocks/text/text.css b/blocks/text/text.css
index 43029d3..554b5e3 100644
--- a/blocks/text/text.css
+++ b/blocks/text/text.css
@@ -2,6 +2,12 @@
   max-width: 750px;
 }
 
+/* centering by variant */
 .text.center > div {
   margin: auto;
-}
\ No newline at end of file
+}
+
+/* centering by set the text aling in the document */
+.section-center .text {
+  text-align: center;
+}
diff --git a/styles/styles.css b/styles/styles.css
index 8848524..2352a82 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -251,7 +251,12 @@ main .section {
   padding: var(--section-y-padding) var(--section-x-padding);
 }
 
-main .section:last-child {
+main .section:first-child {
+  padding-top: 0;
+}
+
+main .section:last-child,
+main .section.padding-bottom-0 {
   padding-bottom: 0;
 }
 
@@ -346,6 +351,11 @@ main .border-top {
   color: var(--text-color);
 }
 
+.section-small {
+  max-width: 900px;
+  margin: auto;
+}
+
 .width-400 {
   max-width: 400px;
   margin: auto;
@@ -384,3 +394,7 @@ main .border-top {
 }
 
 /* article styles - end */
+.section-center .button-container {
+  display: flex;
+  justify-content: center;
+}