.portfolio.off-transition a.item {
    transition: none;
}
.portfolio.off-transition a.item .zdjecie img {
    width: 100%}
.portfolio .galeria a.item {
    display: block;
    outline: 0;
    width: 100%;
    float: left;
    position: relative;
}
.portfolio .galeria a.item .zdjecie {
    overflow: hidden;
}
.portfolio .galeria a.item .zdjecie img {
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}
.portfolio .galeria a.item .zawartosc {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(232, 179, 51, .8);
    color: #fff;
    opacity: 0;
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in;
}
.portfolio .galeria a.item .zawartosc .tekst {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
	/*width: 100%; seba dopisane tekst na cala szerokosc*/
}
.portfolio .galeria a.item .zawartosc .tekst>* {
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
}
.portfolio .galeria a.item .zawartosc .tekst h5 {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    /*font-size: 26px;*/
	font-size: 1.6em; /*seba dopisane*/
    font-weight: 500;
    opacity: 0;
    /*background: top url(../images/blue-line.png) no-repeat;*/
    padding-top: 15px;
}
@media (max-width: 991px) {
	.portfolio .galeria a.item .zawartosc .tekst h5 { font-size: 1.2em; /*seba dopisane*/}
}

.portfolio .galeria a.item .zawartosc .tekst p {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    /*font-size: 19px;*/
	font-size: 1.2em; /*seba dopisane*/
    font-weight: 300;
    opacity: 0;
    color: #fff;
}
@media (max-width: 991px) {
	.portfolio .galeria a.item .zawartosc .tekst p { font-size: 1.0em; /*seba dopisane*/}
}

.portfolio .galeria a.item:hover .zdjecie img {
    /*-webkit-transform: scale(1.4) rotate(15deg);*/
    /*transform: scale(1.4) rotate(15deg);*/
	-webkit-transform: scale(1.4); /*seba dopisane bez roracji*/
    transform: scale(1.4); /*seba dopisane bez roracji*/
}
.portfolio .galeria a.item:hover .zawartosc {
    opacity: 1;
    -webkit-transition: all .35s ease-in;
    transition: all .35s ease-in;
}
.portfolio .galeria a.item:hover .zawartosc .tekst>* {
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-transform: translate(0);
    transform: translate(0);
}
.portfolio .galeria a.item:hover .zawartosc .tekst h5 {
    opacity: 1;
}
.portfolio .galeria a.item:hover .zawartosc .tekst p {
    opacity: .6;
}
.portfolio__nav {
    overflow: auto;
    position: relative;
    z-index: 9;
}
.portfolio__nav a {
    color: #706f6f;
    width: 50%;
    float: left;
    text-align: center;
    padding: 20px;
    border-bottom: 1px solid #e5e9f4;
    border-right: 1px solid #e5e9f4;
}
.portfolio__nav a.active {
    background: #513493;
    color: #fff;
}