Overhaul of user template (more like Artist); Search responsive

src/scss/views/_album.scss

@@ -33,23 +33,32 @@ main .album-view {
 	}
 
 	@include responsive( $bp_medium ){
-		.title {
-			padding: 0 20px 20px;
+		padding-top: 0;
+		padding-left: 10px;
+
+		.thumbnail-wrapper {
+			width: 40%;
+			padding: 10px 20px 10px 10px;
+
+			.thumbnail {
+				float: none;
+				max-width: none;
+				margin: 0 0 0 0;
+			}
 		}
 
-		.thumbnail {
-			float: none;
-			max-width: none;
-			margin: 0 0 0 0;
+		.title {
+			padding: 20px 20px 20px 40%;
+			min-height: 30vw;
 
-			.image {
-				padding-bottom: 70%;
+			.details {
+				padding: 5px 0;
 			}
 		}
 
 		.actions {
 			text-align: center;
-			padding-bottom: 20px;
+			padding: 20px 5px;
 		}
 	}
 }

src/scss/views/_artist.scss

@@ -32,7 +32,7 @@
 			}
 
 			h1 {
-				color: #FFFFFF;
+				color: $white;
 				padding-bottom: 25px;
 			}
 

src/scss/views/_playlist.scss

@@ -33,23 +33,32 @@ main .playlist-view {
 	}
 
 	@include responsive( $bp_medium ){
-		.title {
-			padding: 20px 20px;
+		padding-top: 0;
+		padding-left: 10px;
+
+		.thumbnail-wrapper {
+			width: 40%;
+			padding: 10px 20px 10px 10px;
+
+			.thumbnail {
+				float: none;
+				max-width: none;
+				margin: 0 0 0 0;
+			}
 		}
 
-		.thumbnail {
-			float: none;
-			max-width: none;
-			margin: 0 0 0 0;
+		.title {
+			padding: 20px 20px 20px 40%;
+			min-height: 30vw;
 
-			.image {
-				padding-bottom: 70%;
+			.details {
+				padding: 5px 0;
 			}
 		}
 
 		.actions {
 			text-align: center;
-			padding-bottom: 20px;
+			padding: 20px 5px;
 		}
 	}
 }

src/scss/views/_search.scss

@@ -9,6 +9,7 @@
 		input {
 			@include feature_font();
 			padding: 0;
+			width: 100%;
 			font-size: 3rem;
 			font-weight: 700;
 			height: 3rem;
@@ -30,6 +31,17 @@
 	}
 
 	@include responsive( $bp_medium ){
+
+		.search-form {
+			top: 18px;
+			left: 50px;
+
+			input {
+				font-size: 1.8rem;
+				height: 1.8rem;
+			}
+		}
+
 		.search-result-sections {
 			padding: 10px 10px 0;
 			

src/scss/views/_user.scss

@@ -2,20 +2,42 @@
 .user-view {
 	.intro {
 		@include clearfix();
-		padding-bottom: 20px;
+		position: relative;
 
-		.thumbnail {
-			max-width: 200px;
-			margin: 40px 40px 0 40px;
-			float: left;
+		.parallax {
+			position: absolute;
+			z-index: 0;
+			top: 0;
+			right: 0;
+			bottom: 0;
+			left: 0;
+			height: auto;
 		}
 
-		h1 {
-			padding-top: 80px;
-		}
+		.liner {
+			position: relative;
+			z-index: 1;
+			padding: 30vh 40px 40px 260px;
 
-		.actions {
-			padding-top: 20px;
+			.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;
+			}
 		}
 	}
 
@@ -25,7 +47,7 @@
 
 			.thumbnail {
 				float: none;
-				margin: 20px auto 20px;
+				margin: 0 auto 20px;
 			}
 
 			h1 {