responsive #cta

Author: JT

website/source/index.html.erb

@@ -215,11 +215,11 @@
 	<div class="container">
 		<div class="row">
 			<div class="intro">
-				<div class="left col-xs-12 col-sm-offset-2 col-sm-4">
+				<div class="left col-xs-12 col-sm-4 col-sm-offset-1 col-md-offset-2 col-md-4">
 					<p>The intro and getting started guide contain
 						a simple and approachable walkthrough for running Terraform locally.</p>
 				</div>
-				<div class="col-xs-offset-5 col-xs-12 col-sm-6 col-sm-offset-0 right">
+				<div class="col-xs-12 col-sm-6 col-md-4 right">
 					<a class="outline-btn" href="/intro/index.html">Read the intro &#187;</a>
 				</div>
 			</div>

website/source/stylesheets/_home.less

@@ -456,6 +456,16 @@
 			}
 		}
 	}
+
+	#cta{
+		.intro{
+			text-align: center;
+			p{
+				text-align: center;
+				margin-bottom: 15px;
+			}
+		}
+	}
 }
 
 

website/source/stylesheets/main.css

@@ -958,6 +958,13 @@ body.page-home #footer {
   #demos .terminals .terminal-item > header .right {
     padding-left: 15px;
   }
+  #cta .intro {
+    text-align: center;
+  }
+  #cta .intro p {
+    text-align: center;
+    margin-bottom: 15px;
+  }
 }
 .people {
   margin-top: 30px;