Sort out responsive flow

services/web/app/views/subscriptions/new.jade

@@ -14,7 +14,27 @@ block content
 		.container(ng-controller="NewSubscriptionController" ng-cloak)
 			.row.card-group
 						
-				.col-lg-3
+				.col-md-6.col-md-push-3
+					.card.card-highlighted
+						.page-header
+							span.dropdown.changePlanButton.pull-right(ng-cloak)
+								a.btn.btn-default.dropdown-toggle(
+									href="#",
+									data-toggle="dropdown"
+								)
+									| {{currencyCode}} ({{plans[currencyCode]['symbol']}}) 
+									span.caret
+								ul.dropdown-menu(role="menu")
+									li(ng-repeat="(currency, value) in plans", dropdown-toggle)
+										a(
+											ng-click="changeCurrency(currency)",
+										) {{currency}} ({{value['symbol']}})
+							h1 #{translate("new_subscription")}
+						
+						#subscribeForm(style="min-height: 700px;") #{translate("loading_billing_form")}...
+						
+				
+				.col-md-3.col-md-pull-6
 					.card.card-first
 						.paymentPageFeatures
 							.page-header
@@ -46,24 +66,6 @@ block content
 							
 							p.small.text-center We're confident that you'll love ShareLaTeX, but if not you can cancel anytime. We'll give you your money back, no questions asked, if you let us know within 30 days.
 
-				.col-lg-6
-					.card.card-highlighted
-						.page-header
-							span.dropdown.changePlanButton.pull-right(ng-cloak)
-								a.btn.btn-default.dropdown-toggle(
-									href="#",
-									data-toggle="dropdown"
-								)
-									| {{currencyCode}} ({{plans[currencyCode]['symbol']}}) 
-									span.caret
-								ul.dropdown-menu(role="menu")
-									li(ng-repeat="(currency, value) in plans", dropdown-toggle)
-										a(
-											ng-click="changeCurrency(currency)",
-										) {{currency}} ({{value['symbol']}})
-							h1 #{translate("new_subscription")}
-						
-						#subscribeForm(style="min-height: 700px;") #{translate("loading_billing_form")}...
 
 	script(type="text/javascript").
 		ga('send', 'event', 'pageview', 'payment_form', "#{plan_code}")