Changing layout in 'Bestill bord' section, and adjusting background.

index.html

@@ -190,8 +190,6 @@
 							<li>Kr. 2990,-</li>
 						</ul>
 					</div>
-				</div>
-				<div class="col">
 					<div class="text-badge">
 						<h3>Pakke B</h3>
 						<ul>
@@ -201,8 +199,6 @@
 							<li>Kr. 4990,-</li>
 						</ul>
 					</div>
-				</div>
-				<div class="col">
 					<div class="text-badge">
 						<h3>Pakke C</h3>
 						<ul>
@@ -213,8 +209,6 @@
 							<li>Kr. 5990,-</li>
 						</ul>
 					</div>
-				</div>
-				<div class="col">
 					<div class="text-badge">
 						<h3>Pakke D</h3>
 						<ul>

js/oktoberfest.js

@@ -10,3 +10,12 @@ function scrollTo(ev, element, highlight) {
 	ev.preventDefault();
 }
 
+/**
+ * Parallax.
+ */
+$(function() {
+	$(document).scroll(function() {
+		$('body').css( 'background-position', '0px -' + $('body').scrollTop()/20 + 'px' );
+console.log( $('body').scrollTop()/2 + ' 0px');
+	});
+});

scss/_layout.scss

@@ -1,7 +1,7 @@
 body {
 	padding-top: 70px;
 	padding-bottom: 70px;
-	background:url('../img/liten_tile.png');
+	background:url('../img/liten_tile.png') fixed;
 }
 
 .navbar-fixed-top {
@@ -139,6 +139,10 @@ body {
 
 	.col {
 		@extend .col-sm-12;
+		@extend .col-md-8;
+
+		&:first-of-type {
 			@extend .col-sm-4;
 		}
 	}
+}