@charset "utf-8";
/* CSS Document */
html,body{
height: 100%;
background-color: RGB(207,191,175);
}

.native-ads .info-bar, .native-ads .native-content {
	padding: 0;
	}	

.logo-bar {
	overflow: hidden;
  	background-color: #000;
  	position: fixed;
  	top: 0;
  	width: 100%;
	z-index: 3;
	}

.logo-bar a {
	float: left;
	display: block;
	padding: 15px 20%;
	text-decoration: none;
	}

.native-ads .share-icon {
	margin-top: -78px;
	}


.native-ads .ad-image {
	display: none;
	}

.parallax-container1{
	/* Define the height of the container
    where the image will be */
    height:80%;
	margin: 0;
	padding: 0;
}

.parallax-container2{
	/* Define the height of the container
    where the image will be */
    height:80%;
	margin: 0;
	padding: 0;
}

.header-content {
	padding-top: 35%;
	text-align: center;
	position: absolute;
	width: 100%;
	z-index: 2;
	}

	.header-content h1 {
	opacity: 1.0;
	font-size: 280%;
	color: #fff;
	margin: 0;
	border-bottom: solid #07C 1px;
	z-index: 3;
	padding-bottom: 1%;
	}
	
	.header-content h2 {
	font-size: 1.2em;
	color: #fff;
	text-align: center;
	margin: 1%;
	font-weight: normal;
	z-index: 3;
	}

.youvideo-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.youvideo-container iframe,
.youvideo-container object,
.youvideo-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


#video-container-boks-desktop {
	position: relative;
	padding: 0;
	background-color: #cfbfaf;
	display: block;
}

#video-container-boks-mobile {
	display: none;
}

#top-desktop-billed {
	display: block;
    background-repeat: no-repeat;
	width: 100%;
    background-attachment: scroll;
	margin-top: -1px;
}	

#top-video {
	top: 0;
	left: 0;
	width: 100%;
	margin-top: -84px;
}

video {
	width: 100%;
}	
	
.top-mobil-parallax {
	display: none;
}


p {
    max-width: 720px;
	text-align: left;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-style: normal;
	font-weight: normal !important;
	line-height: 150% !important;
	font-size: 16px;
}

h3-sun {
    max-width: 600px;
	text-align: left;
	font-style: bold;
	font-weight: normal !important;
	line-height: 150% !important;
	font-size: 18pt;
	color: #ed32ab;
}
	
.artikeltekst {
	background-color: #cfbfaf;
	margin: auto;
	max-width: 100%;
	padding: 2% 0;
}

blockquote {
    max-width: 450px !important;
	color: #ed32ab;
}

em {
    font-size: 22px;
	text-align: center;
	font-family: "PT Serif", Georgia, serif;
}

citatnavn {
	text-align: center;
	font-style: normal;
	line-height: 250%;
	font-size: 80%;
}
	

billed-viser { 
	width: 100%;
}
	
.desktop {
	display: inline;
	margin: auto;
	background-color: #cfbfaf;
	}
	
.mobile {
	display: none;
	background-color: #cfbfaf;
}

.laksbgboks {
	width: 100%;
	background-color: #CCB7A5;
}

.laksbgboks strong {
	font-weight: bold;
	font-size: 2.0em;
}

.image-caption {
	position: relative;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	max-width: 720px;
	background-color: #CCB7A5;
}


.image-caption img {
	top: 0;
	left: 0;
	width: 100%;
}

.image-caption description {
	text-align: left;
	font-size: 100%;
	font-family: "PT Serif", Georgia, serif;
	max-width: 720px;
}

/*
.detailed-presentation .details.top, .detailed-presentation .details .top {
	margin-bottom: -20px;
}

.detailed-presentation .details .bottom {
	margin-bottom: 0px;
	}
.detailed-presentation .details .share.protected {
	margin-top: 0px;
}

.footer-wrapper ul {
	list-style: none;
	padding-left: 5%;
}

.footer-container .bottom-menu {
	list-style-type: none;
	overflow: hidden;
	margin-top: 20px;
}

.footer-container .bottom-menu .bottom-section {
    width: 49%;
    display: inline-block;
    float: none;
    padding: 0px;
    vertical-align: top;
    font-size: 12px;
}

.footer-container .native-apps .app {
	margin-right: 1%;
	margin-bottom: 1%;
}

.bottom-menu li {
	margin: 10px 0;
}

.bottom-section {
	margin-bottom: 30%;
	text-align: left;
}

.wall-of-text ul li {
	margin: 1% 0;
}
*/


@media only screen and (max-width: 1715px) {
	#top-video {
	margin-top:-110px;
	}
	
	.native-ads .share-icon {
	margin-top: -96px;
	}
	
	.header-content {
	padding-top: 32%;
	}
	
}


@media only screen and (max-width: 1200px) {
		
	.header-content h1 {
	font-size: 260%;
	}
	
	.header-content h2 {
	font-size: 130%;
	}
	
	.header-content {
	padding-top: 24%;
	}
	
}


@media only screen and (max-width: 960px) {
	
	.header-content {
	padding-top: 23%;
	}
	
	.header-content h1 {
	font-size: 200%;
	}
	
	.native-ads .share-icon {
	margin-top: -96px;
	}
	
}

@media only screen and (max-width: 918px) {
		
	.native-ads .share-icon {
	margin-top: -145px;
	}
	
}

@media only screen and (max-width: 800px) {
	.header-content {
	padding-top: 23%;
	}	
		
	.header-content h1 {
	font-size: 170%;
	}
	
	.header-content h2 {
	font-size: 90%;
	}
	
	.native-ads .share-icon {
	margin-top: -145px;
	}
}


@media only screen and (max-width: 700px) {
	
	.logo-bar {
	overflow: hidden;
  	background-color: #000;
  	position: fixed;
  	top: 0;
  	width: 100%;
	z-index: 3;
	}

	.logo-bar a {
	float: left;
	display: block;
	padding: 15px 30%;
	text-decoration: none;
	}
	
	.native-ads .share-icon {
	margin-top: -256px;
	}
	
	.native-ads .info-bar, .native-ads .native-content {
	padding: 0;
	}
	
	.parallax-container1{
	/* Define the height of the container
    where the image will be */
    height: 0%;
	margin: 0;
	padding: 0;
	}
	
	.parallax-container2{
	/* Define the height of the container
    where the image will be */
    height: 0%;
	margin: 0;
	padding: 0;
	}
	
	.header-content {
	padding: 0;
	margin-top: -28%;
	text-align: center;
	padding-top: 110%;
	width: 100%;
	position: absolute;
	z-index: 2;
	}

	.header-content h1 {
	opacity: 1.0;
	font-size: 200%;
	color: #fff;
	margin: 0;
	border-bottom: solid #07C 1px;
	}
	
	.header-content h2 {
	font-size: 0.8em;
	color: #fff;
	text-align: center;
	margin: 2%;
	font-weight: normal;
	}
	
	#top-video {
    display: none;
	}
	
	#video-container-boks-mobile {
		position: relative;
		padding: 0;
		background-color: #cfbfaf;
		display: block;
	}

	#video-container-boks-desktop {
		display: none;
	}

	
	.top-mobil-parallax {
	display: block;
    background-repeat: no-repeat;

    /* Full height */
    /*height: 100%;*/ 
	width: 100%;

    /* Create the parallax scrolling effect */
    background-attachment: scroll;
	}

	.artikeltekst {
		padding: 3% 2%;
	}
	
	p {
	padding: 3%;
	}
	
	.desktop {
	display: none;
	}
	
	.mobile {
	display: inline;
	}
	
		
	.image-caption description {
		text-align: left;
	}
	
	.image-caption {
	position: relative;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	font-size: 100%;
}

.image-caption img {
	top: 0;
	left: 0;
	width: 100%;
}
	
	.image-caption-grafik {
	width: 100%;
	
	}
}

@media only screen and (max-width: 440px) {
	.header-content {
	padding-top: 96%;
	}
	
	.header-content h1 {
	font-size: 140%;
	}
	
	.header-content h2 {
	font-size: 80%;
	}
}

@media only screen and (max-width: 340px) {
	.native-ads .share-icon {
	margin-top: -260px;
	}
}


@media only screen and (max-width: 300px) {
	.header-content {
	padding-top: 80%;
	}
	
	.native-ads .share-icon {
	margin-top: -300px;
	}
}