From fcfadbfd5e579db3e553ba512b6140c7da2f3e37 Mon Sep 17 00:00:00 2001
From: Paulo Reis <paulojreis@gmail.com>
Date: Wed, 8 Mar 2017 12:32:19 +0000
Subject: [PATCH] Make features sections responsive.

---
 .../stylesheets/app/review-features-page.less | 33 ++++++++++++-------
 1 file changed, 21 insertions(+), 12 deletions(-)

diff --git a/services/web/public/stylesheets/app/review-features-page.less b/services/web/public/stylesheets/app/review-features-page.less
index cb3ce23919..20450c37f0 100644
--- a/services/web/public/stylesheets/app/review-features-page.less
+++ b/services/web/public/stylesheets/app/review-features-page.less
@@ -101,35 +101,44 @@
 		box-shadow: @rfp-card-shadow;
 	}
 	.rfp-section-feature {
-		display: flex;
-		align-items: center;
+		display: block;
 		color: @rfp-rp-blue-dark;
 		background-color: @rfp-rp-blue-light;
 		text-align: left;
+		@media (min-width: @screen-sm-min) {
+			display: flex;
+			align-items: center;
+		}
 	}
 		.rfp-feature-description-container,
 		.rfp-feature-video-container {
 			flex: 0 0 50%;
 		}
 		.rfp-feature-description-container {
-			padding-right: 1em;
-			.rfp-section-feature-alt & {
-				padding-right: 0;
-				padding-left: 1em;
+			@media (min-width: @screen-sm-min) {
+				padding-right: 1em;
+				.rfp-section-feature-alt & {
+					padding-right: 0;
+					padding-left: 1em;
+				}
 			}
 		}
 		.rfp-feature-video-container {
-			padding-left: 1em;
-			.rfp-section-feature-alt & {
-				padding-left: 0;
-				padding-right: 1em;
-				order: -1;
+			@media (min-width: @screen-sm-min) {
+				padding-left: 1em;
+				.rfp-section-feature-alt & {
+					padding-left: 0;
+					padding-right: 1em;
+					order: -1;
+				}
 			}
 		}
 	.rfp-section-feature-alt {
 		color: #FFF;
 		background-color: transparent;
-		text-align: right;
+		@media (min-width: @screen-sm-min) {
+			text-align: right;
+		}
 	}
 	.rfp-section-testimonials {
 		background-color: @rfp-rp-blue-darkest;