@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
p{
	padding-bottom:1em;
	color:#333; 
	line-height:1.6em;
}
.clearfix::after{
	display:table;
	content:"";
	clear:both;
}
img, video, table, tr, td{
	width:100%;
	height:auto;		
}
img{
	border:solid 1px #333;
}
/* ------ */
body{
	max-width:900px; 
	margin:0 auto; 
	font-family:Tahoma, Geneva, sans-serif; 
	font-size:0.9em;
	background-color:#ebdfca;
}
#wrapper{
	background-color:#c4bbac;
	padding-bottom:1em; 
}
h1{
	font-weight:normal; 
	text-align:center; 
	padding:1em 0;
}
header{
	padding:0 1% 2em;
}
header, nav a{
	font-family: 'Cherry Swash', cursive; 
	color:#FFF;
}
nav{	
	margin-bottom:2em;
}
nav a{
	font-size:1.2em; 
	text-decoration:none; 
	display:block;
	float:left;
	width:25%;
	text-align:center;
}
.left{
	width:60%;
	padding:0 1%;
	float:left;
}
.right{
	width:40%;
	padding:0 1%;
	float:right;
}
.navne{
	color:#930;
}
video{
	outline:none;
}
.streger{
	clear:both; 
	border-top:dashed 1px #969; 
	border-bottom:dashed 1px #969; 
	margin:2em 1% 1em; 
	padding:0.5em 0; 
	text-align:center;
}
audio{
	width:100%; 
	outline:none;
}
footer a{
	text-decoration:none; 
	color:#930;
}
/*.note{
	font-size:0.8em;
}*/
@media screen and (max-width:600px){
	.left, .right{
		width:100%;
		float:none;
	}
	.left{
		margin-bottom:1em;
	}
}
@media screen and (max-width:500px){
	nav a{
		font-size:1.5em; 
		float:none;
		width:100%;
		padding:0.5em;
	}
}