* {
	border: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	outline: none;
	font-family: 'Muli', sans-serif;
}

html {
	width: 100%;
	height: 100%;
	color:#323237;
	font-family: 'Muli', sans-serif;
}

h2 {
	font-family: 'Muli', sans-serif;
	font-size: 30px;
	margin-bottom:10px;
	color: #323237;
}

h3 {
	font-family: 'Muli', sans-serif;
	font-size:24px;
	margin-bottom:10px;
	color: #323237;
}


.marign{
	margin-bottom:10px;
	margin-top:10px;
}

h4 {
	font-family: 'Muli', sans-serif;
	text-align: left;
	font-size:20px;
	margin-bottom:20px;
	color: #323237;
	margin-top: 10px;
}

hr {
    height: 1px;
        border-top:1px solid #ebebeb;
	margin-bottom:50px;
}

table {
	border-collapse: collapse;
}

.btn-sample {
    color: #ffffff;
    background-color: #611BBD;
    border-color: #130269;
}

btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
}

.btn {
    width: 100%;
    display: block;
    width: 100%;
    border-color: #e0a500;
    background: -webkit-gradient(linear,left top,left bottom,from(#fce173),to(#ffb900));
    background: linear-gradient(180deg,#fce173,#ffb900);
    color: #474747;
    border: none;
    text-align: center;
    padding: 10px 30px;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    font-family: 'Muli', sans-serif;
    text-decoration: none;
}

@media screen and (min-width: 1300px) {
	h1 {
		font-family: 'Muli', sans-serif;
		font-size: 30px;
		line-height: 30px;
		position: absolute;
		bottom: 45px;
		left: 46%;
		margin-left: -93px;
	}
	
	.last-update{
	width:100%;
	height:40px;
	float:left;
	margin-bottom:58px;
	background-color:#0097d4;
	padding-top:8px;
	color:#fff;
	text-align:center;
	font-weight:400;
	}


	h1 a {
		color: #323237;
		text-decoration: none;
		font-weight: bold;
	}
	
	h3 {
		font-family: 'Muli', sans-serif;
		font-size: 100px;
		line-height: 100px;
		position: absolute;
		width: 100%;
		top: 150px;

	}
	
	h1 span {
		display: none;
	}
	
	.date{
		margin-bottom:10px;
	}

	#menu {
		width: 1300px;
		height:112px;
		margin: 0 auto;
		position: relative;
	}


	#menu #left-menu {
		float: left;
		list-style-type: none;
		margin:40px 0 45px 0;
		color:#323237;
	}

	#menu #left-menu li {
		float: left;
	}

	#menu #left-menu li:not(:last-child) {
		margin-right: 10px;
	}

	#menu #left-menu li span {
		font-size: 22.5px;
		color: #555f68;
		font-family: 'Muli', sans-serif;
		line-height: 22.5px;
	}

	#menu #left-menu li a {
		font-size:20px;
		color: #323237;
		text-decoration: none;
		font-family: 'Muli', sans-serif;
		line-height: 22.5px;
	}

	#menu #right-menu {
		float: right;
		list-style-type: none;
		margin: 40px 0 45px 0;
	}

	#menu #right-menu li {
		float: left;
	}

	#menu #right-menu li:not(:last-child) {
		margin-right: 10px;
	}

	#menu #right-menu li a {
		font-size: 20px;
		color: #323237;
		text-decoration: none;
		font-family: 'Muli', sans-serif;
		line-height: 22.5px;
		margin-left:10px;
	}

	#menu #right-menu li a.active {
		color: #ffb900;
	}

	/*---HOME---*/
	#ebook {
		width: 100%;
		height:550px;
		background: #4178be;
				background: url(../images/forside-banner.jpg);
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	#ebook-new {
		width: 100%;
		padding: 0 20px;
		background: url(../images/forside-banner.jpg);
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}


	#ebook #formular-container {
		float: left;
		padding: 100px 0;
		height: 350px;
		width: 720px;
	}

	#ebook #formular-container #ebook-signup table {
		width: 100%;
	}

	#ebook #formular-container #ebook-signup table tr td:not(:last-child) {
		padding-right: 20px;
		width: 220px;
	}

	#ebook #formular-container #ebook-signup table tr td:last-child {
		width: 240px;
	}

	#ebook #formular-container #ebook-signup table tr td input[type=text] {
		font-family: 'Muli', sans-serif;
		color: #323237;
		font-size: 15px;
		padding: 10px;
		background: #fff;
		display: block;
		width: 100%;
	}

	#ebook #formular-container #ebook-signup table tr td input[type=submit] {
		width: 100%;
		display: block;
		width: 100%;
		border-color: #e0a500;
		background: -webkit-gradient(linear,left top,left bottom,from(#fce173),to(#ffb900));
		background: linear-gradient(180deg,#fce173,#ffb900);
		color: #474747;
		border:none;
	}
	
	#ebook #formular-container #ebook-signup table tr td input[type=submit]:hover {
		color: #fff;
	}

	#ebook img {
		height: 550px;
		float: right;
	}

	#ebook #failed {
		margin-top: 20px;
		background: #b81900;
		color: #fff;
		font-size: 15px;
		padding: 10px 20px;
		border-radius: 5px;
		box-shadow: 0 2px 2px #333;
		font-family: 'Muli', sans-serif;
		display: block;
	}


	#company-worth {
		width: 100%;
		padding: 70px 0;
	}

	#company-worth #website {
		width: 310px;
		float: left;		
		background-color:#000;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding: 90px 30px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		margin-left:20px;
		text-align:center;
	}
	
	#company-worth #skils {
		width: 325px;
		padding:22px;
		float: left;
		margin-top: 40px;
	}
	
	#skils h4{
		margin-left:-20px;
	}
	
	#skils p{
		float: left;
		margin-left: -20px;
		text-align:left;
	}
	
	#skill:not(:nth-child(4n)) {
		margin-right: 40px;
	}
	
	.background-one{
		background: url(../images/hjemmeside-computer.jpg);
	}
	
	.background-two{
		background: url(../images/seneste-blog.jpg);
	}
	
	.background-tre{
		background: url(../images/cases.jpg);
	}
	
	.background-four{
		background: url(../images/Contact.jpg);
	}
	
	#company-worth #website:first-child { 
		margin-left:0px;
	}
	
	#company-worth #website:last-child { 
		margin-left: 20px;
	}
	
	.bottom{
		margin-bottom:50px;
	}
	
	#company-worth #pressure span, 
	#company-worth #website span {
		width: 300px;
	}

	#banners {
		width: 100%;
		height:320px;
		padding: 50px 0;
		background: url(../images/svendeprove.jpg);
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	#three-boxes {
		background: #ebebeb;
		width: 100%;
		margin-bottom: -40px;
	}

	#three-boxes .box {
		padding: 50px 20px;
		float: left;
		height: 270px;
	}

	#three-boxes .box:first-child, 
	#three-boxes .box:last-child {
		width: 400px;
	}

	#three-boxes .box p {
		font-size: 20px;
		color: #323237;
		font-family: 'Muli', sans-serif;
		line-height: 22.5px;
	}

	#three-boxes .box a {
		font-size: 20px;
		color: #323237;
		font-family: 'Muli', sans-serif;
		line-height: 22.5px;
		font-weight: bold;
		text-decoration: none;
	}

	#three-boxes .box a:hover {
		text-decoration: underline;
	}

	#three-boxes .box:not(:first-child):not(:last-child) {
		width:500px;
		background: #323237;
	}

	#latest-blogs {
		width: 1300px;
		margin:-30px auto 0 auto;
	}

	#latest-blogs .blog {
		width: 406px;
		float: left;
	}
	
	.news{
		font-size:20px;
		line-height: 1.125em;
		font-weight:800;
	}

	#latest-blogs .blog .date {
		font-family: 'Muli', sans-serif;
		text-align: left;
		font-size: 12.5px;
		color: #323237;
		font-weight: bold;
		text-transform: uppercase;
	}

	#latest-blogs .blog img {
		display: block;
		margin-bottom: 40px;
	}

	#latest-blogs .blog a {
		text-decoration: none;
	}

	#latest-blogs .blog:not(:last-child) {
		margin-right: 35px;
	}

	#call-me {
		background: #eee;
		padding: 100px 0;
	}

	#call-me h2 {

	}

	#call-me table {
		width: 1200px;
		margin: 0 auto;
	}

	#call-me table tr td {
		width: 386.66px;
	}

	#call-me table tr:first-child td {
		font-family: 'Muli', sans-serif;
		font-size: 15px;
		line-height: 15px;
		padding-bottom: 10px;
		color: #323237;
	}

	#call-me table tr td:not(:last-child) {
		padding-right: 20px;
		width: 366.66px;
	}

	#call-me table tr td input[type=text] {
		background: #fff;
		padding: 10px;
		display: block;
		width: 100%;
		font-family: 'Muli', sans-serif;
		font-size: 20px;
		line-height: 20px;
	}

	#call-me table tr td input[type=submit] {
		display: block;
		width: 100%;
		border-color: #e0a500;
		background: -webkit-gradient(linear,left top,left bottom,from(#fce173),to(#ffb900));
		background: linear-gradient(180deg,#fce173,#ffb900);
		color: #474747;
	}
	
	#call-me table tr td input[type=submit]:hover {
		color: #fff;
	}

	#me {
		width: 1300px;
		margin: 130px auto 65px auto;
	}

	#me img {
		width: 410px;
		float: left;
		margin-bottom: 55px;
	}

	#me #personal {
		width: 780px;
		float: right;
	}

	#me #personal p {
		font-size: 17.5px;
		color: #323237;
		text-decoration: none;
		font-family: 'Muli', sans-serif;
		line-height: 22.5px;
	}

	#me #cv .box {
		float: left;
		width: 325px;
	}

	#me #cv .box p {
		font-size: 17.5px;
		color: #323237;
		font-family: 'Muli', sans-serif;
	}

	#me #cv .box .header {
		font-size: 22.5px;
		color: #323237;
		font-family: 'Muli', sans-serif;
	}

	#what-they-say {
		background: #323237;
		padding: 110px 0;
	}

	#what-they-say #say-container {
		width: 100%;
		height: 200px;
		position: relative;
	}

	#what-they-say #say-container #left {
		position: absolute;
		top: 50%;
		margin-top: -30px;
		left: 0;
		cursor: pointer;
	}

	#what-they-say #say-container #right {
		position: absolute;
		top: 50%;
		margin-top: -30px;
		right: 0;
		cursor: pointer;
	}

	#what-they-say #say-container #middle {
		width: 1323237px;
		height: 200px;
		margin: 0 auto;
	}

	#what-they-say #say-container #middle .say {
		width: 100%;
		height: 100%;
	}

	#what-they-say #say-container #middle .say:not(:first-child) {
		display: none;
	}

	#what-they-say #say-container #middle .say img {
		float: left;
		margin-right: 80px;
	}

	#what-they-say #say-container #middle .say .main-header {
		font-size: 22.5px;
		color: #fff;
		font-family: 'Muli', sans-serif;
		line-height: 22.5px;
		font-weight: bold;
	}

	#what-they-say #say-container #middle .say .citation {
		font-size: 30px;
		color: #fff;
		font-family: 'Muli', sans-serif;
		line-height: 35px;
		font-weight: bold;
		font-style: italic;
	}

	#what-they-say #say-container #middle .say .name{
		font-size: 22.5px;
		color: #fff;
		font-family: 'Muli', sans-serif;
		line-height: 30px;
		margin-top: 15px;
	}

	#what-they-say #say-container #middle .say .position {
		font-size: 15px;
		color: #fff;
		font-family: 'Muli', sans-serif;
		line-height: 15px;
	}

	#website {
		width: 100%;
		padding: 80px 0;
	}

	#website #left {
		float: left;
		width: 650px;
	}

	#website #right {
		float: right;
		width: 650px;
	}

	#website #left img {
		margin-top: 52px;
	}

	#website #right img {
		margin-top: 70px;
	}

	#website p {
		color: #323237;
		font-family: 'Muli', sans-serif;
		font-size: 20px;
	}

	#website #left .header {
		font-size: 30px;
		color: #323237;
		font-family: 'Muli', sans-serif;
		line-height: 30px;
		margin-bottom: 20px;
		margin-top: 170px;
		font-weight: 600;
	}

	#website #right .header {
		font-size: 30px;
		color: #323237;
		font-family: 'Muli', sans-serif;
		line-height: 30px;
		margin-bottom: 20px;
		margin-top: 50px;
		font-weight: 600;
	}

	#website .subheader {
		font-weight: bold;
	}

	#copyright-regler {
		width:600px;
		padding: 80px 0;
		margin: 0 auto;
	}
	


	#copyright-regler p,b {
		color: #323237;
		font-family: 'Muli', sans-serif;
		font-size: 20px;
	}
	
	#cases-artikel {
		width:600px;
		padding: 80px 0;
		margin: 0 auto;
	}
	
	#cases-artikel-full {
		width: 1300px;
		margin: 0 auto;
		margin-bottom: -40px;
		margin-top: -47px;
	}
	
	#cases-artikel img{
		width:100%;
	}
	
	#cases-artikel-full img{
		width:100%;
	}
	
	#cases-artikel p,b {
		color: #323237;
		font-family: 'Muli', sans-serif;
		font-size: 20px;
	}


	#pressure {
		width: 100%;
		padding: 80px 0;
	}



	#pressure #pressure-things .thing, 
	#pressure #meeting-things .thing {
		width: 400px;
		float: left;
		margin-bottom: 50px;
	}

	#pressure #pressure-things .thing:not(:nth-child(3n+3)), 
	#pressure #meeting-things .thing:not(:nth-child(3n+3)) {
		margin-right: 50px;
	}

	#pressure #pressure-things .thing img, 
	#pressure #meeting-things .thing img {
		display: block;
	}

	#results {
		width: 100%;
		padding: 80px 0;
	}

	#results .result {
		width: 415px;
		height: 250px;
		position: relative;
		float: left;
		margin-bottom: 35px;
	}

	#results .result img {
		display: block;
		width: 100%;
	}

	#results .result .info {
		position: absolute;
		bottom: 20px;
		left: 20px;
	}

	#results .result .info .type {
		color: #fff;
		font-family: 'Muli', sans-serif;
		font-size: 17.5px;
	}

	#results .result .info h4 {
		margin-top: 0;
	}

	#results .result:not(:nth-child(3n+3)) {
		margin-right: 27.5px;
	}

	#about-banner {
		background: url(../images/banner2.jpg);
	}

	#copyright-banner {
		background: url(../images/copyright.jpg);
	}
	
	#ob-banner {
		background: url(../images/banner-ob.jpg);
	}
	
	#grafisk-design {
		width: 100%;
		height: 550px;
		background: url(../images/grafik-design-cover.jpg);
	}
	
	#e-bog-banner {
		background: url(../images/e-bog-banner.jpg);
	}
	
	#stroget-banner {
		background: url(../images/stroget-banner.jpg);
	}

	#website-banner {
		background: url(../images/banner3.jpg);
	}

	#contact-banner {
		background: url(../images/banner.jpg);
	}

	#results-banner {
		background: url(../images/Grafisk-design.jpg);
	}

	#results-banner-two {
		background: url(../images/Grafik-billedebehandling.jpg);
	}

	#results-banner-tree {
		background: url(../images/Typografi-ombrydning.jpg);
	}

	#results-banner-four {
		background: url(../images/Grafisk-produktions-forstaaelse.jpg);
	}

	#pressure-banner {
		background: url(../images/banner4.jpg);
	}

	#about-banner, 
	
	#contact-banner, 
	#results-banner,
	#copyright-banner,
	#results-banner-two,
	#results-banner-tree,
	#results-banner-four, 
	#website-banner, 
	#pressure-banner {
		background-repeat: no-repeat;
		width: 100%;
		height: 450px;
		position: relative;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
				background-position: center;
	}
	
	
	#grafisk-design {
		background-repeat: no-repeat;
		width: 100%;
		height:570px;
		position: relative;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: center;
	}
	
	#grafisk-design #formular-container {
    float: left;
    padding:200px 0;
    height:450px;
    width: 720px;
	font-weight: 600;
	
	}
	
	#ob-banner {
		background-repeat: no-repeat;
		width: 100%;
		height:570px;
		position: relative;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
				background-position: center;
	}
	
	#ob-banner #formular-container {
    float: left;
    padding:200px 0;
    height:450px;
    width: 720px;
	font-weight: 600;
	
	}
	
	#e-bog-banner {
		background-repeat: no-repeat;
		width: 100%;
		height:570px;
		position: relative;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: center;
	}
	
	#e-bog-banner #formular-container {
    float: left;
    padding:200px 0;
    height:450px;
    width: 720px;
	font-weight: 600;
			background-position: center;
	}
	
	#stroget-banner {
		background-repeat: no-repeat;
		width: 100%;
		height:570px;
		position: relative;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
				background-position: center;
	}
	
	#stroget-banner #formular-container {
    float: left;
    padding:200px 0;
    height:450px;
    width: 720px;
	font-weight: 600;
	}

	#footer {
		background: #323237;
		padding: 70px 0;
	}

	#footer #left-menu {
		float: left;
		list-style-type: none;
	}

	#footer #left-menu li {
		float: left;
	}

	#footer #left-menu li:not(:last-child) {
		margin-right: 10px;
	}

	#footer #left-menu li span {
		font-size: 22.5px;
		color: #fff;
		font-family: 'Muli', sans-serif;
		line-height: 22.5px;
	}

	#footer #left-menu li a {
		font-size: 22.5px;
		color: #fff;
		text-decoration: none;
		font-family: 'Muli', sans-serif;
		line-height: 22.5px;
	}

	#footer #copy {
		float: right;
		font-size: 22.5px;
		color: #fff;
		font-family: 'Muli', sans-serif;
		line-height: 22.5px;
	}

	.center {
		width: 1300px;
		margin: 0 auto;
	}
	
	#pop {
		position: fixed;
		right: 20px;
		bottom: 20px;
		width: 500px;
		height: 180px;
		background: #5a6cb5;
		padding: 20px;
		display: none;
	}
	
	#pop h2 {
		margin-bottom: 10px;
	}
	
	#pop h2 span {
		float: right;
		font-size: 20px;
		padding: 0 12.5px;
		background:#b81900;
		cursor: pointer;
	}
	
	#pop p {
		font-family: 'Muli', sans-serif;
		color: #fff;
		margin-bottom: 10px;
	}
	
	#pop .btn {
		display: block;
		width: 100%;
	}
}

@media screen and (max-width: 1299px) {
	

	

	
	p{
		font-size:20px;
	}
	
	.date{
		margin-bottom:10px;
	}

	h1 a {
		color: #323237;
		text-decoration: none;
		font-weight: bold;
	}
	
	h1 {
		font-family: 'Muli', sans-serif;
		font-size: 30px;
		line-height: 30px;
		bottom: 45px;
		padding: 20px;
	}
	
	h1 span img {
		width: 30px;
		height: 30px;
		position: absolute;
		top: 20px;
		right: 20px;
	}
	
	h2 {
    font-family: 'Muli', sans-serif;
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 10px;
    color: #323237;
	}
	
	h3 {
		font-family: 'Muli', sans-serif;
		font-size: 50px;
		line-height: 50px;
		position: absolute;
		width: 100%;
		top: 150px;
	}

	#menu {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}


	#menu #left-menu {
		display: none;
	}

	#menu #left-menu li {
		float: left;
	}

	#menu #left-menu li:not(:last-child) {
		margin-right: 10px;
	}

	#menu #left-menu li span {
		font-size: 22.5px;
		color: #555f68;
		font-family: 'Muli', sans-serif;
		line-height: 22.5px;
	}

	#menu #left-menu li a {
		font-size: 22.5px;
		color: #555f68;
		text-decoration: none;
		font-family: 'Muli', sans-serif;
		line-height: 22.5px;
	}

	#menu #right-menu {
		float: right;
		list-style-type: none;
		position: absolute;
		top: 70px;
		background: #fff;
		width: 100%;
		display: none;
		z-index: 1323237;
	}

	#menu #right-menu li:not(:last-child) {
		margin-right: 10px;
	}

	#menu #right-menu li a {
		font-size: 20px;
		color: #555f68;
		text-decoration: none;
		font-family: 'Muli', sans-serif;
		line-height: 22.5px;
		padding: 10px 20px;
		display: block;
		border-top: 1px solid #ccc;
	}

	#menu #right-menu li a.active {
		color: #004773;
	}

	/*---HOME---*/
	#ebook {
		width: 100%;
		padding: 0 20px;
		background: url(../images/forside-banner.jpg);
	}
	
	#ebook-new {
		width: 100%;
		padding: 0 20px;
		background: url(../images/cases-portfolio-book);
	}

	#ebook #formular-container {
		padding: 20px 0;
		width: 100%;
	}

	#ebook #formular-container #ebook-signup table {
		width: 100%;
	}
	
	#ebook #formular-container #ebook-signup table tr td {
		display: block;
		padding-bottom: 20px;
	}

	#ebook #formular-container #ebook-signup table tr td input[type=text] {
		font-family: 'Muli', sans-serif;
		color: #323237;
		font-size: 15px;
		padding: 10px;
		background: #fff;
		display: block;
		width: 100%;
	}
	
	#ebook #formular-container #ebook-signup table tr td input[type=submit]:hover {
		color: #fff;
	}

	#ebook #formular-container #ebook-signup table tr td input[type=submit] {
    width: 100%;
    display: block;
    width: 100%;
    border-color: #e0a500;
    background: -webkit-gradient(linear,left top,left bottom,from(#fce173),to(#ffb900));
    background: linear-gradient(180deg,#fce173,#ffb900);
    color: #474747;
    border: none;
	}

	#ebook img {
		display: none;
	}

	#ebook #failed {
		margin-top: 20px;
		background: #b81900;
		color: #fff;
		font-size: 15px;
		padding: 10px 20px;
		border-radius: 5px;
		box-shadow: 0 2px 2px #333;
		font-family: 'Muli', sans-serif;
		display: block;
	}
	
	

	#company-worth {
		width: 100%;
		padding:50px 0;
		padding-left:25px;
		padding-right:25px;
	}
	

	#company-worth #pressure {
		width: 100%;
		height: 320px;
		float: left;
		background: url(../images/alt-med-tryk-mobil.jpg);
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding: 50px 30px;
		margin-top:30px;
	
	}

	#company-worth #website {
		width:100%;
		height: 300px;
		float: left;		
		background-color:#000;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding:70px 30px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		margin-bottom:20px;
		text-align:center;
	}
	
	#website h2{
		margin-bottom:50px;
	}
	
	
	#grafisk-design {
		width: 100%;
		height:450px;
		background: url(../images/grafik-design-cover.jpg);
	}
	
	#grafisk-design {
		background-repeat: no-repeat;
		width: 100%;
		height:450px;
		position: relative;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: center;
	}
	
	#grafisk-design #formular-container {
    float: left;
    height: 450px;
	padding:30px;
	margin-top:70px;
    width: 100%;
    font-weight: 600;
    background-position: center;
	
	}
	
	
	
	.background-one{
		background: url(../images/hjemmeside-computer.jpg);
	}
	
	.background-two{
		background: url(../images/seneste-blog.jpg);
	}
	
	.background-tre{
		background: url(../images/cases.jpg);
	}
	
	.background-four{
		background: url(../images/Contact.jpg);
	}
	#banners {
		width: 100%;
		padding: 50px 30px;
		background: url(../images/svendeprove.jpg);
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	#banners .button {
		display: block;
		float: none !important;
		margin: 0 0 20px 0;
	}
	
	#three-boxes {
		background: #ebebeb;
		width: 100%;
	}

	#three-boxes .box {
		padding: 50px 20px;
		width: 100%;
	}

	#three-boxes .box p {
		font-size: 20px;
		color: #323237;
		font-family: 'Muli', sans-serif;
		line-height: 22.5px;
	}

	#three-boxes .box a {
		font-size: 20px;
		color: #323237;
		font-family: 'Muli', sans-serif;
		line-height: 22.5px;
		font-weight: bold;
		text-decoration: none;
	}
	
	

	#three-boxes .box a:hover {
		text-decoration: underline;
	}

	#three-boxes .box:not(:first-child):not(:last-child) {
		background: #323237;
	}

	#latest-blogs {
		width: 100%;
		margin: 40px auto 0 auto;
		padding: 0 30px;
	}

	#latest-blogs .blog {
		width: 100%;
	}

	#latest-blogs .blog .date {
		font-family: 'Muli', sans-serif;
		text-align: left;
		font-size: 12.5px;
		color: #323237;
		font-weight: bold;
	}


	#latest-blogs .blog img {
		display: block;
		margin-bottom: 40px;
		width: 100%;
	}
	
	.news{
		font-size:22px;
		font-weight:800;
		line-height:25px;
	}
	
	#latest-blogs .blog a {
		text-decoration: none;
	}

	#latest-blogs .blog:not(:last-child) {
		margin-right: 35px;
	}

	#call-me {
		background: #eee;
		padding: 20px;
	}

	#call-me h2 {
		font-size:23px;
		line-height:22px;
		text-align:center;
	}
	
	#call-me span  {
		text-align:center;
	}
	


	#call-me table {
		width: 100%;
		margin: 0 auto;
		
	}

	#call-me table tr:first-child td {
		font-family: 'Muli', sans-serif;
		font-size: 15px;
		line-height: 15px;
		padding-bottom: 10px;
		color: #323237;
		display: block;

	}	

	#call-me table tr td input[type=text] {
		background: #fff;
		padding: 10px;
		display: block;
		width: 100%;
		font-family: 'Muli', sans-serif;
		font-size: 20px;
		line-height: 20px;
	}
	
	#call-me table tr td input[type=submit]:hover {
		color: #fff;
	}

	#call-me table tr td input[type=submit] {
		display: block;
		width: 100%;
		border-color: #e0a500;
		background: -webkit-gradient(linear,left top,left bottom,from(#fce173),to(#ffb900));
		background: linear-gradient(180deg,#fce173,#ffb900);
		color: #474747;
	}

	#me {
		width: 100%;
		padding: 40px 20px;
	}

	#me img {
		width: 100%;
		padding-bottom: 20px;
	}

	#me #personal {
		width: 100%;
		margin-bottom: 40px;
	}

	#me #personal p {
		font-size: 17.5px;
		color: #323237;
		text-decoration: none;
		font-family: 'Muli', sans-serif;
		line-height: 22.5px;
	}
	
	#me #cv .box {
		width: 100%;
		margin-bottom: 20px;
	}

	#me #cv .box p {
		font-size: 17.5px;
		color: #323237;
		font-family: 'Muli', sans-serif;
	}

	#me #cv .box .header {
		font-size: 22.5px;
		color: #323237;
		font-family: 'Muli', sans-serif;
	}

	#what-they-say {
		background: #323237;
		padding: 20px;
	}

	#what-they-say #say-container {
		width: 100%;
		position: relative;
	}

	#what-they-say #say-container #left {
		position: absolute;
		top: 170px;
		margin-top: -30px;
		left: 0;
		cursor: pointer;
	}

	#what-they-say #say-container #right {
		position: absolute;
		top: 170px;
		margin-top: -30px;
		right: 0;
		cursor: pointer;
	}

	#what-they-say #say-container #middle {
	}

	#what-they-say #say-container #middle .say {
		width: 100%;
		height: 100%;
	}

	#what-they-say #say-container #middle .say:not(:first-child) {
		display: none;
	}

	#what-they-say #say-container #middle .say img {
		width: 100%;
		padding: 70px;
	}

	#what-they-say #say-container #middle .say .main-header {
		font-size: 22.5px;
		color: #fff;
		font-family: 'Muli', sans-serif;
		line-height: 22.5px;
		font-weight: bold;
	}

	#what-they-say #say-container #middle .say .citation {
		font-size: 30px;
		color: #fff;
		font-family: 'Muli', sans-serif;
		line-height: 35px;
		font-weight: bold;
		font-style: italic;
	}

	#what-they-say #say-container #middle .say .name{
		font-size: 22.5px;
		color: #fff;
		font-family: 'Muli', sans-serif;
		line-height: 30px;
		margin-top: 15px;
	}

	#what-they-say #say-container #middle .say .position {
		font-size: 15px;
		color: #fff;
		font-family: 'Muli', sans-serif;
		line-height: 15px;
	}

	#website {
		width: 100%;
		padding: 40px 20px;
	}

	#website #left img {
		width: 100%;
	}

	#website #right img {
		width: 100%;
	}

	#website p {
		color: #323237;
		font-family: 'Muli', sans-serif;
		font-size: 20px;
	}

	#website #left .header {
		font-size: 30px;
		color: #323237;
		font-family: 'Muli', sans-serif;
		line-height: 30px;
		margin-bottom: 20px;
		margin-top: 40px;
	}

	#website #right .header {
		font-size: 30px;
		color: #323237;
		font-family: 'Muli', sans-serif;
		line-height: 30px;
		margin-bottom: 20px;
		margin-top: 50px;
	}

	#website .subheader {
		font-weight: bold;
	}

	#copyright-regler {
		width: 100%;
		padding: 40px 20px;
		margin: 0 auto;
	}
	
	#cases-artikel {
		width: 100%;
		padding: 40px 20px;
		margin: 0 auto;
	}
	
	#cases-artikel img{
		width:100%;
	}

	#copyright-regler p,b {
		color: #323237;
		font-family: 'Muli', sans-serif;
		font-size: 20px;
	}


	#pressure {
		width: 100%;
		padding: 40px 20px;
	}
	
	#pressure h4 {
		text-align: center;
	}		
	
	#pressure #pressure-things .thing, 
	#pressure #meeting-things .thing {
		width: 100%;
		margin-bottom: 40px;
	}

	#pressure #pressure-things .thing img, 
	#pressure #meeting-things .thing img {
		display: block;
		width: 100%;
	}

	#results {
		width: 100%;
		padding: 50px 0;
	}

	#results .result {
		width: 100%;
		position: relative;
		float: left;
	}

	#results .result img {
		display: block;
		width: 100%;
	}

	#results .result .info {
		position: absolute;
		bottom: 20px;
		left: 20px;
	}

	#results .result .info .type {
		color: #fff;
		font-family: 'Muli', sans-serif;
		font-size: 17.5px;
	}

	#results .result .info h4 {
		margin-top: 0;
	}

	#results .result:not(:nth-child(3n+3)) {
		margin-right: 27.5px;
	}

	#about-banner {
		background: url(../images/banner2.jpg);
	}

	#copyright-banner {
		background: url(../images/copyright.jpg);
	}

	#website-banner {
		background: url(../images/banner3.jpg);
	}
	
	#ob-banner {
		background: url(../images/banner-ob.jpg);
	}
	
	#e-bog-banner {
		background: url(../images/e-bog-banner.jpg);
	}


	#contact-banner {
		background: url(../images/banner.jpg);
	}

	#results-banner {
		background: url(../images/Grafisk-design.jpg);
	}

	#results-banner-two {
		background: url(../images/Grafik-billedebehandling.jpg);
	}

	#results-banner-tree {
		background: url(../images/Typografi-ombrydning.jpg);
	}

	#results-banner-four {
		background: url(../images/Grafisk-produktions-forstaaelse.jpg);
	}

	#pressure-banner {
		background: url(../images/banner4.jpg);
	}

	#about-banner, 
	#contact-banner, 
	#e-bog-banner,
	#copyright-banner,
	#results-banner-two,
	#results-banner-tree,
	#results-banner-four, 
	#website-banner, 
	#pressure-banner {
		background-repeat: no-repeat;
		width: 100%;
		height:400px;
		position: relative;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	#results-banner,
	#results-banner-two,
	#results-banner-tree,
	#results-banner-four {
		height: 600px;
		padding: 0 20px;
	}
	
	#e-bog-banner #formular-container {
    float: left;
    height: 450px;
	padding:20px;
    width: 100%;
    font-weight: 600;
    background-position: center;
	}
	
	#e-bog-banner h4{
		font-size:40px;

	}
	
	#e-bog-banner .date{
		padding-top:100px;
	}
	
	#ob-banner {
		background-repeat: no-repeat;
		width: 100%;
		height:450px;
		position: relative;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: center;
	}
	
	#ob-banner #formular-container {
    float: left;
    height: 450px;
	padding:20px;
    width: 100%;
    font-weight: 600;
    background-position: center;
	}
	
	#ob-banner .date{
		padding-top:100px;
	}
	
	#stroget-banner {
		background-repeat: no-repeat;
		width: 100%;
		height:450px;
		position: relative;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
				background-position: center;
	}
	
	#stroget-banner #formular-container {
    float: left;
    padding:20px;
    height:450px;
    width:100%;
	font-weight: 600;
	}
	
		#cases-artikel-full {
		width:90%;
		margin: 0 auto;
		padding-bottom:20px;
	}
	
	#cases-artikel img{
		width:100%;
	}
	
	#cases-artikel-full img{
		width:100%;
	}
	
	#stroget-banner {
		background: url(../images/stroget-banner.jpg);
	}
	
	#stroget-banner .date{
		padding-top:100px;
	}
	
	h3 {
		position: relative;
	}
	
	h3 .btn {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}

	#footer {
		background: #323237;
		padding: 70px 30px;
	}

	#footer #left-menu {
		list-style-type: none;
		width: 100%;
	}
	
	#footer #left-menu li:nth-child(even) {
		display: none;
	}

	#footer #left-menu li span {
		font-size: 22.5px;
		color: #fff;
		font-family: 'Muli', sans-serif;
		line-height: 22.5px;
		
	}

	#footer #left-menu li a {
		font-size: 22.5px;
		color: #fff;
		text-decoration: none;
		font-family: 'Muli', sans-serif;
		line-height: 22.5px;
		padding-bottom: 20px;
		display: block;
		text-align: left;
	}

	#footer #copy {
		font-size: 22.5px;
		color: #fff;
		font-family: 'Muli', sans-serif;
		line-height: 22.5px;
		text-align: left;
		margin-top: 20px;
	}

	.center {
		width: 100%;
	}
	
	#pop {
		position: fixed;
		right: 0px;
		bottom: 0px;
		top: 70px;
		left: 0px;
		background: #333;
		padding: 20px;
		display: none;
	}
	
	#pop h2 {
		margin-bottom: 20px;
	}
	
	#pop h2 span {
		float: right;
		font-size: 20px;
		padding: 0 12.5px;
		background: red;
	}
	
	#pop p {
		font-family: 'Muli', sans-serif;
		color: #fff;
		margin-bottom: 20px;
	}
	
	#pop .btn {
		display: block;
		width: 100%;
	}
}

.button {
    border: 1px solid #000000;
    cursor: pointer;
    border-color: #FFF;
	    text-transform: uppercase;
    color: #fff;
	text-align: center;
	padding: 10px 30px;
	font-size: 20px;
	line-height: 20px;
	cursor: pointer;
	font-family: 'Muli', sans-serif;
	text-decoration: none;
	border-radius: 5px;
}




.banner-header-flavor {
	font-family: 'Muli', sans-serif;
	font-size: 23px;
	line-height: 40px;
	position: absolute;
	top: 260px;
	width: 100%;
	color:#323237;
	font-weight:900;
	
}

.header-flavor {
	font-family: 'Muli', sans-serif;
	font-size:20px;
	line-height: 1.5em;
	margin-bottom: 40px;
	display: block;

}


.color-white {
	color: #fff;
	
}

.color-grey {
	color: #323237;
}

.text-left {
	text-align: left;
	color: #323237;
	

}

.text-center {
	text-align: center;
	color: #fff;
}

.clear {
	clear: both;
}