body {font-family:'Titillium Web',sans-serif; background:url('/layout/bg-landing.jpg') no-repeat center center; background-size:cover; background-attachment:fixed; }
h1,h2,h3 { margin:0; padding:0; }

.stage { background-repeat:no-repeat; height:150px; background-position:center center; display:block; padding:10px; position:relative; margin:5px 0; background-size:cover; }
.stage h3 { font-size:16px; position:absolute; bottom:5px; left:5px; color:#fff; background-color:#004e98; background-color:rgba(0,78,152,0.85); padding:3px; }
.stage h3 .ektitle { padding-bottom:2px; font-size:12px; }

h1,h2,h3 { font-family: 'Titillium Web', sans-serif; font-weight:400; margin:0; padding:0; text-transform:uppercase; color:#005099; }
h1 { font-size: 2.0em; color:#fff; }
h2 { font-size: 1.6em; padding:10px 0; }
hr { border-color:#005099; }

.container-landingpage { padding:10px 0 40px 0; }

.container-block .block-content { background-color:#004e98; background-color:rgba(0,78,152,0.85); padding:5px 20px; margin-bottom:30px; color:#fff; }
.container-block .block-content h2 { color:#fff; }
.container-block .block-content .col-md-3 { padding-left:5px; padding-right:5px; }

.producer a { color:#fff; text-shadow:1px 1px #000; }

@media only screen and (max-width : 1200px) {

}

@media only screen and (max-width : 979px) {

}

@media only screen and (max-width : 767px) {
	.maintext { padding-top:10px; }
	body { background-image:url('/layout/bg-landing-768.jpg'); }
}

@media only screen and (max-width : 480px) {

}

@media only screen and (max-width : 320px) {

}
@media only screen and (min-width : 768px) {
	.dayname { text-align:right; }
	.maintext { padding-top:40px; }
}