html, body {
    font-family: 'Open Sans', sans-serif;
    color: #f4e89e;
    font-size: 100%;
    text-shadow: 2px 2px 1px rgba(40, 30, 20, .8);
    background-color: rgba(58,47,38,1);
    }
    
body {
    margin: 0;
    padding: 0;
    }
a,a:hover,p,div {color: #f4e89e;}

p a {text-decoration: underline; color: #e19621;}

img#bg {display: none;}
video {display: block;}
#video-bg {
    position: fixed;
    right: 0;
    top: 0;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    z-index: -1;
    background: transparent url(../images/still.jpg) no-repeat;
    background-size: cover;
}

.pattern {
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    background: url(../images/pattern.png);
    position: absolute;
    z-index: 0;
    display: block;
}



#logo {padding: 0 auto;}
#logo {padding-left: 60px;}


ul.lang {
    font-size: 70%;
    list-style: none;
    padding-top: 20px;
}
ul.lang li { 
    display: inline;
    padding-right: 1em;
    }
ul.lang li.active {display: none;}

.archive {padding-top: 40px;
    text-align: center;
}

nav {
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 40px;
}

nav ul { 
    text-align: right;
    }
nav ul li { 
    display: inline;
    padding-left: 1em;
}

#date {
    color: #7ac8a2;
    font-weight: 700;
    letter-spacing: -.07em;
    font-size: 1.4em;
}

.panel-group .panel+.panel {margin-top: 0; line-height: 2.5em;}

.panel {
    background-color: transparent;
}

#accordion p {line-height: 1.3em;}

.time {
    font-size: 2.5em;
}

.band {}

.band a{
    font-size: 2.5em;
    color: #93D660;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -.07em;
}

.band a:hover{
    text-decoration: none;
}

.band-info {
    font-size: .9em;
}

.attach {font-size: 80%;}

#footer {
    min-width: 100%;
    height: 100px;
    background-color: #FFFEFA;
    padding-top: 10px;
    }    
    
/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
    nav ul li{ 
        display: block;
        text-align: center;
        padding: 0;
        line-height: 1.5em;
        font-size: 2em;
    }    
    
    #content {
        padding: 30px 10px; 
        margin-top: 20px;
        background-color: rgba(58,47,38,.8);
        border-radius: 0px;
        }
    video {display: none;}
    img#bg { display: block; position: fixed; top: 0; left: 0; }
    #logos {display: none;}
    #rslogo {display: none;}
    
    
}

@media (min-width: 769px) and (max-width: 1199px) {
    #content {border-radius: 20px;}
    #logos {display: none;}
    #logo {padding-left: 45px;}
    
    
}

@media (min-width: 992px) and (max-width: 1440px) {
    #content {padding-top: 50px;}
    #logos {display: block;}
}


/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
    #logos {padding-top: 20px;}
    #content {
        padding: 30px 30px; 
        margin-top: 20px;
        background-color: rgba(58,47,38,.8);
        }
    
    
}

@media (min-width: 769px) {
    .dome {width: 115px; padding-top: 10px;}
    .dali {width: 87px; padding-top: 10px;}
    .svetki {width: 155px; padding-top: 7px;}
    .tv24 {width: 130px; padding-top: 10px;}
    .spikeri {width: 160px; padding-top: 17px;margin-left: 10px;}
    .jazzin {width: 85px; padding-top: 15px;}
    .wms {width: 120px; padding-top: 20px;}
    .svetki-logo-hh {visibility: visible;}
}

@media (max-width: 769px) {
    .dome {padding-top: 10px;}
    .dali {width: 15%;}
    .svetki {padding-top: 7px;}
    .tv24 {padding-top: 10px;}
    .spikeri {padding-top: 17px;}
    .jazzin {width: 15%;}
    .wms {padding-top: 20px;}
}

@media (min-width: 1441px) {
    #content {padding-top: 100px;}
    #logos {display: block;}
    
}

@media (max-width: 1270px) {
    video {display: none;}
    html {
    min-height: 100%;
    background-size: cover;
    background-image: url(../images/still.jpg);
    background-repeat: no-repeat;
    background-position: left top;}
    body{
    min-height:100%;}
}
@media (min-width: @screen-xs-min) { #rslogo {display: none;} .spikeri {margin: 0;}}