/* Clear floats after the columns */
#wierszHeader:after {
  content: "";
  display: table;
  width:100%;  
}

header{
  position:fixed;
  overflow:visible;
  
  width:100%;
  background: rgba(255,255,255,0);

  height:100px;
  margin-top: 0px;
 
  border:0px solid black;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
  z-index:1;
}

hr.krecha{
  background-color: black;
  width: 95%;
  height:1px;
  border:0px; 
}

header.smaller{
  position:fixed;
  overflow:visible;
  float:left;
  width:100%;
  background: rgba(0,0,0,0.9);

  height:90px;

  box-shadow: 2px 2px 1px rgba(255,255,255,0.3);
  

  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
  z-index:1;
}

#headerLogo{
  display:block; 
  height:60px;
    width:240px;
    height:135px;
    float:left;

    margin-top:20px;
    padding-left:50px;
    
  /* background: url(../img/logoGora.png) top no-repeat;
    opacity: 0;
    
    height:0px;
    font-size:0px;

     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;

     min-width:288px;
     width:auto;
     padding: 0px;
     float: left;
    margin-top:10px;
    margin-left:20px; 
    border: 0px solid black;
    cursor: pointer; */
}




header.smaller #przycisk{
    padding:30px;
    overflow:hidden;
    float:right;
    cursor:pointer;
    font-size:20px;
    color:rgba(255,255,255,1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}



header.smaller #headerLogo{
    background: url(../img/logoGora-small.png) top no-repeat;
    display:block;
    opacity: 1;
    height:60px;
    min-width:173px;
    width:auto;
    font-size:15px;
    float:left;

    margin-top:20px;
    padding-left:10px;
    
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
    
    
     cursor: pointer;
     border:0px solid black;
}
header.smaller #headerLogoPodstrona{
  background: url(../img/logo-kolor-small.png) top no-repeat;
  display:block;
  opacity: 1;
  height:60px;
  min-width:173px;
  width:auto;
  font-size:15px;
  float:left;

  margin-top:20px;
  padding-left:10px;
  
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
  
  
   cursor: pointer;
   border:0px solid black;
}