From 3f2c88e2a860ca7edf07110070f5b75a994282ff Mon Sep 17 00:00:00 2001
From: JT <jt@ofitsownkind.com>
Date: Wed, 23 Jul 2014 17:14:03 -0700
Subject: [PATCH] responsive #cta

---
 website/source/index.html.erb         |  4 ++--
 website/source/stylesheets/_home.less | 10 ++++++++++
 website/source/stylesheets/main.css   |  7 +++++++
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/website/source/index.html.erb b/website/source/index.html.erb
index 4a5b069af..48ecb24a8 100644
--- a/website/source/index.html.erb
+++ b/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>
diff --git a/website/source/stylesheets/_home.less b/website/source/stylesheets/_home.less
index 9eef4e163..3c35259e5 100755
--- a/website/source/stylesheets/_home.less
+++ b/website/source/stylesheets/_home.less
@@ -456,6 +456,16 @@
 			}
 		}
 	}
+
+	#cta{
+		.intro{
+			text-align: center;
+			p{
+				text-align: center;
+				margin-bottom: 15px;
+			}
+		}
+	}
 }
 
 
diff --git a/website/source/stylesheets/main.css b/website/source/stylesheets/main.css
index b4cba3ac4..85a8f3e80 100644
--- a/website/source/stylesheets/main.css
+++ b/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;