#head{padding: 70px 0 100px 0;}
.home #head{padding: 220px 0 250px 0;}



h1,#logoarea p{text-shadow: 0px 0px 4px #000000;}

#logotop{position: absolute;top:-10px;left:0px;z-index: 100;width:110px;max-width:17%;display: block;}

.home #logotop{position: absolute;top:-20px;left:10px;z-index: 100;width:200px;max-width:17%;display: block;}
#logotop img{width:100%;height:auto;}

       
.logain{width:100%;margin:0 auto;text-align: left;margin-bottom: 50px;}
.jednologo{display: inline-block;width:200px;margin:00 0%;float: none;padding:15px;max-width:33%;}
.jednologo a{display: inline-block;background-color: #fff;padding:0px 0px;transition: all .2s ease-out;-moz-transition:  all .2s ease-out;-webkit-transition:  all .2s ease-out;-o-transition:  all .2s ease-out;width:100%;}

.jednologo a:hover{-webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);}

.jednologo img{width:100%;height:auto;display: block}


#loga{text-align: center;}
#loga h3{font-size: 20px;
    color: #333333;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    margin-bottom: 1em;
    line-height: 1.5em;}

       
@media only screen and (max-width: 1700px) {
  
  #head{padding: 55px 0 85px 0;}
  .home #head{padding: 180px 0 200px 0;}
}
@media only screen and (max-width: 1280px) {
         
}    

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

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

  #head{padding: 60px 0 85px 0;}
    .home #head{padding: 120px 0 140px 0;}
   
   #logotop{top:-10px;left:0px;width:80px;max-width:80px;}
   .home #logotop{top:-15px;left:0px;}
}
@media only screen and (max-width: 900px) {
  
      
                        
}



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

  .home #head{padding: 100px 0 100px 0;}
        
}

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


   .home #logotop{top:-6px;left:0px;}
  #head{padding: 70px 0 35px 0;}
 
}

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

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

    #head {padding: 70px 0 30px;}

}


.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}