.historia-calosc{
    
    height:auto;
    width:auto;
    text-align: center;
    font-weight: bold;
    line-height: 30px;
    font-size:20px;
    padding: 3% 5% 5% 5%;
    border: 4px solid lightgrey;
     box-shadow: 0 0 21px lightgrey;
     z-index:2;
     text-shadow: 2px 2px 12px #888;
    
}
.historia-calosc2{
    height:auto;
    width:60%;
    margin:1% auto;
    background-color: white;
     z-index:1;
    position: relative;

}

.historia-calosc2 .historia-calosc h1{
    font-size: 55px !important;
    color:#14466b !important;
}

.obrazek-historia{
    width:80%;
     border: 4px solid lightgrey;
    box-shadow: 0 0 21px lightgrey;
    display: block;
   margin:1% ;
    float: left;
}
.obrazek-historia:last-child{
    float: right;
}




.span{
   font-size: 20px; 
   display:block;
    color:#14466b ;
    transition: all .5s ease;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
}

.span:hover{
     font-weight: bold;
    font-size: 25px; 
    color:#f8b600 ;
    transition: all .5s ease;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
}