.user-view {
	.intro {
		@include clearfix();
		position: relative;

		.parallax {
			position: absolute;
			z-index: 0;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			height: auto;
		}

		.liner {
			position: relative;
			z-index: 1;
			padding: 30vh 40px 40px 260px;

			.thumbnail {
				position: absolute;
				z-index: 2;
				left: 40px;
				bottom: 20px;
				max-width: 184px;

				.image {
					background-color: $darkest_grey;
				}
			}

			h1 {
				color: $white;
			}

			h2 {
				padding-bottom: 25px;
			}
		}
	}

	@include responsive( $bp_medium ){
		.intro {
			text-align: center;

			.thumbnail {
				float: none;
				margin: 0 auto 20px;
			}

			h1 {
				padding-top: 0;
			}
		}
	}
}