@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;	
}
html{overflow-y:scroll; 
	-moz-scrollbars:vertical;
	}
body{ 
	background-color:#000; 
	font-family: 'Raleway', sans-serif;
	background-image:url(images/bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:100%;
	}
#wrapper{
	max-width:1280px;
	margin:0 auto;
	color:#FFF;
}
.clearfix:after{
	content:"";
	display:table;
	clear:both;	
}
img{
	width:100%;
	height:auto;	
	border:solid 1px #FFF;
}
header{
	height:8em;	
}
h1{	
	font-size:6em;
	text-align:right;
}
nav ul{
	text-align:center;
	padding:1em 0 3em;
}
nav li{
	display:inline-block;
	font-size:2em;
	float:left;
	width:25%;
	text-align:center;
}
a{
	text-decoration:none;
	color:#FFF;
}
p{
	font-size:0.95em;
	color:#FFF;
	padding:0 0 1em; 
	line-height:1.3em;	
}
section{
	padding-bottom:2em;
}
footer{
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	margin:1em 0;	
	text-align:center;
}
footer a{
	padding:10%;
	line-height:3em;
}

/*--- Trailer: ---*/
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* - for 16:9 video*/
    /*padding-bottom: 75%;*/  /* - for 4:3 video*/
    padding-top: 35px;
    height: 0;
    overflow: hidden;
	border:solid 1px #FFF;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.map-container {
    position: relative;
    padding-bottom: 56.25%; /* - for 16:9 video*/
    /*padding-bottom: 75%;*/  /* - for 4:3 video*/
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	border:solid 1px #FFF;
}
.map-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*--- Kolonner: ---*/
.four, .five, .six, .seven, .eight{
	padding:0 1%;
	float:left;
}
.four{
	width:33.333%;
}
.five{
	width:41.666%;
}
.six{
	width:50%;
}
.seven{
	width:58.333%;
}
.eight{
	width:66.667%;
}
/*--- Film - opvej h2 i kol1: ---*/
h2{
	line-height:2em; /*font-size er 1.5em - dvs 3em ialt*/	
}
.col2{
	padding-top:3em;
}

/*--- Cast: ---*/
table{
	padding:0 0 2em;	
	width:100%;
}
td{
	width:50%;
}
caption{
	font-size:1.5em;
	line-height:2em;
	text-align:left;
	font-weight:bold;	
}
/*--- Media Queries: ---*/
@media screen and (max-width:1280px){
	#wrapper{
		max-width:98%;	
	}
}
@media screen and (max-width:1024px){
	.four, .eight{
		width:50%;
	}
	h1{
		font-size:3em;
	}
	header{
		height:4em;	
	}
	nav li{
		font-size:1.5em;
	}
}
@media screen and (max-width:600px){
	.four, .five, .six, .seven, .eight{
		width:100%;
		float:none;
	}
	nav li{
		font-size:1em;
	}
}
@media screen and (max-width:380px){
	h1{
		font-size:2em;
		text-align:center;
	}
	header{
		height:3em;	
	}
	nav li{
		display:block;
		float:none;
		width:100%;
		font-size:1.5em;
		padding:0.3em 0;
	}
}