header {
	background-image: url('../images/index_cover.jpg');
	background-repeat: no-repeat;
	background-position: 75% 25%;
	background-size: cover;
	height: 560px;
	min-height: 25vw;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

header:before {
	content:"";
	position:absolute;
	top:0;
	left: calc(-55% + 12.5%);
	width:100%;
	height: 560px;
	min-height: 25vw;
	background-color: #fff;
	transform:skew(16.67deg);
	z-index: -1;
}

header h1 {
	color: #3169AD;
	font-size: 3em;
	margin-bottom: 16px;
}

nav {
	border: 2px solid #3169AD;
}

nav .container {
	padding: 0 14px;	
}

nav.sticky .container {
	padding: 0 16px;	
}

section {
	height: 340px;
	min-height: 20vw;
	align-content: center;
	align-items: center;
	justify-content: center;
	text-align: center;
}

section#ydelser {
	background-color: #f5f5f5;
	background-image: url('../images/index_ydelser_bg.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

section#referencer {
	background-color: #0B2646;
}

section#referencer h2 {
	color: #fff;
}

section#referencer .btn, section#referencer .btn:visited {
	border: 2px solid #fff;
	background-color: transparent;
}	

section#referencer .btn:hover {
	border: 2px solid #3169AD;
	background-color: #3169AD;
	color: #fff;
	background-image: opacity;
}

section#om-os {
	background-color: #f5f5f5;
	background-image: url('../images/index_omos_bg.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

@media screen and (max-width: 767px) {
	header {
		background-position: 85% 25%;
		background-size: cover;
		height: 480px;
	}
	section {
		height: 200px;
	}
	section h2 {
		font-size: 1.25em;
	}
	header h1 {
		font-size: 1.75em;
		color: #fff;
	}
	header .btn {
		margin-top: 24px;
	}
	nav {
		border: 0;
	}
	nav .container {
		padding: 0;
	}
	nav.sticky .container {
		padding: 0;
	}			
	nav ul li a, nav ul li a:visited {
		color: #0B2646;
	}
	
	nav ul li a:hover {
		color: #0B2646;
	}
	
	nav ul li a.current {
		color: #3169AD;	
	}
	
	nav ul li a .line {
		background-color: #0B2646;
	}
	
	nav ul li a.current .line {
		background-color: #3169AD;
	}
	nav #logo {
		background-image: url('../images/logo_white.svg');
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {

}