From ebd4db448415777fad8eb849a8b52a263415a366 Mon Sep 17 00:00:00 2001
From: Paulo Reis <paulojreis@gmail.com>
Date: Wed, 8 Mar 2017 15:00:59 +0000
Subject: [PATCH] Predefined sizing for main video; max content width.

---
 .../stylesheets/app/review-features-page.less | 30 +++++++++++++++++--
 1 file changed, 27 insertions(+), 3 deletions(-)

diff --git a/services/web/public/stylesheets/app/review-features-page.less b/services/web/public/stylesheets/app/review-features-page.less
index db07a3d3ce..c86a3bd012 100644
--- a/services/web/public/stylesheets/app/review-features-page.less
+++ b/services/web/public/stylesheets/app/review-features-page.less
@@ -18,6 +18,7 @@
 	background-color: @rfp-rp-blue-dark;
 	color: #FFF;
 	font-size: 18px;
+	min-width: @screen-xs-min;
 }
 	// Typographical scale and basics.
 	.rfp-h1 {
@@ -117,8 +118,10 @@
 		background-color: @rfp-rp-blue-light;
 		text-align: left;
 		@media (min-width: @screen-sm-min) {
-			display: flex;
-			align-items: center;
+			.rfp-section-wrapper {
+				display: flex;
+				align-items: center;
+			}
 		}
 	}
 		.rfp-feature-description-container,
@@ -157,6 +160,10 @@
 	.rfp-section-final {
 		background-color: @rfp-rp-blue-darker;
 	}
+		.rfp-section-wrapper {
+			max-width: @container-large-desktop;
+			margin: auto;
+		}
 	// Elements
 	.rfp-h1-masthead-portion {
 		display: inline-block;
@@ -187,14 +194,31 @@
 		border-radius: @rfp-border-radius;
 	}
 		.rfp-video-masthead {
+			width: 400px;
+			height: 241px;
 			margin-bottom: 2em;
 			transform: translate(0, 100px);
 			opacity: 0;
 			transition: transform 0.8s ease 1s, opacity 0.8s ease 1s;
-		
+			box-shadow: none;
+			max-width: none;
+
+			@media (min-width: 600px) {
+				width: 525px;
+				height: 316px;
+			}
+			@media (min-width: @screen-sm-min) {
+				width: 633px;
+				height: 381px;
+			}
+			@media (min-width: @screen-sm-min) {
+				width: 697px;
+				height: 420px;
+			}
 			.rfp-section-masthead-in & {
 				transform: translate(0, 0);
 				opacity: 1;
+				box-shadow: @rfp-card-shadow;
 			}
 		}
 		.rfp-video-anim {