body.rwavw-custom {
	.widget.rwavw-hero {
		height: 100vh;

		#home {
			$shade-color: #000;

			position: relative;
			width: 100%;
			height: 100%;

			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
			padding: 96px 90px 90px !important;

			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: '';
				display: block;
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;

				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;
			}

			> .section-cols {
				flex: 0 1 100%;

				> .pure-g {
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					align-items: center;
					height: 100%;
				}
			}

			.hero-cta {
				display: flex;
				flex-direction: column;
				justify-content: space-around;
				align-items: center;
				margin: 22px 0;
				text-shadow: none;

				a {
					margin: 0 22px;
					padding: 11px;
					font-size: 16px;
					font-weight: 600;
					min-width: 18ch;

					border: 3px solid $accent-500;

					transition: opacity .2s, transform 0.3s;

					&:link,
					&:visited {
						opacity: 1;
						transform: none;
					}

					&:hover,
					&:active {
						opacity: 0.9;
						transform: scale(0.975);
					}

					&:first-child {
						$bg-color: $accent-500;

						margin-bottom: 22px;
						padding: 17px 18px;
						color: rgba($neutral-900, 0.85);
						border: 0;
						background-color: $bg-color;
						background: linear-gradient(
							to top right,
							rgba($bg-color, 0.95),
							rgba($bg-color, 0.8)
						);
					}

					&:last-child {
						$bg-color: $neutral-900;

						color: $accent-500;
						background-color: rgba($bg-color, 0.4);
						background: linear-gradient(
							to top right,
							rgba($bg-color, 0.45),
							rgba($bg-color, 0.15)
						);
					}
				}
			}

			h1, h2, h3, h4, h5, h6, p, a {
				color: #fff;
				font-family: Montserrat, Helvetica, sans-serif;
			}

			h1 {
				margin: 11px;
				font-size: 36px;
				line-height: 1.2;
				font-weight: 400;
			}

			.heading-col-title {
				font-size: 22px;
				line-height: 1.2;
				font-weight: 400;
			}

			p {
				margin-bottom: 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;
						padding: 14px 18px;
						font-size: 20px;

						&:first-child {
							margin-bottom: 0;
						}
					}
				}
			}
		}

	}
}