fuck

server/templates/pages/process.dust

@@ -1,5 +1,4 @@
 <div class="page row process">
-	<div class="bgel">&nbsp;</div>
 	<div class="process-band response-band">
 		<div class="cgbg title-box">
 			<h1>Our Process</h1>

server/templates/pages/services.dust

@@ -29,5 +29,7 @@
 		<p>Connect your home and experience the comfort, convenience and simplicity of a smarter way of life. Control your entertainment, security, lighting and climate through your smartphone or tablet and prepare your property for the future of HomeTechnology.</p>
 		<a class="bluebutton mtb nav" href="services/integration">Read more...</a>
 	</div>
+	<div class="col">
 		{>"partials/footer"/}
+	</div>
 </div>

src/js/app.js

@@ -15,6 +15,6 @@ $(function() {
 	app.burger = new app.views.BurgerHover({ el: $('header') });
 
 	Backbone.history.start({ silent: true, pushState: true });
-	console.log(app)
+	$(document.head).append('<style> .splash,.splashspacer{height: ' + Math.max(window.innerHeight, window.innerWidth) + 'px !important;}</style>')
 });
 

src/sass/_content.scss

@@ -52,15 +52,7 @@
 }
 
 .page.process {
-	.bgel{
-		position:fixed;
-		top:0;
-		width:100%;
-		height:120vh;
 	@include backgrounder("process-background", "jpg", "no-repeat center/cover");
-		min-height:500px;
-	}
-	overflow:visible;
 	height:1%;
 	width:100%;
 	
@@ -171,12 +163,11 @@
 
 	.splash {
 		top:0;
-		height:100%;
 		min-height:600px;
 		width:100%;
 		position:fixed;
 		z-index:1;
-		@media (pointer:coarse){
+		@media all and(max-height:600px){
 			position:absolute;
 		}
 		.splash-text {
@@ -192,8 +183,8 @@
 		}
 	}
 	.splashspacer{
-		height:90%;
-		min-height:500px;
+		margin-top:-50px;
+		min-height:600px;
 		width:100%;
 	}
 	.postsplash {

src/sass/_layout.scss

@@ -100,6 +100,7 @@ html {
 //Header
 header {
 	top:0;
+	position:absolute;
 	@media all and(min-height:900px){
 		position:fixed;
 	}
@@ -162,8 +163,10 @@ header {
 	}
 
 	.burger {display:none;}
-	.coverer{width:0px;height:0px;
-		transition:background 1s ease;}
+	.coverer {
+		width:0px;height:0px;
+		transition:background 1s ease;
+	}
 	@media all and(max-width:800px){
 		.burger {
 			display:block;
@@ -236,6 +239,7 @@ header {
 //Default body styles
 html,body{height:100%;width:100%;position:relative;}
 body {
+	overflow-x: hidden;
 	overflow-y: scroll;
 	> main {
 		overflow-x: hidden;
@@ -245,6 +249,9 @@ body {
 		min-height: calc(100% - 60px);
 		> .page {
 			position:absolute;
+			&:not(.servicepage){
+				margin-top:60px;
+			}
 			@media all and(min-height:900px){
 				margin-top:60px;
 			}