.col-no-padding {
	padding:0!important;
}

@media (min-width: 768px) {
	.container {
		width:750px;
	}
}

@media (min-width: 992px) {
	.container {
		width:970px;
	}
}

@media (min-width: 1200px) {
	.container {
		width:1000px;
	}
	
	.container.special {
		width:100%;
		max-width:1500px;
	}
}

.btn {
	font-size:17px;
	padding:10px 25px 12px;
	border:0;
	border-bottom:2px solid;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:.08em;
	font-family:'Work Sans Regular';
}

.btn-default {
	color:#656c75;
	border-color:#dbdbdb;
	background-color:#e5e5e5;
}

.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default {
	color:#fff;
	background-color:#656C75;
	border:none;
}

.btn-primary {
	color:#fff;
	background-color:#309E9F;
	border-color:#308b8b;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {
	color:#fff;
	background-color:#656c75;
	border-color:#656c75;
}

.btn-small {
	padding:6px 10px;
	background-color:transparent;
	color:#309E9F;
	font-family:'Work Sans Light';
}

.btn-small:hover,.btn-small:focus,.btn-small:active,.btn-small.active {
	background:none;
	color:#656c75;
}

.btn:active,.btn.active {
	box-shadow:none;
}

.btn-link {
	text-transform:none;
	font-size:inherit;
	letter-spacing:0;
	color:#309E9F;
	text-decoration:none;
	border:0;
	font-family:'Work Sans Bold';
}

.btn-link:hover {
	text-decoration:none;
	color:#232323;
}

.img-circle {
	border:1px solid #ddd;
}

.pos-relative {
	position:relative;
}

.thumbnail {
	margin-left:10px;
	margin-right:10px;
	width:320px;
	padding:40px 20px 50px;
}

.thumbnail:first-child {
	margin-left:0;
}

.thumbnail:last-child {
	margin-right:0;
}

.thumbnail > img,.thumbnail a > img {
	display:inline-block;
}

a:focus,button:focus,input:focus {
	outline:none;
}

@font-face {
	font-family: 'Work Sans Light';
	src: url('../fonts/worksans/hinted-WorkSans-Light.eot');
	src: url('../fonts/worksans/hinted-WorkSans-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/worksans/hinted-WorkSans-Light.woff2') format('woff2'),
		url('../fonts/worksans/hinted-WorkSans-Light.woff') format('woff'),
		url('../fonts/worksans/hinted-WorkSans-Light.ttf') format('truetype'),
		url('../fonts/worksans/hinted-WorkSans-Light.svg#WorkSans-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Work Sans Regular';
	src: url('../fonts/worksans/hinted-WorkSans-Regular.eot');
	src: url('../fonts/worksans/hinted-WorkSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/worksans/hinted-WorkSans-Regular.woff2') format('woff2'),
		url('../fonts/worksans/hinted-WorkSans-Regular.woff') format('woff'),
		url('../fonts/worksans/hinted-WorkSans-Regular.ttf') format('truetype'),
		url('../fonts/worksans/hinted-WorkSans-Regular.svg#WorkSans-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Work Sans Bold';
	src: url('../fonts/worksans/hinted-WorkSans-Bold.eot');
	src: url('../fonts/worksans/hinted-WorkSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/worksans/hinted-WorkSans-Bold.woff2') format('woff2'),
		url('../fonts/worksans/hinted-WorkSans-Bold.woff') format('woff'),
		url('../fonts/worksans/hinted-WorkSans-Bold.ttf') format('truetype'),
		url('../fonts/worksans/hinted-WorkSans-Bold.svg#WorkSans-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}


@font-face {
	font-family:'Runda';
	src:url('../fonts/runda/hinted-Runda.eot');
	src:url('../fonts/runda/hinted-Runda.eot?#iefix') format("embedded-opentype"),
		url('../fonts/runda/hinted-Runda.woff2') format("woff2"),
		url('../fonts/runda/hinted-Runda.woff') format("woff"),
		url('../fonts/runda/hinted-Runda.ttf') format("truetype"),
		url('../fonts/runda/hinted-Runda.svg#Runda') format("svg");
	font-weight:400;
	font-style:normal;
}

body {
	font-family:'Runda';
	font-size:17px;
	color:#656c75;
	line-height:1.6em;
}

body {
	transition:opacity 2s;
	-webkit-transition:opacity 2s;
}
body.invisible {
	opacity: 0;
}

html,body {
	height:100%;
}

a {
	color:#309E9F;
}

a:hover,a:focus,a:active {
	color:#656c75;
	text-decoration:none;
}

h1,h2,h3,h4 {
	font-family:'Work Sans Light';
	font-weight:100;
	color:#232323;
	line-height:1.25;
	margin-bottom:20px;
	margin-top:0;
}

h1 {
	font-size:48px;
	line-height:1.3em;
}

h4 {
	font-size:20px;
}

hr {
	margin-top:0;
	margin-bottom:0;
	border-top:1px solid #DDD;
}

img {
	max-width:100%;
}

.amp {
	font-family:Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif;
	font-style:italic;
	font-weight:400;
	margin-left:-2px;
	margin-right:-2px;
}

.noscroll {
	overflow-x:hidden;
	overflow-y:hidden;
}

.md-modal {
	position:fixed;
	z-index:2000;
	visibility:hidden;
	backface-visibility:hidden;
	overflow-x:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow-y:scroll;
}

.md-content {
	max-width:85%;
	width:1450px;
	margin:40px auto;
}

.md-trigger {
	cursor:pointer;
}

.md-show {
	visibility:visible;
}

.md-overlay {
	position:fixed;
	width:100%;
	height:100%;
	visibility:hidden;
	top:0;
	left:0;
	z-index:1000;
	opacity:0;
	background:rgba(143,27,15,0.8);
	background:rgba(30,30,30,0.9);
	transition:all .3s;
}

.md-show ~ .md-overlay {
	opacity:1;
	visibility:visible;
}

.md-show .md-close {
	display:block;
	position:absolute;
	z-index:1500;
	top:-2px;
	right:-60px;
	font-size:30px;
	border:0;
	background:transparent;
}

.md-effect-1 .md-content {
	-webkit-transform:scale(0.7);
	-moz-transform:scale(0.7);
	-ms-transform:scale(0.7);
	transform:scale(0.7);
	opacity:0;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}

.md-show.md-effect-1 .md-content {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1;
}

#logo {
	padding-top:52px;
}

.name-tag {
	color:#fff;
	text-transform:uppercase;
	letter-spacing:.04em;
	font-family:'Work Sans Bold';
}

.name-title {
	color:rgba(255,255,255,0.8);
	line-height:22px;
	letter-spacing:.04em;
}

#header {
	background-color:rgba(0,0,0,0.1);
}

#hero #header {
	background-color:rgba(0,0,0,0.1);
	display:table-row;
	width:100%;
	z-index:9999999999;
}

#hero {
	position:relative;
	z-index:0;
	height:757px;
	padding:0;
	width:100%;
	background:url(../images/unsplash.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

#hero:after {
	content:' ';
	display:block;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:-1;
	background:rgba(48,158,159,0.9);
}

#hero #intro {
	position:relative;
	top:50%;
	transform:translateY(-50%);
	margin-top:-77px;
}

#hero .hero-heading-wrapper {
	display:table;
	height:100%;
	width:100%;
}

#hero .hero-heading {
	display:table-cell;
	vertical-align:middle;
	padding-bottom:10px;
}

#hero .hero-heading h1 {
	color:#fff;
	z-index:1;
	margin-bottom:40px;
	font-family:'Work Sans Bold';
	letter-spacing:-.01em;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

#hero p {
	color:rgba(255,255,255,0.8);
	z-index:1;
	font-size:22px;
	line-height:32px;
}

#hero a.anchor img {
	width:50px;
	position:absolute;
	bottom:20%;
	opacity:.4;
}

#hero a.anchor img:hover {
	opacity:1;
}

.services {
	margin-top:62px;
	margin-bottom:80px;
}

.services h2 {
	margin-bottom:44px;
}

.services h3 {
	margin-bottom:0;
	font-size:22px;
}

.services p {
	margin-bottom:15px;
}

.storytelling {
	padding-top:97px;
	padding-bottom:100px;
}

.storytelling .btn-small {
	margin-top:4px;
}

.storytelling .text-first {
	padding-right:20px;
}

.storytelling .text-last {
	padding-left:20px;
}

.animate {
	opacity:0;
	-webkit-transform:translateY(30px);
	-moz-transform:translateY(30px);
	-o-transform:translateY(30px);
	transform:translateY(30px);
}

.onScreen {
	opacity:1;
	margin-bottom:0;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0);
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
}

#cases {
	text-align:center;
}

.case {
	position:static;
	width:470px;
	max-width:33.33%;
	float:none;
	display:inline-block;
}

.case + .case {
	margin-left:-5px;
}

.case .overlay {
	text-align:center;
	margin-top:16px;
	display:none;
}

.case .overlay h3 {
	margin:0;
}

.case .overlay p {
	margin-bottom:0;
}

#om-mig {
	background-color:#fafafa;
}

#om-mig .container {
	margin-top:80px;
	margin-bottom:80px;
}

#om-mig .profilbillede {
	float:right;
	margin-right:35px;
	background-color:#fff;
}

#om-mig h2 {
	margin-top:5px!important;
	line-height:1.4em;
	margin-bottom:20px;
}

#om-mig p {
	margin-bottom:25px;
}

#om-mig p:last-child {
	margin-bottom:15px;
}

#om-mig .btn-default {
	margin-right:16px;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 32),only screen and (min-device-pixel-ratio: 1.5) {
	.icons {
		background-image:url(icon-sprite-2x.png);
		background-size:200px 100px;
		background-repeat:no-repeat;
	}
}

.cta {
	margin-top:108px;
	margin-bottom:120px;
	text-align:center;
}

.cta p {
	font-size:25px;
	font-family:'open_sanslight';
	margin-bottom:35px;
	color:#232323;
}

.cta .btn-default {
	margin-right:21px;
}

#footer {
	text-align:center;
	padding-top:70px;
	padding-bottom:62px;
}

#footer .social {
	text-transform:uppercase;
}

#footer .social .links a {
	letter-spacing:.15em;
	font-size:16px;
	font-family:'Work Sans Bold';
}

#footer .social .links a + a {
	margin-left:25px;
}

#footer .social .contact-info {
	display:block;
	margin-top:25px;
	color:rgba(105,108,117,0.5);
	font-size:14px;
	letter-spacing:.15em;
	margin-bottom:20px;
}

@media screen and (max-width: 991px) {
	.case {
		width:100%;
		max-width:none;
	}
	
	.case + .case {
		margin-left:0;
		margin-top:20px;
	}
}

@media screen and (max-width: 770px) {
	.animate {
		opacity:1;
	}
	
	h2 {
		font-size:25px;
	}
	
	h2 br {
		display:none;
	}
	
	.container-fluid {
		padding-left:30px;
		padding-right:30px;
	}
	
	.container {
		padding-left:30px;
		padding-right:30px;
	}
	
	#logo {
		padding-top:32px;
	}
	
	#logo .container {
		padding:0;
	}
	
	#hero {
		height:auto;
	}
	
	#hero #intro {
		top:auto;
		transform:none;
		margin-top:40px;
	}
	
	#hero .hero-heading-wrapper {
		padding-left:30px;
		padding-right:30px;
	}
	
	#hero .hero-heading h1 {
		font-size:30px;
		line-height:1.2em;
		margin-bottom:35px;
	}
	
	#hero .hero-heading h1 br {
		display:none;
	}
	
	#hero p {
		display:none;
	}
	
	.storytelling {
		padding-top:47px;
		padding-bottom:50px;
	}
	
	.container-fluid > .container {
		padding-left:0;
		padding-right:0;
	}
	
	#om-mig .container {
		margin-top:40px;
	}
	
	#om-mig .profilbillede {
		float:none;
		margin:0 auto;
	}
	
	#footer {
		padding-top:50px;
		padding-bottom:42px;
	}
	
	#footer .social .contact-info .break {
		display:block;
		height:0;
		opacity:0;
	}
}