update

src/scss/_featured.scss

@@ -82,6 +82,53 @@ body.rwavw-custom {
 			margin-bottom: 44px;
 			opacity: 0.6;
 
+			a {
+				display: inline-block;
+				color: rgb(0, 10, 56);
+				font-size: 18px;
+				font-weight: 600;
+				background-color: rgba(0, 10, 56, 0.05);
+				padding: 0 22px;
+				border-radius: 22px;
+				line-height: 42px;
+				height: 44px;
+
+				box-shadow: 4px 4px 6px rgba(0, 10, 56, 0.25), -4px -4px 6px rgba(#fff, 0.5);
+
+				svg {
+					position: relative;
+					height: 28px;
+					top: 8px;
+					margin-left: 4px;
+				}
+			}
+		}
+
+		.swiper-container {
+			border-radius: 6px;
+			box-shadow: 4px 4px 6px 0 rgba(0, 10, 56, 0.2);
+		}
+
+		.swiper-wrapper {
+			position: relative;
+			border-radius: 6px;
+			overflow: hidden;
+
+			&::after {
+				content: '';
+				display: block;
+				position: absolute;
+				width: 100%;
+				height: 100%;
+				top: 0;
+				left: 0;
+				pointer-events: none;
+
+				background-color: rgba(0, 10, 56, 0.3);
+				box-shadow: 0 0 66px 0 rgba(0, 10, 56, 0.6) inset;
+
+				opacity: 0.6;
+			}
 		}
 	}
 
@@ -102,7 +149,7 @@ body.rwavw-custom {
 	}
 
 	.widget.rwavw-feature-limits {
-		h2, h3, h4, h5, h6 {
+k		h2, h3, h4, h5, h6 {
 			margin-top: 44px;
 
 			@media (min-width: 64em) {

src/scss/_hero.scss

@@ -3,6 +3,8 @@ body.rwavw-custom {
 		height: 100vh;
 
 		#home {
+			$shade-color: #000;
+
 			position: relative;
 			width: 100%;
 			height: 100%;
@@ -13,9 +15,9 @@ body.rwavw-custom {
 			align-items: center;
 			padding: 96px 90px 90px !important;
 
-			text-shadow: 0 0 8em #000,
-				0 0 2em rgba(#000, 0.57),
-				0 0 0.5em rgba(#000, 0.1);
+			text-shadow: 0 0 8em $shade-color,
+				0 0 2em rgba($shade-color, 0.57),
+				0 0 0.5em rgba($shade-color, 0.1);
 
 			&::before {
 				content: '';
@@ -26,10 +28,26 @@ body.rwavw-custom {
 				top: 0;
 				left: 0;
 
-				background-color: rgba(#000, 0.2);
+				opacity: 0.5;
+
+				background-color: rgba($shade-color, 0.2);
+				background: linear-gradient(
+					to bottom,
+					rgba($shade-color, 0.5),
+					rgba($shade-color, 0.5) 120px,
+					rgba($shade-color, 0.2)
+				),
+					linear-gradient(
+						to top,
+						rgba($shade-color, 0.3),
+						rgba($shade-color, 0.3) 160px,
+						rgba($shade-color, 0)
+					);
+
 			}
 
 			> .section-top {
+				max-width: 1600px;
 				flex: 0 0 auto;
 			}
 
@@ -46,19 +64,26 @@ body.rwavw-custom {
 			}
 
 			.hero-cta {
-				margin: 66px 0 44px;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-around;
+				align-items: center;
+				margin: 22px 0;
 				text-shadow: none;
+
 				a {
-					margin: 0 11px;
-					padding: 11px 22px;
-					font-size: 22px;
+					margin: 0 22px;
+					padding: 11px;
+					font-size: 16px;
 					font-weight: 600;
+					min-width: 18ch;
 
 					border: 3px solid #fff;
 
 					&:first-child {
 						color: #000;
 						background-color: #fff;
+						margin-bottom: 22px;
 					}
 
 					&:last-child {
@@ -74,27 +99,93 @@ body.rwavw-custom {
 			}
 
 			h1 {
-				margin: 44px 0;
-				font-size: 90px;
+				margin: 11px;
+				font-size: 36px;
+				line-height: 1.2;
 				font-weight: 400;
 			}
 
 			.heading-col-title {
-				font-size: 32px;
+				font-size: 22px;
+				line-height: 1.2;
 				font-weight: 400;
 			}
 
 			p {
 				margin-bottom: 22px;
-				font-size: 22px;
+				font-size: 16px;
 			}
 
 			.header-details {
 				text-transform: none;
+				text-shadow: 0 0 1.5em $shade-color,
+					0 0 1em rgba($shade-color, 0.6);
 			}
 
 		}
 
+		@media (max-width: 63.98em) {
+			#home {
+				justify-content: center;
+				align-items: center;
+				padding: 55px 11px 22px !important;
+
+				h1 {
+					text-align: center;
+					margin-bottom: 22px;
+				}
+
+				p {
+					text-align: center !important;
+				}
+			}
+		}
+
+		@media (min-width: 767px) {
+			#home {
+				h1 {
+					margin: 55px 0;
+					font-size: 60px;
+				}
+			}
+		}
+
+		@media (min-width: 64em) {
+			#home {
+				padding: 55px 11px 55px !important;
+
+				> .section-cols {
+					> .pure-g {
+						justify-content: space-around;
+					}
+				}
+
+				h1 {
+					margin: 77px 0 55px;
+					font-size: 90px;
+				}
+
+				p {
+					font-size: 22px;
+					font-weight: 400;
+					line-height: 1.2;
+					margin-bottom: 22px;
+				}
+
+				.hero-cta {
+					margin: 66px 0 66px;
+					flex-direction: row;
+
+					a {
+						margin: 0 11px;
+
+						&:first-child {
+							margin-bottom: 0;
+						}
+					}
+				}
+			}
+		}
 
 	}
 }

src/scss/_social-proof.scss

@@ -0,0 +1,38 @@
+body.rwavw-custom {
+	.testimonials-widget {
+
+		// display: flex;
+		// flex-direction: row;
+		// flex-wrap: wrap;
+		// justify-content: center;
+		// align-items: center;
+
+		> .image {
+			order: 2;
+			flex: 1 1 auto;
+			width: 4em;
+			height: 4em;
+			border-radius: 50%;
+			background-color: #999;
+			overflow: hidden;
+
+			> img {
+				width: 100%;
+				height: auto;
+			}
+		}
+
+		> blockquote {
+			order: 1;
+			flex: 0 0 100%;
+			background-color: rgba(red, 0.1);
+		}
+
+		> .credit {
+			order: 3;
+			flex: 0 1 100%;
+			background-color: rgba(orange, 0.1);
+		}
+	}
+}
+

src/scss/style.scss

@@ -3,6 +3,7 @@
 @import "feature-sunset";
 @import "contact";
 @import "faq";
+@import "social-proof";
 @import "footer";
 
 #top-nav .ext-nav-toggle,