hop

assets/scss/custom.scss

@@ -113,18 +113,35 @@ main > section {
 }
 
 section {
-    // Change bulletlists rendering in flex bloc
+    // Centered text
+    &.big-text,
+    &.li-block {
+        h2, p {
+            width: fit-content;
+            margin-left: auto;
+            margin-right: auto;
+        }        
+    }
+    &.big-text {
+        .container .row {
+            & > div {
+                &:last-child {
+                    width: 80%;
+                    margin-left: 10%;
+                }
+            }
+        }
+        p.text-xl {
+            //font-size: 1.4rem;
+        }
+    }
+    // Change bulletlists rendering in flex bloc    }
     &.li-block {
         .container .row {
             & > div {
                 &:last-child {
                     width: 100%;
                 }
-                h2, p {
-                    width: fit-content;
-                    margin-left: auto;
-                    margin-right: auto;
-                }
                 ul {
                     display: flex;
                     li {
@@ -162,12 +179,6 @@ section {
             }
         }    
     }
-    // Only big centered text
-    &.big-text {
-        p.text-xl {
-            //font-size: 1.4rem;
-        }
-    }
 }
 
 // Dark context (homepage header, hero, footer)