vertically align langing sections

app/styles/app/landing.sass

@@ -71,6 +71,11 @@
     max-width: 1024px
     margin: 0 auto
 
+    > .columns.medium-6:first-child
+      padding-right: 2em
+    > .columns.medium-6:last-child
+      padding-left: 2em
+
   #laptop
     margin-bottom: -192px
 
@@ -134,6 +139,7 @@
   .recent-builds
     background-color: #faf9f6
     text-align: center
+    min-height: 44rem
 
     h2
       color: #db4141
@@ -253,8 +259,6 @@
       &.inactive .name
         color: $cancel-color
 
-
-
   .free-for-oss
     text-align: center
 
@@ -495,3 +499,13 @@
   @media (max-width: 608px)
     br.mobile-break
       display: inline-break
+
+.landing-vert-center-m
+  @media #{$medium-up}
+    position: relative
+    transform: translateY(65%)
+.landing-vert-center-s
+  @media #{$medium-up}
+    position: relative
+    overflow: auto
+    transform: translateY(7%)

app/templates/home.hbs

@@ -38,9 +38,11 @@
 	<div class="row recent-builds">
 		<div class="landing-centered-wrapper">
 			<div class="medium-6 columns">
+				<div class="landing-vert-center-m">
 					<h2>Every minute there’s<br>a new build triggered</h2>
 					<p>Here are just a few projects<br>currently running on Travis CI</p>
 				</div>
+			</div>
 			<div class="medium-6 columns">
 				<ul class="repos">
 				{{#each repo in repos}}
@@ -81,9 +83,11 @@
 			</div>
 
 			<div class="medium-6 columns">
+				<div class="landing-vert-center-s">
 					<h2>Have a private project<br>you’d like to test?</h2>
 					<p>Travis CI for private repositories has<br>plans for every size project.</p>
 				</div>
+			</div>
 			<div class="medium-6 columns desktop-envelope">
 				<img src="../images/landing-page/envelope.svg">
 			</div>
@@ -93,6 +97,7 @@
 	<div class="row features-list">
 		<div class="landing-centered-wrapper">
 			<div class="large-6 columns features-callouts">
+				<div class="landing-vert-center-s">
 					<div class="medium-6 columns">
 						<h3 id="f-co-1">Get set up in seconds</h3>
 						<p>Login with GitHub, tell Travis CI to test a project, and then push to GitHub. Could it be any simpler!</p>
@@ -110,6 +115,7 @@
 						<p>Updating staging or production as soon as your tests pass has never been easier!</p>
 					</div>
 				</div>
+			</div>
 			<div class="large-6 columns features-checked">
 				<h2>Features created to<br class="mobile-break"> help your projects and teams</h2>
 				<ul>