*{
	margin:0;
	padding:0;
}

html{
	/*background-color: black;
	background-image: "/bilder/cueva/cueva_website_bg.png";*/
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
}

body{
	background-color: #2a2622;
	/*background-image: "~/bilder/cueva/cueva_website_bg.png";*/
	overflow-x: hidden;
}



/* CONTENT */

@font-face {
    font-family: "Vinque Antique";
    src: url("bilder/cueva/vinque antique bd.otf") format("opentype");
}

@font-face {
    font-family: "Vinque Antique italic";
    src: url("bilder/cueva/vinque antique bd it.otf") format("opentype");
}

/*#mainDiv{
	width: 100%;
	height: 100%;
	position: absolute;
	overflow-x: hidden;
	overflow-y: visible;
}*/

#video{
	position: absolute;
	width: 100%;
}
#video iFrame{
	position: absolute;
	left: 50%;
	margin-top: 300px;
	width: 560px;
	height: 330px;
	margin-left: -280px;
	background-color: #999;
}


#title{
	position: absolute;
	width: 600px;
	height: 612 * 1024/656px;
	margin-left: -310px;
	margin-top: -40px;
	left: 50%;
	pointer-events: none;
}

#mainImg{
	overflow-x: hidden;
	position: absolute;
	width: 1600px;
	height: 1600 * 2048/1341px;
	margin-left: -785px;
	margin-top: 0px;
	left: 50%;
	pointer-events: none;
}


h1{
	font: 26pt/1em "Vinque Antique Italic";
	color: white;
	position: absolute;
	left: 50%;
	width: 500px;
	text-shadow: #2a2622 0px 5px 20px;
}

h1 b{
	font: 26pt/0.9em "Vinque Antique";
	color: #f6e2d6;
}

h1#text1{
	color: #dca976;
	/*color: #9f724e;*/
	margin-left: -270px;
	margin-top: 660px;
	transform: rotate(-1deg);
}

h1#text2{
	color: #ca9056;
	text-align: right;
	margin-left: -200px;
	margin-top: 740px;
	transform: rotate(1deg);
}

h1#text3{
	/*color: #dca976;*/
	color: #9f724e;
	text-align: center;
	margin-left: -350px;
	margin-top: 860px;
	transform: rotate(-1deg);
}

a{
	text-decoration: none;
	color: #f6e2d6;
}


/* FOOTER */
#footer{
	position: absolute;
	width: 30em;
	left: 50%;
	top: 980px;
	margin-left: -15em;
	/*background-color: red;*/
	text-align: center;
}

#footer a{
	margin: 10px;
	color: #f6e2d655;
}


/* MOBILE */

@media only screen and (max-width : 700px) {
	h1#text1{
		margin-left: -240px;
		transform: scale(0.8);
	}

	h1#text2{
		margin-left: -265px;
		transform: scale(0.8);
	}

	h1#text3{
		margin-left: -300px;
		transform: scale(0.8);
	}

	#title{
		transform: scale(0.85);
	}
}