introduce layout container for better control

assets/css/ascribe.css

@@ -2195,13 +2195,9 @@ header + .chevron-divider {
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
-}
-.cta .cta__title {
-  color: #fff;
-  margin: 0 0 48px 0;
-}
-.cta .cta__button {
-  margin: 0 auto;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
 @media screen and (min-width: 600px) {
   .cta {
@@ -2210,6 +2206,19 @@ header + .chevron-divider {
     background-position: center;
   }
 }
+.cta .cta__container {
+  padding: 0 4%;
+  margin: auto;
+  max-width: 960px;
+}
+.cta .cta__title {
+  color: #fff;
+  margin: 0 0 48px 0;
+  text-align: center;
+}
+.cta .cta__button {
+  margin: 0 auto;
+}
 .galleries-marketplaces {
   padding: 145px 0 130px;
   text-align: center;

assets/css/less/ascribe.less

@@ -904,21 +904,32 @@ header + .chevron-divider {
     // centering from the future
     display: flex;
     align-items: center;
+    justify-content: center;
+
+    @media screen and (min-width: @phoneWidth) {
+        padding: 40px 0;
+        min-height: 520px;
+        background-position: center;
+	}
+
+    // TODO: this should be the generic layout container for everything
+    .cta__container {
+        padding: 0 4%;
+        margin: auto;
+        max-width: 960px;
+    }
 
     .cta__title {
         color: #fff;
         margin: 0 0 48px 0;
+        text-align: center;
     }
 
 	.cta__button {
 		margin: 0 auto;
 	}
 
-	@media screen and (min-width: @phoneWidth) {
-        padding: 40px 0;
-        min-height: 520px;
-        background-position: center;
-	}
+
 }
 
 

controller/classes/Subtemplate.php

@@ -306,8 +306,10 @@ class Subtemplate {
 
 
 		$result = "<section class='subtemplate cta' style='background-image: url({$backgroundImg})'>
-                        {$ctaTitle}
-				        <a href='{$ctaLink}' class='cta__button button blue-overPic'>{$ctaText}</a>
+                        <div class='cta__container'>
+                            {$ctaTitle}
+				            <a href='{$ctaLink}' class='cta__button button blue-overPic'>{$ctaText}</a>
+                        </div>
 				   </section>";
 
 		return $result;