@charset "UTF-8";
/* CSS Document */

*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
/*--- Kolonner: ---*/

.col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10{
	padding:0 1%;
	float:left;
}
.col12{
	padding:0 1%;
}

.col2{
	width:16.666%;
}
.col3{
	width:25%;
}
.col4{
	width:33.333%;
}
.col5{
	width:41.666%;
}
.col6{
	width:50%;
	padding:1em;
}
.col7{
	width:58.333%;
}
.col8{
	width:66.667%;
}
.col9{
	width:75%;
}
.col10{
	width:83.333%;
}
.col12{
	width:100%;
	text-align:center;
	 
}

html{
	overflow-y:scroll;
	-moz-scrollbars:vertical;
	background-color:#FFF;
}

.clearfix:after{
	display:table; 
	content:""; 
	clear:both;
}

body{
	background-color:#b7853e;
}

#wrapper{
    max-width:1280px;
    margin:0 auto; 
	background-color:#f4dbb7;
	font-family: 'Josefin Sans', sans-serif; 
}
	
h1, h2{
	text-align:center; 
	margin:0; 
	padding:0;
}

h1{
	padding-top:5px;
	clear:both;
}

nav{
	 margin:0 auto;
	 background-color:#b7853e;
}
 
nav a{
	font-size:1.5em;
	outline:none; 
	text-decoration:none; 
	color:#FFF;
	padding:3.5em;
	margin-top:5%;
}

nav table{
	/*width:600px; */
	margin:0 auto;
}

nav td{
	margin:0; 
	padding:0 2em;

	
}

img{
	width: 100%;
	height: auto;	
}

a{
	outline:none; 
	text-decoration:none; 
	color:#000;
} 

p{
	font-size:0.9em; 
	line-height:1.5em; 
	color:#000;
	
}


hr{
	padding-top:0; 
	margin-top:0;
}

.center {
	float: none;
	margin: 0 auto;
}

.pile{
	text-align:center;

}

.pile img{
	width: 17%;
	margin:1%;
}

section{
	margin-top:5%;
}

.left{
	margin-left:11%;
}

.navne{
	margin-right:5%;
}

video{
	width: 100%;
	height: auto;
}

/*.navne a{
	magin-left:5%;
}*/

.map{
	text-align:right;
	width:50%;
	margin:5%;
	margin-left:24%;
	
}

map img{
	width:50%;
	height:auto;
}

footer{
	background-color:#f4dbb7;
	clear:both;
}

footer p{
	text-align:right;
}

col3 right{
	text-align:right;
	float:right;	
}

col3 midt{
	text-align:center;
	float:center;
}

col3 left{
	text-align:left;
	float:left;
}

#mobilmenu{
	display:none;
}
#mobilmenu a{
	display:block;
	width:100%;
	text-align:center;
	padding:1em 0;
}
@media screen and (max-width:767px){
	nav td{
		padding:0 1em;
	}
}
@media screen and (max-width:480px){
	#mobilmenu{
		display:block;
	}
	nav table{
		display:none;
	}
	.col6, .col3, .col2{
		width:100%;
	}
}