@charset "utf-8";
* {
	margin: 0;
}

html, body {
	font-size:1em;
	/*font-family: "Montserrat", Arial, Helvetica, sans-serif;*/
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	line-height:1.4em;
	color:#fff;
	background-color: #aaa;
/*	-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment:fixed;
	background-image: url(images/edmfk23_back_pic.jpg);
	background-repeat: no-repeat;
	background-position: center center;*/
	
	-webkit-background-size: auto, cover;
	-moz-background-size: auto, cover;
	-o-background-size: auto, cover;
	background-size: auto, cover;
	background-attachment:fixed, fixed;
	background-image: url(images/pattern.png), url(images/nd26_back1.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center center, center top;
	
}


body{margin:0;background:transparent}

video {
position:fixed;
right:0;
bottom:0;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
z-index:-100;
  background-color: transparent;

  background-position: center center;
  background-size: contain;
  object-fit: cover;
/*	-webkit-background-size: cover;
	-moz-background-size:  cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment:fixed;
	background-image: url(images/edmfk22_back_pic.jpg);
	background-repeat: no-repeat;
	background-position: center center;*/
-webkit-transition:1s opacity;
transition:1s opacity
}


/************************************************
*	Hyperlinks									*
************************************************/

a:link {
	color: #fff;
	text-decoration: none;
	outline: 0;
}
a:visited {
	color: #fff;
	text-decoration: none;
	outline: 0;
}
a:hover {
	color: #fff;
	text-decoration: underline;
	outline: 0;
}
a:active {
	color: #fff;
	text-decoration: none;
	outline: 0;
}


a:link {
	color: #da0e2f;
	text-decoration: none;
	outline: 0;
}
a.redlink:visited {
	color: #da0e2f;
	text-decoration: none;
	outline: 0;
}
a.redlink:hover {
	color: #da0e2f;
	text-decoration: underline;
	outline: 0;
}
a.redlink:active {
	color: #da0e2f;
	text-decoration: none;
	outline: 0;
}

a:focus {
	outline: 0;
}


/************************************************
*	Titles									*
************************************************/
.title, h4, h2, h3, h1, .monserrat {
font-family: "Montserrat", Arial, Helvetica, sans-serif;	
}
h2 {
clear:left;
float:left;
/*color:#da0e2f;
color:#ad9172;*/
color:#fff;
font-size:3em;
line-height:1.2em;
font-weight:700;
width:100%;
text-align:center;
}

h3 {
clear:left;
float:left;
/*color:#da0e2f;
color:#ad9172;*/
color:#fff;
font-size:2.4em;
line-height:2.2em;
font-weight:700;
width:100%;
text-align:center;
}

h4 {
clear:left;
float:left;
/*color:#da0e2f;
color:#ad9172;*/
color:#fff;
font-size:2em;
line-height:2em;
font-weight:700;
width:100%;
text-align:center;
}

#webposter {
height:1px;
visibility:hidden;
}
.title {
font-size:2.8em;
line-height:1.3em;
color:#fff;
font-weight:400;
text-align:center;
margin-top:30px;
}

.edmfk {
font-size:1em;
line-height:0.8em;
color:#fff;
font-weight:400;
}

#tartu {
/*color:#ad9172;*/
color:#fff;
font-size:2.1em;
line-height:1.2em;
font-weight:700;
margin:60px 0 0 0;
text-align:center;
}

.artistid {
color:#ad9172;
font-size:2.4em;
line-height:1.2em;
font-weight:700;
margin:0;
width:100%;
text-align:center;
}



.darktransp {
background-image: url(images/darktransp.png);	
}

.controlbutt{
float:left;
color:#fff;
font-size:1.1em;
font-weight:400;
font-family: "Monsterrat", Arial, Helvetica, sans-serif;
margin:50px 20px 0 0;

width:90px;
height:90px;

text-align:center;

background-color:#45619d;
color:#fff;
padding:25px 5px;
border:none;
-moz-border-radius: 80px;
-webkit-border-radius: 80px;
-khtml-border-radius: 80px;
border-radius: 80px;
/*box-shadow: 0 0 5px rgba(0, 0, 0, 1);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 1); 
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 1); */	
border-style:none;
outline:none;
}



.controlbutt:hover {
background-color:#ddd;	
cursor:pointer;
border-style:none;
outline:none;
}

.jagasep {
float:left;
height:100px;
width:1px;
border-left:1px solid #ccc;
margin:50px 20px 0 0;
}


#controlpanel {
position:fixed;
-webkit-transform: translateZ(0);
bottom:30px;
left:30px;	
}



.links {
color:#fff;
font-size:1.6em;
line-height:1.8em;
font-weight:400;
margin:0;
text-align:center;
}


/************************************************
*	content									*
************************************************/

#mainwrap {
width:1000px;
margin:0px auto;
}

#maincontainer {
float:left;
width:970px;
margin:10px auto;
padding:15px;
}

@media (max-width: 768px) {
.edmfk {
font-size:0.9em;
line-height:0.6em;
font-weight:400;
}

.links {
font-size:1.4em;
line-height:1.8em;
}
.synna {
	font-size:1.4em; 
	font-weight:700; 
	line-height:1.2em;

}
}

@media (max-width: 480px) {
.edmfk {
font-size:0.8em;
line-height:0.5em;
font-weight:400;
}
.links {
font-size:1.3em;
line-height:1.8em;
}
.synna {
	font-size:1.2em; 
	font-weight:700; 
	line-height:1.1em;

}
}