Home page style changes

assets/sass/pages/_home.sass

@@ -8,7 +8,6 @@
 	
 	div
 		position: relative
-		background: none
 		+transition(all, 200ms)
 		
 		&:hover
@@ -16,7 +15,8 @@
 		
 	.news
 		display: block
-		+size(420px 100%)
+		+size(100% 100%)
+		max-width: 420px
 		margin-right: 10px
 		background: url(/img/banner/oo-banner.jpg)
 		background-size: 100% 100%
@@ -45,53 +45,4 @@
 		#mailing-list
 			p
 				margin-bottom: 7px
-				text-align: center
+				text-align: center
-		
-	.card
-		display: block
-		width: 100%
-		height: auto
-		margin-bottom: 15px
-		padding: 15px 10px
-		background: white
-		
-		.underline
-			text-decoration: underline
-			
-		input[type=text]
-			background: none
-			border: none
-			outline: none
-			
-		.input-group
-			position: relative
-			display: block
-			width: 100%
-			margin: 20px auto 10px
-			
-			input
-				display: inline-block
-				width: 100%
-				padding: 10px 0
-				border-bottom: solid 2px $main-color
-				color: rgb(25, 25, 25)
-				font-size: 16px
-				
-				&:focus, &:active
-					outline: none
-					
-			label
-				+position(absolute, 50% null null 0)
-				+transform(translateY(-50%))
-				font-style: italic
-				font-size: 16px
-				color: #999
-				pointer-events: none
-				+transition(all, 200ms ease-out 0s)
-				
-			input:focus + label,
-			input.has-value + label
-				top: -5px
-				font-size: 12px
-				color: $main-color
-

assets/sass/partials/_-all.sass

@@ -1,4 +1,8 @@
+// Page parts
 @import 'base'
 @import 'header'
 @import 'navigation'
-@import 'footer'
+@import 'footer'
+
+// Page elements
+@import 'card'

assets/sass/partials/_card.sass

@@ -0,0 +1,47 @@
+.card
+	display: block
+	width: 100%
+	height: auto
+	margin-bottom: 15px
+	padding: 15px 10px
+	background: white
+	
+	.underline
+		text-decoration: underline
+		
+	input[type=text]
+		background: none
+		border: none
+		outline: none
+		
+	.input-group
+		position: relative
+		display: block
+		width: 100%
+		margin: 20px auto 10px
+		
+		input
+			display: inline-block
+			width: 100%
+			padding: 10px 0
+			border-bottom: solid 2px $main-color
+			color: rgb(25, 25, 25)
+			font-size: 16px
+			
+			&:focus, &:active
+				outline: none
+				
+		label
+			+position(absolute, 50% null null 0)
+			+transform(translateY(-50%))
+			font-style: italic
+			font-size: 16px
+			color: #999
+			pointer-events: none
+			+transition(all, 200ms ease-out 0s)
+			
+		input:focus + label,
+		input.has-value + label
+			top: -5px
+			font-size: 12px
+			color: $main-color