* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

img {
    max-width: 100%;
    height: auto
}

.clearfix::after {
    content: "";
    display: block;
    clear: both
}

div.index1,
div.portfolio1 {
    background-image: url(../img/ogolne/Kuchnia.jpg)
}

div.index2,
div.portfolio2 {
    background-image: url(../img/ogolne/Szafy.jpg)
}

div.index3,
div.portfolio3 {
    background-image: url(../img/ogolne/Lazienka.jpg)
}

div.index4,
div.portfolio4 {
    background-image: url(../img/ogolne/Inne.jpg)
}

@media(orientation: portrait) and (min-width: 240px) {

    div.album_index,
    div.album_index2 {
        width: 100%;
        min-height: 20vw;
        padding-bottom: 15px
    }

    div.index1,
    div.index2,
    div.index3,
    div.index4,
    div.portfolio1,
    div.portfolio2,
    div.portfolio3,
    div.portfolio4 {
        height: 40vw;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        transition: 3s
    }

    div.index1:hover,
    div.index2:hover,
    div.index3:hover,
    div.index4:hover,
    div.portfolio1:hover,
    div.portfolio2:hover,
    div.portfolio3:hover,
    div.portfolio4:hover {
        background-size: 130%;
        transition: 3s
    }

    div.index1 p,
    div.index2 p,
    div.index3 p,
    div.index4 p,
    div.portfolio1 p,
    div.portfolio2 p,
    div.portfolio3 p,
    div.portfolio4 p {
        color: #fff;
        text-align: center;
        text-shadow: 0 0 4px #000;
        background-color: rgba(0, 0, 0, 0.5);
        line-height: 40vw;
        font-size: 30px;
        opacity: 0;
        cursor: pointer;
        transition: 2s
    }

    div.index1:hover p,
    div.index2:hover p,
    div.index3:hover p,
    div.index4:hover p,
    div.portfolio1:hover p,
    div.portfolio2:hover p,
    div.portfolio3:hover p,
    div.portfolio4:hover p {
        opacity: 1
    }
}

@media(orientation: portrait) and (min-width: 800px) {
    section.projects-item {
        width: 150px;
        height: 200px;
    }

    div.album_index {
        width: 46%;
        min-height: 10vw
    }

    div.album_index2 {
        width: 48%;
        min-height: 10vw
    }

    div.first2 {
        float: left;
        margin-left: 0px
    }

    div.first3 {
        float: left;
        margin-left: 0
    }

    div.second2 {
        float: left;
        margin-left: 35px
    }

    div.second3 {
        float: left;
        margin-left: 0
    }

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        height: 28vw;
        width: 42vw
    }

    div.portfolio1,
    div.portfolio2,
    div.portfolio3,
    div.portfolio4 {
        height: 28vw;
        width: 42vw
    }

    div.index1,
    div.index3 {
        margin-left: 0
    }

    div.index1 p,
    div.index2 p,
    div.index3 p,
    div.index4 p,
    div.portfolio1 p,
    div.portfolio2 p,
    div.portfolio3 p,
    div.portfolio4 p {
        line-height: 28vw
    }
}

@media(orientation: portrait) and (min-width:900px) {
    div.album_index2 {
        width: 50%
    }

    div.portfolio1,
    div.portfolio2,
    div.portfolio3,
    div.portfolio4 {
        width: 39vw;
        background-size: 110%
    }
}

@media(orientation: portrait) and (min-width: 1000px) {
    div.album_index2 {
        width: 45%
    }

    div.first3 {
        margin-left: 40px
    }

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        height: 20vw;
        width: 42vw
    }

    div.portfolio1,
    div.portfolio2,
    div.portfolio3,
    div.portfolio4 {
        height: 20vw;
        width: 42vw
    }

    div.index1 p,
    div.index2 p,
    div.index3 p,
    div.index4 p,
    div.portfolio1 p,
    div.portfolio2 p,
    div.portfolio3 p,
    div.portfolio4 p {
        line-height: 20vw
    }
}

@media(orientation: portrait) and (min-width: 1024px) {
    div.second2 {
        float: left;
        margin-left: 18px
    }

    div.album_index {
        width: 46%;
        min-height: 10vw
    }
}

@media(orientation: portrait) and (min-width: 1080px) {
    div.first2 {
        margin-left: 75px
    }

    div.album_index2 {
        width: 49%
    }

    div.first3 {
        margin-left: 0
    }
}

@media(orientation: portrait) and (min-width: 1200px) {
    div.album_index2 {
        width: 43%
    }

    div.first3 {
        margin-left: 60px
    }
}

@media(orientation: portrait) and (min-width: 1300px) {
    div.album_index2 {
        width: 46%
    }

    div.first3 {
        margin-left: 30px
    }
}

@media(orientation: portrait) and (min-width: 1400px) {
    div.album_index {
        width: 43.2%
    }

    div.album_index2 {
        width: 49%
    }

    div.first2 {
        margin-left: 100px
    }

    div.first3 {
        margin-left: 0
    }

    div.second2 {
        margin-left: 0
    }
}

@media(orientation: landscape) and (min-width: 320px) {

    div.album_index,
    div.album_index2 {
        width: 100%;
        min-height: 32vw
    }

    div.index1,
    div.index2,
    div.index3,
    div.index4,
    div.portfolio1,
    div.portfolio2,
    div.portfolio3,
    div.portfolio4 {
        height: 30vw;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        transition: 3s
    }

    div.index1:hover,
    div.index2:hover,
    div.index3:hover,
    div.index4:hover,
    div.portfolio1:hover,
    div.portfolio2:hover,
    div.portfolio3:hover,
    div.portfolio4:hover {
        background-size: 130%;
        transition: 3s
    }

    div.index1 p,
    div.index2 p,
    div.index3 p,
    div.index4 p,
    div.portfolio1 p,
    div.portfolio2 p,
    div.portfolio3 p,
    div.portfolio4 p {
        color: #fff;
        text-align: center;
        text-shadow: 0 0 4px #000;
        background-color: rgba(0, 0, 0, 0.5);
        line-height: 40vw;
        font-size: 30px;
        opacity: 0;
        cursor: pointer;
        transition: 2s
    }

    div.index1:hover p,
    div.index2:hover p,
    div.index3:hover p,
    div.index4:hover p,
    div.portfolio1:hover p,
    div.portfolio2:hover p,
    div.portfolio3:hover p,
    div.portfolio4:hover p {
        opacity: 1
    }
}

@media(orientation: landscape) and (min-width: 800px) {
    div.album_index {
        width: 46%;
        min-height: 24.3vw
    }

    div.album_index2 {
        width: 48%;
        min-height: 10vw
    }

    div.first2 {
        float: left;
        margin-left: 0
    }

    div.first3 {
        float: left;
        margin-left: 0
    }

    div.second2 {
        float: left;
        margin-left: 35px
    }

    div.second3 {
        float: left;
        margin-left: 0
    }

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        height: 23vw;
        width: 42vw
    }

    div.portfolio1,
    div.portfolio2,
    div.portfolio3,
    div.portfolio4 {
        height: 25vw;
        width: 42vw
    }

    div.index1,
    div.index3 {
        margin-left: 0
    }

    div.index1 p,
    div.index2 p,
    div.index3 p,
    div.index4 p {
        line-height: 28vw
    }

    div.portfolio1 p,
    div.portfolio2 p,
    div.portfolio3 p,
    div.portfolio4 p {
        line-height: 25vw
    }
}

@media(orientation: landscape) and (min-width: 840px) {

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        width: 40.3vw
    }
}

@media(orientation: landscape) and (min-width: 896px) {

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        width: 38vw
    }

    div.second3 {
        margin-left: 30px
    }

    div.portfolio1,
    div.portfolio2,
    div.portfolio3,
    div.portfolio4 {
        height: 23vw;
        width: 40vw
    }

    div.portfolio1 p,
    div.portfolio2 p,
    div.portfolio3 p,
    div.portfolio4 p {
        line-height: 23.1vw
    }
}

@media(orientation: landscape) and (min-width: 915px) {

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        width: 37vw
    }
}

@media(orientation: landscape) and (min-width: 960px) {

    div.first3 {
        margin-left: -40px
    }

    div.second3 {
        margin-left: 60px
    }
}

@media(orientation: landscape) and (min-width: 1000px) {

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        width: 44vw
    }

    div.first3 {
        margin-left: 30px
    }

    div.second3 {
        margin-left: 0
    }
}

@media(orientation: landscape) and (min-width: 1080px) {

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        width: 41vw
    }
}

@media(orientation: landscape) and (min-width: 1280px) {
    div.album_index {
        width: 45%;
        min-height: 21vw;
    }

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        width: 43vw;
        height: 20vw;
    }
}

@media(orientation: landscape) and (min-width: 1366px) {
    div.album_index {
        width: 47.5%;
        min-height: 19vw;
    }

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        width: 42vw;
        height: 18vw;
    }
}

@media(orientation: landscape) and (min-width: 1440px) {
    div.album_index {
        width: 46%;
        min-height: 19vw;
    }

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        width: 38.5vw;
        height: 18vw;
    }
}

@media(orientation: landscape) and (min-width: 1536px) {
    div.album_index {
        width: 46%;
        min-height: 18vw;
    }

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        width: 36vw;
        height: 17vw;
    }
}

@media(orientation: landscape) and (min-width: 1600px) {
    div.album_index {
        width: 48%;
        min-height: 16vw;
    }

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        width: 36vw;
        height: 15vw;
    }
}

@media(orientation: landscape) and (min-width: 1700px) {

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        width: 34vw;
        height: 15vw;
    }
}

@media(orientation: landscape) and (min-width: 1800px) {

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        width: 32vw;
        height: 15vw;
    }
}

@media(orientation: landscape) and (min-width: 1920px) {

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        width: 30vw;
        height: 15vw;
    }
}

@media(orientation: landscape) and (min-width: 2000px) {
    div.album_index {
        width: 46.5%;
        min-height: 14vw;
    }

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        width: 28vw;
        height: 13vw;
    }
}

@media(orientation: landscape) and (min-width: 2100px) {
    div.album_index {
        width: 47%;
        min-height: 13.4vw;
    }

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        width: 27vw;
        height: 13vw;
        margin-left: 1%;
    }
}

@media(orientation: landscape) and (min-width: 2200px) {

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        width: 26vw;
    }
}

@media(orientation: landscape) and (min-width: 2300px) {

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        width: 24.5vw;
    }
}

@media(orientation: landscape) and (min-width: 2400px) {

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        width: 23.5vw;
    }
}

@media(orientation: landscape) and (min-width: 2560px) {
    div.album_index {
        width: 48.5%;
        min-height: 12vw;
    }

    div.index1,
    div.index2,
    div.index3,
    div.index4 {
        width: 23vw;
        height: 11.4vw;
        margin-left: 0%;
    }
}

/* Nasze-realizacje - str. główna */
h1.detail {
    margin: 150px 0 75px;
}

div.features {
    margin: 0 188px 150px;
    text-align: center;
}

div.feature1 {
    float: left;
    width: 33%;
    padding: 0.5px 0.5%;
    margin: 1px 0.2px;
}

div.feature2 {
    float: left;
    width: 24.8%;
    padding: 0.5px 0.5%;
    margin: 1.5px 0.2px;
}

div.item1 {
    width: 500px;
    height: 375px;
    background-position: center;
    background-repeat: no-repeat;
}

div.item2 {
    width: 375px;
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
}

div.item1 p,
div.item2 p {
    opacity: 0;
    cursor: default;
    transition: 0s;
}

div.item1:hover p {
    color: beige;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    padding: 171px 0;
    opacity: 1;
}

div.item2:hover p {
    color: beige;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    padding: 234px 0;
    opacity: 1;
}

div.item1 .item2 a {
    text-decoration: none;
}

/* @MEDIA Galeria GŁ - początek */
@media(orientation: portrait) and (min-width: 320px) {
    div.features {
        margin: 0 5% 20%;
        text-align: center;
    }

    div.feature1 {
        float: left;
        width: 52%;
        padding: 0% 0%;
        margin: 1.5% 0%;
    }

    div.feature2 {
        float: left;
        width: 52%;
        padding: 0% 0%;
        margin: 1.5% 0%;
    }

    div.item1 {
        width: 90vw;
        height: 65vw;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    div.item2 {
        width: 90vw;
        height: 115vw;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    div.item1 p,
    div.item2 p {
        opacity: 0;
        cursor: default;
        transition: 0s;
    }

    div.item1:hover p {
        color: beige;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.2);
        cursor: pointer;
        padding: 28vw 0;
        opacity: 1;
    }

    div.item2:hover p {
        color: beige;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.2);
        cursor: pointer;
        padding: 53vw 0;
        opacity: 1;
    }

    div.item1 .item2 a {
        text-decoration: none;
    }
}

@media(orientation: portrait) and (min-width: 360px) {
    div.item1:hover p {
        padding: 28.6vw 0;
    }

    div.item2:hover p {
        padding: 53.6vw 0;
    }
}

@media(orientation: portrait) and (min-width: 375px) {
    div.item1:hover p {
        padding: 28.9vw 0;
    }

    div.item2:hover p {
        padding: 53.9vw 0;
    }
}

@media(orientation: portrait) and (min-width: 412px) {
    div.item1:hover p {
        padding: 29.2vw 0;
    }

    div.item2:hover p {
        padding: 54.2vw 0;
    }
}

@media(orientation: portrait) and (min-width: 480px) {
    div.item1:hover p {
        padding: 29.6vw 0;
    }

    div.item2:hover p {
        padding: 54.6vw 0;
    }
}

@media(orientation: portrait) and (min-width: 640px) {
    div.feature1 {
        margin: 1% 8%;
    }

    div.feature2 {
        width: 24%;
        margin: 0.7% 8%;
    }

    div.item1 {
        width: 70vw;
        height: 42vw;
    }

    div.item2 {
        width: 34vw;
        height: 46vw;
        background-size: 102%;
    }

    div.item1:hover p {
        padding: 18.9vw 0;
    }

    div.item2:hover p {
        padding: 20.8vw 0;
    }
}

@media(orientation: portrait) and (min-width: 768px) {
    div.item2:hover p {
        padding: 20.9vw 0;
    }
}

@media(orientation: portrait) and (min-width: 810px) {
    div.item1:hover p {
        padding: 19vw 0;
    }

    div.item2:hover p {
        padding: 21vw 0;
    }
}

@media(orientation: portrait) and (min-width: 1024px) {
    div.features {
        margin: 0 1% 20%;
    }

    div.feature1 {
        width: 25%;
        padding: 0% 0%;
        margin: 0.5% 3.3%;
    }

    div.feature2 {
        width: 17.1%;
        margin: 0.5% 3.3%;
    }

    div.item1 {
        width: 30vw;
        height: 20vw;
    }

    div.item2 {
        width: 22.3vw;
        height: 27vw;
    }

    div.item1:hover p {
        padding: 8.4vw 0;
    }

    div.item2:hover p {
        padding: 11.9vw 0;
    }
}

@media(orientation: landscape) and (min-width: 568px) {
    div.features {
        margin: 0 5% 20%;
        text-align: center;
    }

    div.feature1 {
        float: left;
        width: 52%;
        padding: 0% 0%;
        margin: 1.5% 5%;
    }

    div.feature2 {
        float: left;
        width: 35.5%;
        padding: 0% 0%;
        margin: 1.5% 5%;
    }

    div.item1 {
        width: 80vw;
        height: 50vw;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    div.item2 {
        width: 38.8vw;
        height: 50vw;
        background-size: 102%;
        background-position: center;
        background-repeat: no-repeat;
    }

    div.item1 p,
    div.item2 p {
        opacity: 0;
        cursor: default;
        transition: 0s;
    }

    div.item1:hover p {
        color: beige;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.2);
        cursor: pointer;
        padding: 22.5vw 0;
        opacity: 1;
    }

    div.item2:hover p {
        color: beige;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.2);
        cursor: pointer;
        padding: 22.5vw 0;
        opacity: 1;
    }

    div.item1 .item2 a {
        text-decoration: none;
    }
}

@media(orientation: landscape) and (min-width: 640px) {
    div.item1:hover p {
        padding: 22.7vw 0;
    }

    div.item2:hover p {
        padding: 22.8vw 0;
    }
}

@media(orientation: landscape) and (min-width: 732px) {
    div.item1:hover p {
        padding: 22.9vw 0;
    }

    div.item2:hover p {
        padding: 22.8vw 0;
    }
}

@media(orientation: landscape) and (min-width: 780px) {
    div.item2:hover p {
        padding: 23vw 0;
    }
}

@media(orientation: landscape) and (min-width: 812px) {
    div.item1:hover p {
        padding: 23vw 0;
    }
}

@media(orientation: landscape) and (min-width: 832px) {
    div.item1:hover p {
        padding: 23.1vw 0;
    }
}

@media(orientation: landscape) and (min-width: 896px) {
    div.item1:hover p {
        padding: 23.2vw 0;
    }

    div.item2:hover p {
        padding: 23.2vw 0;
    }
}

@media(orientation: landscape) and (min-width: 932px) {
    div.item1:hover p {
        padding: 23.3vw 0;
    }
}

@media(orientation: landscape) and (min-width: 1024px) {
    div.features {
        margin: 0 1% 20%;
    }

    div.feature1 {
        width: 25%;
        padding: 0% 0%;
        margin: 0.5% 3.3%;
    }

    div.feature2 {
        width: 17.1%;
        margin: 0.5% 3.3%;
    }

    div.item1 {
        width: 30vw;
        height: 20vw;
    }

    div.item2 {
        width: 22.3vw;
        height: 27vw;
    }

    div.item1:hover p {
        padding: 8.4vw 0;
    }

    div.item2:hover p {
        padding: 11.9vw 0;
    }
}

@media(orientation: landscape) and (min-width: 1080px) {
    div.item1:hover p {
        padding: 8.5vw 0;
    }

    div.item2:hover p {
        padding: 12vw 0;
    }
}

@media(orientation: landscape) and (min-width: 1280px) {
    div.item1:hover p {
        padding: 8.7vw 0;
    }

    div.item2:hover p {
        padding: 12.2vw 0;
    }
}

@media(orientation: landscape) and (min-width: 1366px) {
    div.item1:hover p {
        padding: 8.8vw 0;
    }

    div.item2:hover p {
        padding: 12.3vw 0;
    }
}

@media(orientation: landscape) and (min-width: 1440px) {
    div.item1:hover p {
        padding: 8.9vw 0;
    }

    div.item2:hover p {
        padding: 12.4vw 0;
    }
}

@media(orientation: landscape) and (min-width: 1536px) {
    div.feature1 {
        padding: 0 0%;
        margin: 0.3% 3.1%;
    }

    div.feature2 {
        width: 17.2%;
        padding: 0 0%;
        margin: 0.3% 3.1%;
    }

    div.item1:hover p {
        padding: 9vw 0;
    }

    div.item2:hover p {
        padding: 12.5vw 0;
    }
}

@media(orientation: landscape) and (min-width: 1728px) {
    div.feature1 {
        width: 19.45%;
        padding: 0 6%;
        margin: 0.23% 3.1%;
    }

    div.feature2 {
        width: 13%;
        padding: 0 6%;
        margin: 0.23% 3.1%;
    }

    div.item1 {
        width: 24.6vw;
        height: 16vw;
    }

    div.item2 {
        width: 18.4vw;
        height: 25vw;
    }

    div.item1:hover p {
        padding: 7.1vw 0;
    }

    div.item2:hover p {
        padding: 11.6vw 0;
    }
}

@media(orientation: landscape) and (min-width: 1920px) {
    div.feature1 {
        width: 19.5%;
        margin: 0.23% 3.15%;
    }

    div.feature2 {
        width: 12.95%;
        margin: 0.23% 3.2%;
    }

    div.item1 {
        width: 24.6vw;
        height: 16vw;
    }

    div.item2 {
        width: 18.3vw;
    }

    div.item1:hover p {
        padding: 7.15vw 0;
    }

    div.item2:hover p {
        padding: 11.65vw 0;
    }
}

@media(orientation: landscape) and (min-width: 2560px) {
    div.features {
        margin: 0 22% 20%;
        text-align: center;
    }

    div.feature1 {
        width: 31%;
        padding: 0 10%;
        margin: 0.3% 1%;
    }

    div.feature2 {
        width: 24.7%;
        padding: 0 11%;
        margin: 0.3% 0;
    }

    div.item1 {
        width: 18vw;
        height: 13vw;
    }

    div.item2 {
        width: 13.45vw;
        height: 18vw;
    }

    div.item1:hover p {
        padding: 5.9vw 0;
    }

    div.item2:hover p {
        padding: 8.4vw 0;
    }
}

@media(orientation: landscape) and (min-width: 3440px) {
    div.item1:hover p {
        padding: 6.05vw 0;
    }

    div.item2:hover p {
        padding: 8.55vw 0;
    }
}

/* @MEDIA Galeria GŁ - koniec */

div.photo1 {
    background-image: url(../img/realizacje/poziom/czern_drewno/gczd_7.jpg);
}

div.photo2 {
    background-image: url(../img/realizacje/poziom/dom_dariusza/gdomd_1.jpg);
}

div.photo3 {
    background-image: url(../img/realizacje/poziom/znakomite_polaczenie_kolorow/gciepla-biel7.jpg);
}

div.photo4 {
    background-image: url(../img/realizacje/poziom/dwa_poziomy/gpoziomy2.jpg);
}

div.photo5 {
    background-image: url(../img/realizacje/poziom/frezowane_fronty/gf_fronty5.jpg);
}

div.photo6 {
    background-image: url(../img/realizacje/poziom/interesujace_dobranie_odcieni/gantracyt1.jpg);
}

div.photo7 {
    background-image: url(../img/realizacje/poziom/komoda_piotra/gkomoda1.jpg);
}

div.photo8 {
    background-image: url(../img/realizacje/poziom/kremowa_RTV/gk_rtv1.jpg);
}

div.photo9 {
    background-image: url(../img/realizacje/poziom/kuchnia_w_wesolej/gwesola1.jpg);
}

div.photo10 {
    background-image: url(../img/realizacje/poziom/kuchnia_z_marsa/gzmarsa1.jpg);
}

div.photo11 {
    background-image: url(../img/realizacje/poziom/lazienka_w_drewnie/gdrewno1.jpg);
}

div.photo12 {
    background-image: url(../img/realizacje/poziom/lodowka_70/glodowka1.jpg);
}

div.photo13 {
    background-image: url(../img/realizacje/poziom/meble_na_ostrobramskiej/gostrob1.jpg);
}

div.photo14 {
    background-image: url(../img/realizacje/poziom/mieszkanie_na_szpaczej/gszpacza1.jpg);
}

div.photo15 {
    background-image: url(../img/realizacje/poziom/mieszkanie_przy_wisle/gprzy_wisle1.jpg);
}

div.photo16 {
    background-image: url(../img/realizacje/poziom/mis/gmis1.jpg);
}

div.photo17 {
    background-image: url(../img/realizacje/poziom/mnostwo_swiatla/gswiatlo2.jpg);
}

div.photo18 {
    background-image: url(../img/realizacje/poziom/niebieska_i_frezowana/gniebieski1.jpg);
}

div.photo19 {
    background-image: url(../img/realizacje/poziom/okregowa_izba_lekarska/gizba1.jpg);
}

div.photo20 {
    background-image: url(../img/realizacje/poziom/pokoj_dziecka/gdziecko1.jpg);
}

div.photo21 {
    background-image: url(../img/realizacje/poziom/polyski/gpolyski6.jpg);
}

div.photo22 {
    background-image: url(../img/realizacje/poziom/polyski_na_lotnisku/gantracytp1.jpg);
}

div.photo23 {
    background-image: url(../img/realizacje/poziom/rtv2/grtv2.jpg);
}

div.photo24 {
    background-image: url(../img/realizacje/poziom/subtelna_szarosc/gszarosc1.jpg);
}

div.photo25 {
    background-image: url(../img/realizacje/poziom/szafa_z_frezowanymi_frontami/gfrez2.jpg);
}

div.photo26 {
    background-image: url(../img/realizacje/poziom/u_kamila/gfrontyp3.jpg);
}

div.photo27 {
    background-image: url(../img/realizacje/poziom/u_pana_dariusza/gdariusz4.jpg);
}

div.photo28 {
    background-image: url(../img/realizacje/poziom/u_przyjaciela_z_wilna/gwilno4.jpg);
}

div.photo29 {
    background-image: url(../img/realizacje/poziom/wygodny_wykusz/gwykusz4.jpg);
}

div.photo30 {
    background-image: url(../img/realizacje/poziom/zielony_i_zloty_na_pradze/gzloty1.jpg);
}

div.photo31 {
    background-image: url(../img/realizacje/pion/dom_w_chotomowie/gchotomow14.jpeg);
}

div.photo32 {
    background-image: url(../img/realizacje/pion/biel/gbiel_1.jpg);
}

div.photo33 {
    background-image: url(../img/realizacje/pion/biel_w_lazience/gb_lazienka_1.jpg);
}

div.photo34 {
    background-image: url(../img/realizacje/pion/biurko_na_wymiar/gbiurko_2.jpg);
}

div.photo35 {
    background-image: url(../img/realizacje/pion/cegielki/gcegielki_5.jpg);
}

div.photo36 {
    background-image: url(../img/realizacje/pion/ciepla_sypialnia/gc_sypialnia_1.jpg);
}

div.photo37 {
    background-image: url(../img/realizacje/pion/corten_medic/gc_medic_4.jpg);
}

div.photo38 {
    background-image: url(../img/realizacje/pion/cudowna_kuchnia_w_falenicy/gc_kuchnia_3.jpg);
}

div.photo39 {
    background-image: url(../img/realizacje/pion/czern_biel/gcb_1.jpg);
}

div.photo40 {
    background-image: url(../img/realizacje/pion/czern_braz/gczb7.jpeg);
}

div.photo41 {
    background-image: url(../img/realizacje/pion/duzo_brazu/gbraz3.jpg);
}

div.photo42 {
    background-image: url(../img/realizacje/pion/dwie_szafy_i_lazienka/g2szafy5.jpg);
}

div.photo43 {
    background-image: url(../img/realizacje/pion/garderoba_szyta_na_miare/ggarderoba4.jpg);
}

div.photo44 {
    background-image: url(../img/realizacje/pion/kuchnia_z_wesolej/gzwesolej3.jpg);
}

div.photo45 {
    background-image: url(../img/realizacje/pion/kuchnia_z_wyspa/gwyspa1.jpg);
}

div.photo46 {
    background-image: url(../img/realizacje/pion/lamele_w_kuchni/glamele1.jpg);
}

div.photo47 {
    background-image: url(../img/realizacje/pion/lazienka_na_grochowie/ggrochow2.jpg);
}

div.photo48 {
    background-image: url(../img/realizacje/pion/licza_sie_detale/gdetale1.jpg);
}

div.photo49 {
    background-image: url(../img/realizacje/pion/lustra/glustra1.jpg);
}

div.photo50 {
    background-image: url(../img/realizacje/pion/lustra_w_lazience/glustral_1.jpg);
}

div.photo51 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_bemowie/gbem6.jpeg);
}

div.photo52 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_grochowie/ggroch1.jpg);
}

div.photo53 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_mokotowie/gmokotow3.jpeg);
}

div.photo54 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_pradze/gpraga1.jpg);
}

div.photo55 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_ursynowie/gursynow2.jpg);
}

div.photo56 {
    background-image: url(../img/realizacje/pion/mieszkanie_p_gosi/ggosia1.jpg);
}

div.photo57 {
    background-image: url(../img/realizacje/pion/mieszkanie_pani_ani/gania4.jpg);
}

div.photo58 {
    background-image: url(../img/realizacje/pion/nietypowe_uchwyty/guchwyty1.jpg);
}

div.photo59 {
    background-image: url(../img/realizacje/pion/odprezajace_swiatlo/gswiatlo1.jpg);
}

div.photo60 {
    background-image: url(../img/realizacje/pion/odwazne_fronty_na_wesolej/gffronty4.jpg);
}

div.photo61 {
    background-image: url(../img/realizacje/pion/odwazne_kolory/gbeton4.jpg);
}

div.photo62 {
    background-image: url(../img/realizacje/pion/oryginalne_tlo/gszyba2.jpg);
}

div.photo63 {
    background-image: url(../img/realizacje/pion/osiedle_wilno/gwilno1.jpg);
}

div.photo64 {
    background-image: url(../img/realizacje/pion/pod_wynajem/gwynajem1.jpg);
}

div.photo65 {
    background-image: url(../img/realizacje/pion/polyski_w_lazience/gpolysk1.jpg);
}

div.photo66 {
    background-image: url(../img/realizacje/pion/pomarancz_i_antracyt/gorange1.png);
}

div.photo67 {
    background-image: url(../img/realizacje/pion/praca_w_domu/gdom6.jpg);
}

div.photo68 {
    background-image: url(../img/realizacje/pion/prezes/gprezes1.jpg);
}

div.photo69 {
    background-image: url(../img/realizacje/pion/przesuwana_w_sypialni/gprzesuwana3.jpg);
}

div.photo70 {
    background-image: url(../img/realizacje/pion/przesuwna_wysoka/gwysoka4.jpg);
}

div.photo71 {
    background-image: url(../img/realizacje/pion/przyjemna_zielen/gzielen1.jpeg);
}

div.photo72 {
    background-image: url(../img/realizacje/pion/rtv/grtv1.jpg);
}

div.photo73 {
    background-image: url(../img/realizacje/pion/ryflowane_fronty_w_szafie/gryflo1.jpg);
}

div.photo74 {
    background-image: url(../img/realizacje/pion/sasiedzi/gsasiedzi2.jpg);
}

div.photo75 {
    background-image: url(../img/realizacje/pion/stary_dom_nowa_kuchnia/gstary4.jpg);
}

div.photo76 {
    background-image: url(../img/realizacje/pion/swieza_szafa/gswieza-szafa2.jpg);
}

div.photo77 {
    background-image: url(../img/realizacje/pion/szafa_w_holu/ghol2.jpg);
}

div.photo78 {
    background-image: url(../img/realizacje/pion/szafa_z_lustrami/gszafal1.jpg);
}

div.photo79 {
    background-image: url(../img/realizacje/pion/szafy_na_poddaszu/gpoddasze1.jpeg);
}

div.photo80 {
    background-image: url(../img/realizacje/pion/tym_razem_akrylowe_fronty/gafronty4.jpg);
}

div.photo81 {
    background-image: url(../img/realizacje/pion/uchwyty_frezowane/gfszafa3.jpg);
}

div.photo82 {
    background-image: url(../img/realizacje/pion/uchwyty_frezowane_w_drzwiach/gdrzwi2.jpg);
}

div.photo83 {
    background-image: url(../img/realizacje/pion/urocza_zielen/gmat4.jpg);
}

div.photo84 {
    background-image: url(../img/realizacje/pion/w_oczekiwaniu_na_blat/gbrazk4.jpg);
}

div.photo85 {
    background-image: url(../img/realizacje/pion/witrynka/gwitrynka2.jpg);
}

div.photo86 {
    background-image: url(../img/realizacje/pion/witrynka_na_bemowie/gbemowo1.jpg);
}

div.photo87 {
    background-image: url(../img/realizacje/pion/zabudowa_w_lazience/gzabudowa1.jpg);
}

div.photo88 {
    background-image: url(../img/realizacje/pion/zabudowa_wg_pomyslu_klientki/gkuchnia1.jpg);
}

div.photo89 {
    background-image: url(../img/realizacje/pion/zielona/gzielona.jpg);
}

div.photo90 {
    background-image: url(../img/realizacje/pion/zielona_i_prosta/gzkuch1.jpg);
}

div.photo91 {
    background-image: url(../img/realizacje/pion/karolina/gkaro.jpg);
}

div.photo92 {
    background-image: url(../img/realizacje/pion/marki/gmark.jpg);
}

div.photo93 {
    background-image: url(../img/realizacje/pion/okuniew/gokun.jpg);
}

div.photo94 {
    background-image: url(../img/realizacje/pion/smutek/gsmut.JPEG);
}

div.photo95 {
    background-image: url(../img/realizacje/pion/kuchnia_p_Ani_z_Warszawy/gkuchnia_Ani.jpg);
}

div.photo96 {
    background-image: url(../img/realizacje/pion/meble_rembertow/gmrembertow.jpg);
}

div.photo97 {
    background-image: url(../img/realizacje/pion/zabudowa_rtv/gzabudowartv.jpg);
}

div.photo98 {
    background-image: url(../img/realizacje/pion/regal_dla_dziecka/gregald.jpg);
}

div.photo99 {
    background-image: url(../img/realizacje/pion/perzan/gperzan.jpg);
}

div.photo100 {
    background-image: url(../img/realizacje/pion/urszula/gurszula.jpg);
}

div.photo101 {
    background-image: url(../img/realizacje/pion/zajac/gzajac.jpg);
}

div.photo102 {
    background-image: url(../img/realizacje/poziom/budrim/gbudrim.jpg);
}

div.photo103 {
    background-image: url(../img/realizacje/pion/kosowska/gkosowska.jpg);
}

/* KONIEC -nasze-realizacje - str. główna */

/* @MEDIA - Nasze-realizacje - szczegółowa galeria - POCZĄTEK */
@media(orientation: portrait) and (min-width: 320px) {

    /* Nasze-realizacje - szczegółowa galeria */
    div.features2,
    div.features3,
    div.features4,
    div.features5 {
        margin: 0% 0%;
        text-align: center;
        width: 50%;
    }

    div.i-projects {
        background-repeat: no-repeat;
        background-position: center;
    }

    div.i-other {
        width: 100%;
        height: 100%;
        float: left;
        opacity: 0;
    }

    div.i-other:hover {
        background-color: rgba(0, 0, 0, 0.2);
        cursor: pointer;
        transition: all 0.5s;
        opacity: 1;
    }

    div.i-bg_photo p {
        opacity: 0;
        cursor: default;
        transition: 0s;
        position: absolute;
    }

    div.i-bg_photo:hover p {
        color: beige;
        font-size: 12px;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.7);
        padding: 2px;
        opacity: 1;
        transition: 0s;
    }

    /* początek poziom - pz */
    div.album1pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects1pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo1pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo1pz p {
        margin: 51vw 0;
    }

    div.bg_photo1pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album2pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects2pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo2pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo2pz p {
        margin: 51.5vw 0;
    }

    div.bg_photo2pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album3pz,
    div.album22pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects3pz,
    div.item-projects22pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo3pz,
    div.bg_photo22pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo3pz p,
    div.bg_photo22pz p {
        margin: 51vw 0;
    }

    div.bg_photo3pz:hover p,
    div.bg_photo22pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album4pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects4pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo4pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo4pz p {
        margin: 51vw 0;
    }

    div.bg_photo4pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album5pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects5pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo5pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo5pz p {
        margin: 51vw 0;
    }

    div.bg_photo5pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album6pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects6pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo6pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo6pz p {
        margin: 51vw 0;
    }

    div.bg_photo6pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album7pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects7pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo7pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo7pz p {
        margin: 51vw 0;
    }

    div.bg_photo7pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album8pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects8pz {
        width: 100vw;
        height: 60vw;
        background-size: 105%;
    }

    div.bg_photo8pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo8pz p {
        margin: 51vw 0;
    }

    div.bg_photo8pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album9pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects9pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo9pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo9pz p {
        margin: 51vw 0;
    }

    div.bg_photo9pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album10pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects10pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo10pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo10pz p {
        margin: 51vw 0;
    }

    div.bg_photo10pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album11pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects11pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo11pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo11pz p {
        margin: 51vw 0;
    }

    div.bg_photo11pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album12pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects12pz {
        width: 100vw;
        height: 60vw;
        background-size: 105%;
    }

    div.bg_photo12pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo12pz p {
        margin: 51vw 0;
    }

    div.bg_photo12pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album13pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects13pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo13pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo13pz p {
        margin: 51vw 0;
    }

    div.bg_photo13pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album14pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects14pz {
        width: 100vw;
        height: 60vw;
        background-size: 140%;
    }

    div.bg_photo14pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo14pz p {
        margin: 51vw 0;
    }

    div.bg_photo14pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album15pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects15pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo15pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo15pz p {
        margin: 51vw 0;
    }

    div.bg_photo15pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album16pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects16pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo16pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo16pz p {
        margin: 51vw 0;
    }

    div.bg_photo16pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album17pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects17pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo17pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo17pz p {
        margin: 51vw 0;
    }

    div.bg_photo17pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album18pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects18pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo18pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo18pz p {
        margin: 51vw 0;
    }

    div.bg_photo18pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album19pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects19pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo19pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo19pz p {
        margin: 51vw 0;
    }

    div.bg_photo19pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album20pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects20pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo20pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo20pz p {
        margin: 51vw 0;
    }

    div.bg_photo20pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album21pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects21pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo21pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo21pz p {
        margin: 51vw 0;
    }

    div.bg_photo21pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album23pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects23pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo23pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo23pz p {
        margin: 51vw 0;
    }

    div.bg_photo23pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album24pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects24pz {
        width: 100vw;
        height: 60vw;
        background-size: 105%;
    }

    div.bg_photo24pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo24pz p {
        margin: 51vw 0;
    }

    div.bg_photo24pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album25pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects25pz {
        width: 100vw;
        height: 60vw;
        background-size: 105%;
    }

    div.bg_photo25pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo25pz p {
        margin: 51vw 0;
    }

    div.bg_photo25pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album26pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects26pz {
        width: 100vw;
        height: 60vw;
        background-size: 105%;
    }

    div.bg_photo26pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo26pz p {
        margin: 51vw 0;
    }

    div.bg_photo26pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album27pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects27pz {
        width: 100vw;
        height: 60vw;
        background-size: 105%;
    }

    div.bg_photo27pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo27pz p {
        margin: 51vw 0;
    }

    div.bg_photo27pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album28pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects28pz {
        width: 100vw;
        height: 60vw;
        background-size: 105%;
    }

    div.bg_photo28pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo28pz p {
        margin: 51vw 0;
    }

    div.bg_photo28pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album29pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects29pz {
        width: 100vw;
        height: 60vw;
        background-size: 105%;
    }

    div.bg_photo29pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo29pz p {
        margin: 51vw 0;
    }

    div.bg_photo29pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album30pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects30pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo30pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo30pz p {
        margin: 51vw 0;
    }

    div.bg_photo30pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album31pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects31pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo31pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo31pz p {
        margin: 51vw 0;
    }

    div.bg_photo31pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album32pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects32pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo32pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo32pz p {
        margin: 51vw 0;
    }

    div.bg_photo32pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album33pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects33pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo33pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo33pz p {
        margin: 51vw 0;
    }

    div.bg_photo33pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album34pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects34pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo34pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo34pz p {
        margin: 51vw 0;
    }

    div.bg_photo34pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album35pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects35pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo35pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo35pz p {
        margin: 51vw 0;
    }

    div.bg_photo35pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album36pz {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects36pz {
        width: 100vw;
        height: 60vw;
        background-size: 100%;
    }

    div.bg_photo36pz {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo36pz p {
        margin: 51vw 0;
    }

    div.bg_photo36pz:hover p {
        width: 100vw;
        padding: 2px;
    }

    /* koniec poziom - pz */
    /* początek pion - pn */
    div.album1pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects1pn {
        width: 100vw;
        height: 130vw;
        background-size: 105%;
    }

    div.bg_photo1pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo1pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo1pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album2pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects2pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo2pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo2pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo2pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album3pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects3pn {
        width: 100vw;
        height: 130vw;
        background-size: 110%;
    }

    div.bg_photo3pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo3pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo3pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album4pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects4pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo4pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo4pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo4pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album5pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects5pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo5pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo5pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo5pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album6pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects6pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo6pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo6pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo6pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album7pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects7pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo7pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo7pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo7pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album8pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects8pn {
        width: 100vw;
        height: 130vw;
        background-size: 105%;
    }

    div.bg_photo8pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo8pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo8pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album9pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects9pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo9pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo9pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo9pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album10pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects10pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo10pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo10pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo10pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album11pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects11pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo11pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo11pn p {
        margin: 121.1vw 0;
    }

    div.album12pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects12pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo12pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo12pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo12pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album13pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects13pn {
        width: 100vw;
        height: 130vw;
        background-size: 105%;
    }

    div.bg_photo13pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo13pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo13pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album14pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects14pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo14pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo14pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo14pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album15pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects15pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo15pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo15pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo15pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album16pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects16pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo16pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo16pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo16pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album17pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects17pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo17pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo17pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo17pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album18pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects18pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo18pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo18pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo18pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album19pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects19pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo19pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo19pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo19pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album20pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects20pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo20pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo20pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo20pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album21pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects21pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo21pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo21pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo21pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album22pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects22pn {
        width: 100vw;
        height: 130vw;
        background-size: 105%;
    }

    div.bg_photo22pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo22pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo22pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album23pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects23pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo23pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo23pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo23pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album24pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects24pn {
        width: 100vw;
        height: 130vw;
        background-size: 110%;
    }

    div.bg_photo24pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo24pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo24pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album25pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects25pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo25pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo25pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo25pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album26pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects26pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo26pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo26pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo26pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album27pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects27pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo27pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo27pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo27pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album28pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects28pn {
        width: 100vw;
        height: 130vw;
        background-size: 100%;
    }

    div.bg_photo28pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo28pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo28pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album29pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects29pn {
        width: 100vw;
        height: 130vw;
        background-size: 110%;
    }

    div.bg_photo29pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo29pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo29pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album30pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects30pn {
        width: 100vw;
        height: 130vw;
        background-size: 110%;
    }

    div.bg_photo30pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo30pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo30pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    div.album31pn {
        float: left;
        width: 52%;
        padding: 2% 0%;
        margin: 0% 0%;
    }

    div.item-projects31pn {
        width: 100vw;
        height: 130vw;
        background-size: 105%;
    }

    div.bg_photo31pn {
        width: 100vw;
        height: 100%;
        float: left;
    }

    div.bg_photo31pn p {
        margin: 121.1vw 0;
    }

    div.bg_photo31pn:hover p {
        width: 100vw;
        padding: 2px;
    }

    /* koniec pion - pn */

    div.descrip {
        text-align: justify;
        padding: 3% 3% 10% 3%;
    }
}

@media(orientation: portrait) and (min-width: 360px) {

    div.bg_photo1pz p,
    div.bg_photo2pz p,
    div.bg_photo3pz p,
    div.bg_photo4pz p,
    div.bg_photo5pz p,
    div.bg_photo6pz p,
    div.bg_photo7pz p,
    div.bg_photo8pz p,
    div.bg_photo9pz p,
    div.bg_photo10pz p,
    div.bg_photo11pz p,
    div.bg_photo12pz p,
    div.bg_photo13pz p,
    div.bg_photo14pz p,
    div.bg_photo15pz p,
    div.bg_photo16pz p,
    div.bg_photo17pz p,
    div.bg_photo18pz p,
    div.bg_photo19pz p,
    div.bg_photo20pz p,
    div.bg_photo21pz p,
    div.bg_photo22pz p,
    div.bg_photo23pz p,
    div.bg_photo24pz p,
    div.bg_photo25pz p,
    div.bg_photo26pz p,
    div.bg_photo27pz p,
    div.bg_photo28pz p,
    div.bg_photo29pz p,
    div.bg_photo30pz p,
    div.bg_photo31pz p,
    div.bg_photo32pz p,
    div.bg_photo33pz p,
    div.bg_photo34pz p,
    div.bg_photo35pz p,
    div.bg_photo36pz p {
        margin: 52.3vw 0;
    }

    /* koniec poziom - pz */
    /* początek pion - pn */
    div.bg_photo1pn p,
    div.bg_photo2pn p,
    div.bg_photo3pn p,
    div.bg_photo4pn p,
    div.bg_photo5pn p,
    div.bg_photo7pn p,
    div.bg_photo8pn p,
    div.bg_photo9pn p,
    div.bg_photo10pn p,
    div.bg_photo11pn p,
    div.bg_photo12pn p,
    div.bg_photo13pn p,
    div.bg_photo14pn p,
    div.bg_photo15pn p,
    div.bg_photo16pn p,
    div.bg_photo17pn p,
    div.bg_photo18pn p,
    div.bg_photo19pn p,
    div.bg_photo20pn p,
    div.bg_photo21pn p,
    div.bg_photo22pn p,
    div.bg_photo23pn p,
    div.bg_photo24pn p,
    div.bg_photo25pn p,
    div.bg_photo26pn p,
    div.bg_photo27pn p,
    div.bg_photo28pn p,
    div.bg_photo29pn p,
    div.bg_photo30pn p,
    div.bg_photo31pn p {
        margin: 122vw 0;
    }

    /* koniec pion - pn */
}

@media(orientation: portrait) and (min-width: 375px) {

    div.bg_photo1pz p,
    div.bg_photo3pz p,
    div.bg_photo13pz p,
    div.bg_photo16pz p,
    div.bg_photo18pz p,
    div.bg_photo19pz p,
    div.bg_photo20pz p,
    div.bg_photo21pz p,
    div.bg_photo22pz p,
    div.bg_photo32pz p,
    div.bg_photo34pz p,
    div.bg_photo35pz p,
    div.bg_photo36pz p {
        margin: 52.5vw 0;
    }

    /* koniec poziom - pz */
    /* początek pion - pn */
    div.bg_photo1pn p,
    div.bg_photo2pn p,
    div.bg_photo3pn p,
    div.bg_photo15pn p,
    div.bg_photo16pn p,
    div.bg_photo20pn p,
    div.bg_photo24pn p,
    div.bg_photo29pn p {
        margin: 123vw 0;
    }

    /* koniec pion - pn */
}

@media(orientation: portrait) and (min-width: 384px) {

    div.bg_photo1pz p,
    div.bg_photo3pz p,
    div.bg_photo4pz p,
    div.bg_photo5pz p,
    div.bg_photo6pz p,
    div.bg_photo8pz p,
    div.bg_photo10pz p,
    div.bg_photo12pz p,
    div.bg_photo13pz p,
    div.bg_photo14pz p,
    div.bg_photo15pz p,
    div.bg_photo16pz p,
    div.bg_photo18pz p,
    div.bg_photo19pz p,
    div.bg_photo20pz p,
    div.bg_photo21pz p,
    div.bg_photo22pz p,
    div.bg_photo23pz p,
    div.bg_photo24pz p,
    div.bg_photo25pz p,
    div.bg_photo26pz p,
    div.bg_photo27pz p,
    div.bg_photo28pz p,
    div.bg_photo29pz p,
    div.bg_photo34pz p,
    div.bg_photo35pz p,
    div.bg_photo36pz p {
        margin: 52.7vw 0;
    }

    div.bg_photo4pn p,
    div.bg_photo5pn p,
    div.bg_photo7pn p,
    div.bg_photo8pn p,
    div.bg_photo9pn p,
    div.bg_photo10pn p,
    div.bg_photo11pn p,
    div.bg_photo12pn p,
    div.bg_photo13pn p,
    div.bg_photo14pn p,
    div.bg_photo17pn p,
    div.bg_photo18pn p,
    div.bg_photo19pn p,
    div.bg_photo21pn p,
    div.bg_photo22pn p,
    div.bg_photo23pn p,
    div.bg_photo25pn p,
    div.bg_photo26pn p,
    div.bg_photo28pn p,
    div.bg_photo30pn p,
    div.bg_photo31pn p {
        margin: 123.1vw 0;
    }
}

@media(orientation: portrait) and (min-width: 393px) {

    div.bg_photo2pz p,
    div.bg_photo3pz p,
    div.bg_photo13pz p,
    div.bg_photo19pz p,
    div.bg_photo20pz p,
    div.bg_photo21pz p,
    div.bg_photo22pz p,
    div.bg_photo31pz p,
    div.bg_photo33pz p,
    div.bg_photo34pz p,
    div.bg_photo35pz p,
    div.bg_photo36pz p {
        margin: 52.9vw 0;
    }
}

@media(orientation: portrait) and (min-width: 412px) {

    div.bg_photo1pz p,
    div.bg_photo2pz p,
    div.bg_photo3pz p,
    div.bg_photo4pz p,
    div.bg_photo5pz p,
    div.bg_photo6pz p,
    div.bg_photo7pz p,
    div.bg_photo8pz p,
    div.bg_photo9pz p,
    div.bg_photo10pz p,
    div.bg_photo11pz p,
    div.bg_photo12pz p,
    div.bg_photo13pz p,
    div.bg_photo14pz p,
    div.bg_photo15pz p,
    div.bg_photo16pz p,
    div.bg_photo17pz p,
    div.bg_photo18pz p,
    div.bg_photo19pz p,
    div.bg_photo20pz p,
    div.bg_photo21pz p,
    div.bg_photo22pz p,
    div.bg_photo23pz p,
    div.bg_photo24pz p,
    div.bg_photo25pz p,
    div.bg_photo26pz p,
    div.bg_photo27pz p,
    div.bg_photo28pz p,
    div.bg_photo29pz p,
    div.bg_photo30pz p,
    div.bg_photo32pz p,
    div.bg_photo34pz p,
    div.bg_photo35pz p,
    div.bg_photo36pz p {
        margin: 53.2vw 0;
    }

    div.bg_photo6pn p,
    div.bg_photo7pn p,
    div.bg_photo22pn p,
    div.bg_photo27pn p,
    div.bg_photo30pn p,
    div.bg_photo31pn p {
        margin: 123vw 0;
    }
}

@media(orientation: portrait) and (min-width: 428px) {

    div.bg_photo1pz p,
    div.bg_photo2pz p,
    div.bg_photo3pz p,
    div.bg_photo4pz p,
    div.bg_photo5pz p,
    div.bg_photo6pz p,
    div.bg_photo10pz p,
    div.bg_photo13pz p,
    div.bg_photo16pz p,
    div.bg_photo18pz p,
    div.bg_photo19pz p,
    div.bg_photo20pz p,
    div.bg_photo21pz p,
    div.bg_photo34pz p,
    div.bg_photo35pz p,
    div.bg_photo36pz p {
        margin: 53.5vw 0;
    }

    /* koniec poziom - pz */
    /* początek pion - pn */
    div.bg_photo1pn p,
    div.bg_photo2pn p,
    div.bg_photo3pn p,
    div.bg_photo4pn p,
    div.bg_photo14pn p,
    div.bg_photo15pn p,
    div.bg_photo16pn p,
    div.bg_photo17pn p,
    div.bg_photo20pn p,
    div.bg_photo24pn p,
    div.bg_photo29pn p {
        margin: 124vw 0;
    }

    /* koniec pion - pn */
}

@media(orientation: portrait) and (min-width: 480px) {

    div.bg_photo1pz p,
    div.bg_photo2pz p,
    div.bg_photo3pz p,
    div.bg_photo4pz p,
    div.bg_photo5pz p,
    div.bg_photo6pz p,
    div.bg_photo7pz p,
    div.bg_photo8pz p,
    div.bg_photo9pz p,
    div.bg_photo10pz p,
    div.bg_photo11pz p,
    div.bg_photo12pz p,
    div.bg_photo13pz p,
    div.bg_photo14pz p,
    div.bg_photo15pz p,
    div.bg_photo16pz p,
    div.bg_photo17pz p,
    div.bg_photo18pz p,
    div.bg_photo19pz p,
    div.bg_photo20pz p,
    div.bg_photo21pz p,
    div.bg_photo22pz p,
    div.bg_photo23pz p,
    div.bg_photo24pz p,
    div.bg_photo25pz p,
    div.bg_photo26pz p,
    div.bg_photo27pz p,
    div.bg_photo28pz p,
    div.bg_photo29pz p,
    div.bg_photo30pz p,
    div.bg_photo31pz p,
    div.bg_photo32pz p,
    div.bg_photo33pz p,
    div.bg_photo34pz p,
    div.bg_photo35pz p,
    div.bg_photo36pz p {
        margin: 54.2vw 0;
    }

    /* koniec poziom - pz */
    /* początek pion - pn */
    div.bg_photo5pn p,
    div.bg_photo6pn p,
    div.bg_photo7pn p,
    div.bg_photo8pn p,
    div.bg_photo11pn p,
    div.bg_photo12pn p,
    div.bg_photo13pn p,
    div.bg_photo18pn p,
    div.bg_photo19pn p,
    div.bg_photo21pn p,
    div.bg_photo22pn p,
    div.bg_photo23pn p,
    div.bg_photo25pn p,
    div.bg_photo26pn p,
    div.bg_photo27pn p,
    div.bg_photo28pn p,
    div.bg_photo30pn p,
    div.bg_photo31pn p {
        margin: 124vw 0;
    }

    /* koniec pion - pn */
}

@media(orientation: portrait) and (min-width: 640px) {

    div.features2,
    div.features3,
    div.features4,
    div.features5 {
        width: 100%;
    }

    div.album1pz {
        width: 51%;
        padding: 0.5% 2%;
        margin: 0% 8%;
    }

    div.item-projects1pz {
        width: 81vw;
        height: 45vw;
    }

    div.bg_photo1pz {
        width: 81vw;
    }

    div.bg_photo1pz p {
        margin: 41vw 0;
    }

    div.bg_photo1pz:hover p {
        width: 81vw;
    }

    div.album2pz {
        width: 48%;
        padding: 0.3% 8%;
        margin: 0% 8%;
    }

    div.item-projects2pz {
        width: 58vw;
        height: 40vw;
    }

    div.bg_photo2pz {
        width: 58vw;
    }

    div.bg_photo2pz p {
        margin: 35.9vw 0;
    }

    div.bg_photo2pz:hover p {
        width: 58vw;
    }

    div.album3pz,
    div.album22pz {
        width: 51%;
        padding: 0.5% 2%;
        margin: 0% 8%;
    }

    div.item-projects3pz,
    div.item-projects22pz {
        width: 81vw;
        height: 45vw;
    }

    div.bg_photo3pz,
    div.bg_photo22pz {
        width: 81vw;
    }

    div.bg_photo3pz p,
    div.bg_photo22pz p {
        margin: 41vw 0;
    }

    div.bg_photo3pz:hover p,
    div.bg_photo22pz:hover p {
        width: 81vw;
    }

    div.album4pz {
        width: 68%;
        padding: 0.5% 0%;
        margin: 0% 0%;
    }

    div.bg_photo4pz p {
        margin: 55.8vw 0;
    }

    div.album5pz {
        width: 50%;
        padding: 0.5% 0%;
        margin: 0% 0%;
    }

    div.item-projects5pz {
        width: 63.5vw;
        height: 46vw;
    }

    div.bg_photo5pz {
        width: 63.5vw;
    }

    div.bg_photo5pz p {
        margin: 41.6vw 0;
    }

    div.bg_photo5pz:hover p {
        width: 63.5vw;
    }

    div.album6pz {
        width: 51%;
        padding: 0.3% 8%;
        margin: 0% 8%;
    }

    div.item-projects6pz {
        width: 63vw;
        height: 37vw;
    }

    div.bg_photo6pz {
        width: 63vw;
    }

    div.bg_photo6pz p {
        margin: 32.6vw 0;
    }

    div.bg_photo6pz:hover p {
        width: 63vw;
    }

    div.album7pz {
        width: 75%;
        padding: 0.3% 9%;
        margin: 0% 0%;
    }

    div.item-projects7pz {
        width: 76.4vw;
        height: 35vw;
    }

    div.bg_photo7pz {
        width: 76.4vw;
    }

    div.bg_photo7pz p {
        margin: 30.8vw 0;
    }

    div.bg_photo7pz:hover p {
        width: 76.4vw;
    }

    div.album8pz {
        width: 51%;
        padding: 0.3% 9%;
        margin: 0% 8%;
    }

    div.item-projects8pz {
        width: 63.5vw;
        height: 31vw;
    }

    div.bg_photo8pz {
        width: 63.5vw;
    }

    div.bg_photo8pz p {
        margin: 26.6vw 0;
    }

    div.bg_photo8pz:hover p {
        width: 63.5vw;
    }

    div.album9pz {
        width: 75%;
        padding: 0.3% 9%;
        margin: 0% 0%;
    }

    div.item-projects9pz {
        width: 76.4vw;
        height: 40vw;
    }

    div.bg_photo9pz {
        width: 76.4vw;
    }

    div.bg_photo9pz p {
        margin: 35.8vw 0;
    }

    div.bg_photo9pz:hover p {
        width: 76.4vw;
    }

    div.album10pz {
        width: 51%;
        padding: 0.3% 8%;
        margin: 0% 8%;
    }

    div.item-projects10pz {
        width: 63vw;
        height: 37vw;
    }

    div.bg_photo10pz {
        width: 63vw;
    }

    div.bg_photo10pz p {
        margin: 32.6vw 0;
    }

    div.bg_photo10pz:hover p {
        width: 63vw;
    }

    div.album11pz {
        width: 75%;
        padding: 0.3% 9%;
        margin: 0% 0%;
    }

    div.item-projects11pz {
        width: 76.4vw;
        height: 40vw;
    }

    div.bg_photo11pz {
        width: 76.4vw;
    }

    div.bg_photo11pz p {
        margin: 35.8vw 0;
    }

    div.bg_photo11pz:hover p {
        width: 76.4vw;
    }

    div.album12pz {
        width: 55.5%;
        padding: 0.2% 17%;
        margin: 0% 0%;
    }

    div.item-projects12pz {
        width: 38vw;
        height: 30vw;
        background-size: 140%;
    }

    div.bg_photo12pz {
        width: 38vw;
    }

    div.bg_photo12pz p {
        margin: 25.8vw 0;
    }

    div.bg_photo12pz:hover p {
        width: 38vw;
    }

    div.album13pz {
        width: 51%;
        padding: 0.5% 2%;
        margin: 0% 8%;
    }

    div.item-projects13pz {
        width: 81vw;
        height: 45vw;
    }

    div.bg_photo13pz {
        width: 81vw;
    }

    div.bg_photo13pz p {
        margin: 41vw 0;
    }

    div.bg_photo13pz:hover p {
        width: 81vw;
    }

    div.album14pz {
        width: 32%;
        padding: 0.2% 0% 0.2% 17%;
        margin: 0% 0%;
    }

    div.item-projects14pz {
        width: 31.5vw;
        height: 21vw;
        background-size: 150%;
    }

    div.bg_photo14pz {
        width: 31.5vw;
    }

    div.bg_photo14pz p {
        margin: 16.6vw 0;
    }

    div.bg_photo14pz:hover p {
        width: 31.5vw;
    }

    div.album15pz {
        width: 64%;
        padding: 0.3% 2%;
        margin: 0% 0%;
    }

    div.item-projects15pz {
        width: 63.3vw;
        height: 41vw;
    }

    div.bg_photo15pz {
        width: 63.3vw;
    }

    div.bg_photo15pz p {
        margin: 36.6vw 0;
    }

    div.bg_photo15pz:hover p {
        width: 63.3vw;
    }

    div.item-projects16pz {
        width: 81vw;
        height: 40vw;
    }

    div.bg_photo16pz {
        width: 81vw;
    }

    div.bg_photo16pz p {
        margin: 36vw 0;
    }

    div.bg_photo16pz:hover p {
        width: 81vw;
    }

    div.album17pz {
        width: 51%;
        padding: 0.5% 2%;
        margin: 0% 8%;
    }

    div.item-projects17pz {
        width: 81vw;
        height: 45vw;
    }

    div.bg_photo17pz {
        width: 81vw;
    }

    div.bg_photo17pz p {
        margin: 41vw 0;
    }

    div.bg_photo17pz:hover p {
        width: 81vw;
    }

    div.album18pz {
        padding: 0.5% 2%;
        margin: 0% 8%;
    }

    div.item-projects18pz {
        width: 81vw;
        height: 40vw;
    }

    div.bg_photo18pz {
        width: 81vw;
    }

    div.bg_photo18pz p {
        margin: 36vw 0;
    }

    div.bg_photo18pz:hover p {
        width: 81vw;
    }

    div.album19pz {
        padding: 0.5% 0%;
        margin: 0% 0%;
    }

    div.item-projects19pz {
        width: 100vw;
        height: 45vw;
    }

    div.bg_photo19pz {
        width: 100vw;
    }

    div.bg_photo19pz p {
        margin: 40.6vw 0;
    }

    div.bg_photo19pz:hover p {
        width: 100vw;
    }

    div.album20pz {
        width: 51%;
        padding: 0.5% 2%;
        margin: 0% 8%;
    }

    div.item-projects20pz {
        width: 81vw;
        height: 45vw;
    }

    div.bg_photo20pz {
        width: 81vw;
    }

    div.bg_photo20pz p {
        margin: 41vw 0;
    }

    div.bg_photo20pz:hover p {
        width: 81vw;
    }

    div.album21pz {
        width: 51%;
        padding: 0.5% 2%;
        margin: 0% 8%;
    }

    div.item-projects21pz {
        width: 81vw;
        height: 45vw;
    }

    div.bg_photo21pz {
        width: 81vw;
    }

    div.bg_photo21pz p {
        margin: 41vw 0;
    }

    div.bg_photo21pz:hover p {
        width: 81vw;
    }

    div.album23pz {
        width: 75%;
        padding: 0.2% 17%;
        margin: 0% 0%;
    }

    div.item-projects23pz {
        width: 63.4vw;
        height: 33vw;
        background-size: 100%;
    }

    div.bg_photo23pz {
        width: 63.4vw;
    }

    div.bg_photo23pz p {
        margin: 28.8vw 0;
    }

    div.bg_photo23pz:hover p {
        width: 63.4vw;
    }

    div.album24pz {
        width: 65.1%;
        padding: 0.4% 0%;
        margin: 0% 0%;
    }

    div.item-projects24pz {
        width: 64.3vw;
        height: 40vw;
        background-size: 100%;
    }

    div.bg_photo24pz {
        width: 64.3vw;
    }

    div.bg_photo24pz p {
        margin: 35.6vw 0;
    }

    div.bg_photo24pz:hover p {
        width: 64.3vw;
    }

    div.album25pz {
        width: 32%;
        padding: 0.2% 0% 0.2% 17%;
        margin: 0% 0%;
    }

    div.item-projects25pz {
        width: 31.5vw;
        height: 21vw;
        background-size: 150%;
    }

    div.bg_photo25pz {
        width: 31.5vw;
    }

    div.bg_photo25pz p {
        margin: 16.6vw 0;
    }

    div.bg_photo25pz:hover p {
        width: 31.5vw;
    }

    div.album26pz {
        width: 55.5%;
        padding: 0.2% 17%;
        margin: 0% 0%;
    }

    div.item-projects26pz {
        width: 38vw;
        height: 30vw;
        background-size: 140%;
    }

    div.bg_photo26pz {
        width: 38vw;
    }

    div.bg_photo26pz p {
        margin: 25.8vw 0;
    }

    div.bg_photo26pz:hover p {
        width: 38vw;
    }

    div.album27pz {
        width: 65.1%;
        padding: 0.4% 0%;
        margin: 0% 0%;
    }

    div.item-projects27pz {
        width: 64.3vw;
        height: 40vw;
        background-size: 100%;
    }

    div.bg_photo27pz {
        width: 64.3vw;
    }

    div.bg_photo27pz p {
        margin: 35.6vw 0;
    }

    div.bg_photo27pz:hover p {
        width: 64.3vw;
    }

    div.album28pz {
        width: 46%;
        padding: 0.3% 1.5%;
        margin: 0% 0%;
    }

    div.item-projects28pz {
        width: 60vw;
        height: 45vw;
        background-size: 100%;
    }

    div.bg_photo28pz {
        width: 60vw;
    }

    div.bg_photo28pz p {
        margin: 40.8vw 0;
    }

    div.bg_photo28pz:hover p {
        width: 60vw;
    }

    div.album29pz {
        width: 52%;
        padding: 0.3% 1.5%;
        margin: 0% 0%;
    }

    div.item-projects29pz {
        width: 96vw;
        height: 50vw;
        background-size: 100%;
    }

    div.bg_photo29pz {
        width: 96vw;
    }

    div.bg_photo29pz p {
        margin: 45.8vw 0;
    }

    div.bg_photo29pz:hover p {
        width: 96vw;
    }

    div.album30pz {
        width: 51%;
        padding: 0.5% 0%;
        margin: 0% 1%;
    }

    div.item-projects30pz {
        width: 98vw;
        height: 45vw;
    }

    div.bg_photo30pz {
        width: 98vw;
    }

    div.bg_photo30pz p {
        margin: 41vw 0;
    }

    div.bg_photo30pz:hover p {
        width: 98vw;
    }

    div.album31pz {
        width: 80%;
        padding: 0.5% 0%;
        margin: 0% 1%;
    }

    div.item-projects31pz {
        width: 98vw;
        height: 45vw;
    }

    div.bg_photo31pz {
        width: 98vw;
    }

    div.bg_photo31pz p {
        margin: 40.9vw 0;
    }

    div.bg_photo31pz:hover p {
        width: 98vw;
    }

    div.album32pz {
        width: 49.3%;
        padding: 0.5% 1%;
        margin: 0% 0%;
    }

    div.item-projects32pz {
        width: 48.6vw;
        height: 36vw;
    }

    div.bg_photo32pz {
        width: 48.6vw;
    }

    div.bg_photo32pz p {
        margin: 32vw 0;
    }

    div.bg_photo32pz:hover p {
        width: 48.6vw;
    }

    div.album33pz {
        width: 48%;
        padding: 0.3% 2%;
        margin: 0% 0%;
    }

    div.item-projects33pz {
        width: 47.3vw;
        height: 32vw;
    }

    div.bg_photo33pz {
        width: 47.3vw;
    }

    div.bg_photo33pz p {
        margin: 27.7vw 0;
    }

    div.bg_photo33pz:hover p {
        width: 47.3vw;
    }

    div.album34pz {
        width: 80%;
        padding: 0.5% 0%;
        margin: 0% 1%;
    }

    div.item-projects34pz {
        width: 98vw;
        height: 45vw;
    }

    div.bg_photo34pz {
        width: 98vw;
    }

    div.bg_photo34pz p {
        margin: 40.9vw 0;
    }

    div.bg_photo34pz:hover p {
        width: 98vw;
    }

    div.album35pz {
        width: 80%;
        padding: 0.5% 0%;
        margin: 0% 1%;
    }

    div.item-projects35pz {
        width: 98vw;
        height: 45vw;
    }

    div.bg_photo35pz {
        width: 98vw;
    }

    div.bg_photo35pz p {
        margin: 40.9vw 0;
    }

    div.bg_photo35pz:hover p {
        width: 98vw;
    }

    div.album36pz {
        width: 80%;
        padding: 0.5% 2%;
        margin: 0%;
    }

    div.item-projects36pz {
        width: 95.4vw;
        height: 40vw;
    }

    div.bg_photo36pz {
        width: 95.4vw;
    }

    div.bg_photo36pz p {
        margin: 35.8vw 0;
    }

    div.bg_photo36pz:hover p {
        width: 95.4vw;
    }

    /* koniec poziom - pz */
    /* początek pion - pn */

    div.album1pn {
        width: 24%;
        padding: 0.5% 2%;
        margin: 0% 8%;
    }

    div.item-projects1pn {
        width: 29vw;
        height: 38vw;
    }

    div.bg_photo1pn {
        width: 29vw;
    }

    div.bg_photo1pn p {
        margin: 33.9vw 0;
    }

    div.bg_photo1pn:hover p {
        width: 29vw;
    }

    div.album2pn {
        width: 21.2%;
        padding: 0.3% 5%;
        margin: 0% 0%;
    }

    div.item-projects2pn {
        width: 31.5vw;
        height: 40vw;
    }

    div.bg_photo2pn {
        width: 31.5vw;
    }

    div.bg_photo2pn p {
        margin: 35.9vw 0;
    }

    div.bg_photo2pn:hover p {
        width: 31.5vw;
    }

    div.album3pn {
        width: 50%;
        padding: 0.5% 0%;
        margin: 0% 0%;
    }

    div.item-projects3pn {
        width: 49.2vw;
        height: 56vw;
    }

    div.bg_photo3pn {
        width: 49.2vw;
    }

    div.bg_photo3pn p {
        margin: 52vw 0;
    }

    div.bg_photo3pn:hover p {
        width: 49.2vw;
    }

    div.album4pn {
        width: 36.5%;
        padding: 0.5% 0%;
        margin: 0% 0%;
    }

    div.item-projects4pn {
        width: 35.5vw;
        height: 46vw;
    }

    div.bg_photo4pn {
        width: 35.5vw;
    }

    div.bg_photo4pn p {
        margin: 41.6vw 0;
    }

    div.bg_photo4pn:hover p {
        width: 35.5vw;
    }

    div.album5pn {
        width: 24%;
        padding: 0.3% 1.5%;
        margin: 0% 15%;
    }

    div.item-projects5pn {
        width: 35vw;
        height: 45vw;
    }

    div.bg_photo5pn {
        width: 35vw;
    }

    div.bg_photo5pn p {
        margin: 40.8vw 0;
    }

    div.bg_photo5pn:hover p {
        width: 35vw;
    }

    div.album6pn {
        width: 52%;
        padding: 0.3% 8%;
        margin: 0% 8%;
    }

    div.item-projects6pn {
        width: 63vw;
        height: 74vw;
    }

    div.bg_photo6pn {
        width: 63vw;
    }

    div.bg_photo6pn p {
        margin: 69.5vw 0;
    }

    div.bg_photo6pn:hover p {
        width: 63vw;
    }

    div.album7pn {
        width: 32%;
        padding: 0.3% 2%;
        margin: 0% 0%;
    }

    div.item-projects7pn {
        width: 31.3vw;
        height: 41vw;
    }

    div.bg_photo7pn {
        width: 31.3vw;
    }

    div.bg_photo7pn p {
        margin: 36.7vw 0;
    }

    div.bg_photo7pn:hover p {
        width: 31.3vw;
    }

    div.album8pn {
        width: 13%;
        padding: 0.2% 0%;
        margin: 0% 0%;
    }

    div.item-projects8pn {
        width: 25vw;
        height: 30vw;
    }

    div.bg_photo8pn {
        width: 25vw;
    }

    div.bg_photo8pn p {
        margin: 25.8vw 0;
    }

    div.bg_photo8pn:hover p {
        width: 25vw;
    }

    div.album9pn {
        width: 38.5%;
        padding: 0.3% 9%;
        margin: 0% 0%;
    }

    div.item-projects9pn {
        width: 37.9vw;
        height: 45vw;
    }

    div.bg_photo9pn {
        width: 37.9vw;
    }

    div.bg_photo9pn p {
        margin: 40.8vw 0;
    }

    div.bg_photo9pn:hover p {
        width: 37.9vw;
    }

    div.album10pn {
        width: 13%;
        padding: 0.2% 0%;
        margin: 0% 0%;
    }

    div.item-projects10pn {
        width: 25vw;
        height: 30vw;
    }

    div.bg_photo10pn {
        width: 25vw;
    }

    div.bg_photo10pn p {
        margin: 25.8vw 0;
    }

    div.bg_photo10pn:hover p {
        width: 25vw;
    }

    div.album11pn {
        width: 13%;
        padding: 0.4% 0%;
        margin: 0% 0%;
    }

    div.item-projects11pn {
        width: 34vw;
        height: 40vw;
        background-size: 100%;
    }

    div.bg_photo11pn {
        width: 34vw;
    }

    div.bg_photo11pn p {
        margin: 35.6vw 0;
    }

    div.bg_photo11pn:hover p {
        width: 34vw;
    }

    div.album12pn {
        width: 50%;
        padding: 0.5% 0%;
        margin: 0% 0%;
    }

    div.item-projects12pn {
        width: 49.2vw;
        height: 56vw;
        background-size: 100%;
    }

    div.bg_photo12pn {
        width: 49.2vw;
    }

    div.bg_photo12pn p {
        margin: 52vw 0;
    }

    div.bg_photo12pn:hover p {
        width: 49.2vw;
    }

    div.album13pn {
        width: 32%;
        padding: 0.3% 12%;
        margin: 0% 0%;
    }

    div.item-projects13pn {
        width: 31.3vw;
        height: 41vw;
    }

    div.bg_photo13pn {
        width: 31.3vw;
    }

    div.bg_photo13pn p {
        margin: 36.7vw 0;
    }

    div.bg_photo13pn:hover p {
        width: 31.3vw;
    }

    div.album14pn {
        width: 25.7%;
        padding: 0.3% 9%;
        margin: 0% 0%;
    }

    div.item-projects14pn {
        width: 25vw;
        height: 33vw;
    }

    div.bg_photo14pn {
        width: 25vw;
    }

    div.bg_photo14pn p {
        margin: 28.5vw 0;
    }

    div.bg_photo14pn:hover p {
        width: 25vw;
    }

    div.album15pn {
        width: 50%;
        padding: 0.5% 0%;
        margin: 0% 0%;
    }

    div.item-projects15pn {
        width: 49.2vw;
        height: 56vw;
    }

    div.bg_photo15pn {
        width: 49.2vw;
    }

    div.bg_photo15pn p {
        margin: 52vw 0;
    }

    div.bg_photo15pn:hover p {
        width: 49.2vw;
    }

    div.album16pn {
        width: 25%;
        padding: 0.5% 2%;
        margin: 0% 8%;
    }

    div.item-projects16pn {
        width: 40vw;
        height: 46vw;
    }

    div.bg_photo16pn {
        width: 40vw;
    }

    div.bg_photo16pn p {
        margin: 42vw 0;
    }

    div.bg_photo16pn:hover p {
        width: 40vw;
    }

    div.album17pn {
        width: 25.7%;
        padding: 0.3% 9%;
        margin: 0% 0%;
    }

    div.item-projects17pn {
        width: 25vw;
        height: 33vw;
    }

    div.bg_photo17pn {
        width: 25vw;
    }

    div.bg_photo17pn p {
        margin: 28.5vw 0;
    }

    div.bg_photo17pn:hover p {
        width: 25vw;
    }

    div.album18pn {
        width: 13%;
        padding: 0.4% 0%;
        margin: 0% 0%;
    }

    div.item-projects18pn {
        width: 34vw;
        height: 40vw;
        background-size: 100%;
    }

    div.bg_photo18pn {
        width: 34vw;
    }

    div.bg_photo18pn p {
        margin: 35.6vw 0;
    }

    div.bg_photo18pn:hover p {
        width: 34vw;
    }

    div.album19pn {
        width: 50%;
        padding: 0.5% 0%;
        margin: 0% 0%;
    }

    div.item-projects19pn {
        width: 49.2vw;
        height: 56vw;
    }

    div.bg_photo19pn {
        width: 49.2vw;
    }

    div.bg_photo19pn p {
        margin: 52vw 0;
    }

    div.bg_photo19pn:hover p {
        width: 49.2vw;
    }

    div.album20pn {
        width: 50%;
        padding: 0.5% 0%;
        margin: 0% 0%;
    }

    div.item-projects20pn {
        width: 49.2vw;
        height: 56vw;
    }

    div.bg_photo20pn {
        width: 49.2vw;
    }

    div.bg_photo20pn p {
        margin: 52vw 0;
    }

    div.bg_photo20pn:hover p {
        width: 49.2vw;
    }

    div.album21pn {
        width: 33.3%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects21pn {
        width: 32.5vw;
        height: 42vw;
    }

    div.bg_photo21pn {
        width: 32.5vw;
    }

    div.bg_photo21pn p {
        margin: 37.9vw 0;
    }

    div.bg_photo21pn:hover p {
        width: 32.5vw;
    }

    div.album22pn {
        width: 32%;
        padding: 0.3% 2%;
        margin: 0% 0%;
    }

    div.item-projects22pn {
        width: 31.3vw;
        height: 41vw;
    }

    div.bg_photo22pn {
        width: 31.3vw;
    }

    div.bg_photo22pn p {
        margin: 36.7vw 0;
    }

    div.bg_photo22pn:hover p {
        width: 31.3vw;
    }

    div.album23pn {
        width: 50%;
        padding: 0.5% 0%;
        margin: 0% 0%;
    }

    div.item-projects23pn {
        width: 49.2vw;
        height: 56vw;
        background-size: 100%;
    }

    div.bg_photo23pn {
        width: 49.2vw;
    }

    div.bg_photo23pn p {
        margin: 52vw 0;
    }

    div.bg_photo23pn:hover p {
        width: 49.2vw;
    }

    div.album24pn {
        width: 50%;
        padding: 0.5% 0%;
        margin: 0% 0%;
    }

    div.item-projects24pn {
        width: 49.2vw;
        height: 56vw;
        background-size: 100%;
    }

    div.bg_photo24pn {
        width: 49.2vw;
    }

    div.bg_photo24pn p {
        margin: 52vw 0;
    }

    div.bg_photo24pn:hover p {
        width: 49.2vw;
    }

    div.album25pn {
        width: 32%;
        padding: 0.3% 12%;
        margin: 0% 0%;
    }

    div.item-projects25pn {
        width: 31.3vw;
        height: 41vw;
    }

    div.bg_photo25pn {
        width: 31.3vw;
    }

    div.bg_photo25pn p {
        margin: 36.7vw 0;
    }

    div.bg_photo25pn:hover p {
        width: 31.3vw;
    }

    div.album26pn {
        width: 49.3%;
        padding: 0.5% 1%;
        margin: 0% 0%;
    }

    div.item-projects26pn {
        width: 48.6vw;
        height: 56vw;
    }

    div.bg_photo26pn {
        width: 48.6vw;
    }

    div.bg_photo26pn p {
        margin: 52vw 0;
    }

    div.bg_photo26pn:hover p {
        width: 48.6vw;
    }

    div.album27pn {
        width: 32%;
        padding: 0.3% 2%;
        margin: 0% 0%;
    }

    div.item-projects27pn {
        width: 31.3vw;
        height: 41vw;
    }

    div.bg_photo27pn {
        width: 31.3vw;
    }

    div.bg_photo27pn p {
        margin: 36.7vw 0;
    }

    div.bg_photo27pn:hover p {
        width: 31.3vw;
    }

    div.album28pn {
        width: 32%;
        padding: 0.3% 12%;
        margin: 0% 0%;
    }

    div.item-projects28pn {
        width: 31.3vw;
        height: 41vw;
    }

    div.bg_photo28pn {
        width: 31.3vw;
    }

    div.bg_photo28pn p {
        margin: 36.7vw 0;
    }

    div.bg_photo28pn:hover p {
        width: 31.3vw;
    }

    div.album29pn {
        width: 49.3%;
        padding: 0.5% 1%;
        margin: 0% 0%;
    }

    div.item-projects29pn {
        width: 48.6vw;
        height: 56vw;
    }

    div.bg_photo29pn {
        width: 48.6vw;
    }

    div.bg_photo29pn p {
        margin: 51.8vw 0;
    }

    div.bg_photo29pn:hover p {
        width: 48.6vw;
    }

    div.album30pn {
        width: 15%;
        padding: 0.3% 2%;
        margin: 0% 0%;
    }

    div.item-projects30pn {
        width: 31.3vw;
        height: 41vw;
    }

    div.bg_photo30pn {
        width: 31.3vw;
    }

    div.bg_photo30pn p {
        margin: 36.6vw 0;
    }

    div.bg_photo30pn:hover p {
        width: 31.3vw;
    }

    div.album31pn {
        width: 32%;
        padding: 0.3% 2%;
        margin: 0% 0%;
    }

    div.item-projects31pn {
        width: 31.3vw;
        height: 41vw;
    }

    div.bg_photo31pn {
        width: 31.3vw;
    }

    div.bg_photo31pn p {
        margin: 36.6vw 0;
    }

    div.bg_photo31pn:hover p {
        width: 31.3vw;
    }

    /* koniec pion - pn */
    div.descrip {
        padding: 5% 9% 14% 10%;
    }
}

@media(orientation: portrait) and (min-width: 768px) {

    div.features2,
    div.features5 {
        margin: 0% 0%;
        width: 100%;
    }

    div.album1pz {
        padding: 1% 18%;
        margin: 0% 2%;
    }

    div.item-projects1pz {
        width: 56vw;
        height: 38vw;
    }

    div.bg_photo1pz {
        width: 56vw;
    }

    div.bg_photo1pz p {
        margin: 34.5vw 0;
    }

    div.bg_photo1pz:hover p {
        width: 56vw;
    }

    div.album2pz {
        padding: 0.5% 2%;
        margin: 0% 0%;
    }

    div.item-projects2pz {
        width: 58vw;
        height: 37vw;
    }

    div.bg_photo2pz {
        width: 58vw;
    }

    div.bg_photo2pz p {
        margin: 33.4vw 0;
    }

    div.bg_photo2pz:hover p {
        width: 58vw;
    }

    div.album3pz,
    div.album22pz {
        padding: 1% 18%;
        margin: 0% 2%;
    }

    div.item-projects3pz,
    div.item-projects22pz {
        width: 56vw;
        height: 38vw;
    }

    div.bg_photo3pz,
    div.bg_photo22pz {
        width: 56vw;
    }

    div.bg_photo3pz p,
    div.bg_photo22pz p {
        margin: 34.5vw 0;
    }

    div.bg_photo3pz:hover p,
    div.bg_photo22pz:hover p {
        width: 56vw;
    }

    div.album4pz {
        width: 50%;
        padding: 0.5% 0%;
    }

    div.item-projects4pz {
        width: 49.2vw;
        height: 37vw;
    }

    div.bg_photo4pz {
        width: 49.2vw;
    }

    div.bg_photo4pz p {
        margin: 33.5vw 0;
    }

    div.bg_photo4pz:hover p {
        width: 49.2vw;
    }

    div.bg_photo5pz p {
        margin: 42.2vw 0;
    }

    div.album6pz {
        width: 47.7%;
        padding: 0.3% 17%;
        margin: 0% 7%;
    }

    div.item-projects6pz {
        width: 40vw;
        height: 26vw;
        background-size: 115%;
    }

    div.bg_photo6pz {
        width: 40vw;
    }

    div.bg_photo6pz p {
        margin: 22.2vw 0;
    }

    div.bg_photo6pz:hover p {
        width: 40vw;
    }

    div.bg_photo7pz p {
        margin: 31.5vw 0;
    }

    div.bg_photo8pz p {
        margin: 27.2vw 0;
    }

    div.item-projects9pz {
        height: 35vw;
    }

    div.bg_photo9pz p {
        margin: 31.5vw 0;
    }

    div.album10pz {
        width: 47.7%;
        padding: 0.3% 17%;
        margin: 0% 7%;
    }

    div.item-projects10pz {
        width: 40vw;
        height: 26vw;
        background-size: 115%;
    }

    div.bg_photo10pz {
        width: 40vw;
    }

    div.bg_photo10pz p {
        margin: 22.2vw 0;
    }

    div.bg_photo10pz:hover p {
        width: 40vw;
    }

    div.album11pz {
        width: 38.5%;
    }

    div.item-projects11pz {
        width: 37.9vw;
        height: 28vw;
    }

    div.bg_photo11pz {
        width: 37.9vw;
    }

    div.bg_photo11pz p {
        margin: 24.2vw 0;
    }

    div.bg_photo11pz:hover p {
        width: 37.9vw;
    }

    div.bg_photo12pz p {
        margin: 26.4vw 0;
    }

    div.album13pz {
        padding: 1% 18%;
        margin: 0% 2%;
    }

    div.item-projects13pz {
        width: 56vw;
        height: 38vw;
    }

    div.bg_photo13pz {
        width: 56vw;
    }

    div.bg_photo13pz p {
        margin: 34.5vw 0;
    }

    div.bg_photo13pz:hover p {
        width: 56vw;
    }

    div.bg_photo14pz p {
        margin: 17.3vw 0;
    }

    div.bg_photo15pz p {
        margin: 37.4vw 0;
    }

    div.bg_photo16pz p {
        margin: 36.5vw 0;
    }

    div.album17pz {
        padding: 1% 18%;
        margin: 0% 2%;
    }

    div.item-projects17pz {
        width: 56vw;
        height: 38vw;
    }

    div.bg_photo17pz {
        width: 56vw;
    }

    div.bg_photo17pz p {
        margin: 34.5vw 0;
    }

    div.bg_photo17pz:hover p {
        width: 56vw;
    }

    div.bg_photo18pz p {
        margin: 36.5vw 0;
    }

    div.bg_photo19pz p {
        margin: 41.6vw 0;
    }

    div.album20pz {
        padding: 1% 18%;
        margin: 0% 2%;
    }

    div.item-projects20pz {
        width: 56vw;
        height: 38vw;
    }

    div.bg_photo20pz {
        width: 56vw;
    }

    div.bg_photo20pz p {
        margin: 34.5vw 0;
    }

    div.bg_photo20pz:hover p {
        width: 56vw;
    }

    div.album21pz {
        padding: 1% 18%;
        margin: 0% 2%;
    }

    div.item-projects21pz {
        width: 56vw;
        height: 38vw;
    }

    div.bg_photo21pz {
        width: 56vw;
    }

    div.bg_photo21pz p {
        margin: 34.5vw 0;
    }

    div.bg_photo21pz:hover p {
        width: 56vw;
    }

    div.bg_photo23pz p {
        margin: 29.2vw 0;
    }

    div.bg_photo24pz p,
    div.bg_photo27pz p {
        margin: 36.6vw 0;
    }

    div.bg_photo25pz p {
        margin: 17.3vw 0;
    }

    div.bg_photo26pz p {
        margin: 26.4vw 0;
    }

    div.bg_photo28pz p {
        margin: 41.5vw 0;
    }

    div.album29pz {
        width: 48.5%;
        padding: 0.3% 1.5%;
        margin: 0% 0%;
    }

    div.item-projects29pz {
        width: 47.5vw;
        height: 35vw;
    }

    div.bg_photo29pz {
        width: 47.5vw;
    }

    div.bg_photo29pz p {
        margin: 31.2vw 0;
    }

    div.bg_photo29pz:hover p {
        width: 47.5vw;
    }

    div.bg_photo31pz p {
        margin: 41.1vw 0;
    }

    div.bg_photo32pz p {
        margin: 32.3vw 0;
    }

    div.bg_photo33pz p {
        margin: 28vw 0;
    }

    div.album34pz {
        width: 27.23%;
        padding: 0.25% 10%;
        margin: 0% 0%;
    }

    div.item-projects34pz {
        width: 26.7vw;
        height: 19vw;
    }

    div.bg_photo34pz {
        width: 26.7vw;
    }

    div.bg_photo34pz p {
        margin: 15.2vw 0;
    }

    div.bg_photo34pz:hover p {
        width: 26.7vw;
    }

    div.album35pz {
        width: 40.8%;
        padding: 0.25% 10%;
        margin: 0% 0%;
    }

    div.item-projects35pz {
        width: 40.3vw;
        height: 25vw;
    }

    div.bg_photo35pz {
        width: 40.3vw;
    }

    div.bg_photo35pz p {
        margin: 21.5vw 0;
    }

    div.bg_photo35pz:hover p {
        width: 40.3vw;
    }

    div.bg_photo36pz p {
        margin: 36.2vw 0;
    }

    /* koniec poziom - pz */
    /* początek pion - pn */

    div.bg_photo1pn p {
        margin: 34.5vw 0;
    }

    div.album2pn {
        width: 33.2%;
        padding: 0.5% 7%;
        margin: 0% 0%;
    }

    div.item-projects2pn {
        width: 27.5vw;
        height: 37vw;
    }

    div.bg_photo2pn {
        width: 27.5vw;
    }

    div.bg_photo2pn p {
        margin: 33.4vw 0;
    }

    div.bg_photo2pn:hover p {
        width: 27.5vw;
    }

    div.bg_photo3pn p {
        margin: 52.5vw 0;
    }

    div.bg_photo4pn p {
        margin: 42.2vw 0;
    }

    div.bg_photo5pn p {
        margin: 41.5vw 0;
    }

    div.album6pn {
        width: 40%;
        padding: 0.3% 24%;
        margin: 0% 0%;
    }

    div.item-projects6pn {
        width: 40vw;
        height: 45vw;
    }

    div.bg_photo6pn {
        width: 40vw;
    }

    div.bg_photo6pn p {
        margin: 41.5vw 0;
    }

    div.bg_photo6pn:hover p {
        width: 40vw;
    }

    div.bg_photo7pn p {
        margin: 37.4vw 0;
    }

    div.bg_photo8pn p {
        margin: 26.4vw 0;
    }

    div.bg_photo9pn p {
        margin: 41.3vw 0;
    }

    div.bg_photo11pn p {
        margin: 36.6vw 0;
    }

    div.bg_photo12pn p {
        margin: 52.5vw 0;
    }

    div.bg_photo13pn p {
        margin: 37.4vw 0;
    }

    div.bg_photo14pn p {
        margin: 29.3vw 0;
    }

    div.bg_photo15pn p {
        margin: 52.3vw 0;
    }

    div.bg_photo16pn p {
        margin: 42.3vw 0;
    }

    div.bg_photo17pn p {
        margin: 29.3vw 0;
    }

    div.bg_photo20pn p {
        margin: 52.4vw 0;
    }

    div.bg_photo21pn p {
        margin: 38.4vw 0;
    }

    div.bg_photo22pn p {
        margin: 37.4vw 0;
    }

    div.bg_photo23pn p {
        margin: 52.5vw 0;
    }

    div.bg_photo24pn p {
        margin: 52.5vw 0;
    }

    div.album25pn {
        padding: 0.3% 16%;
    }

    div.bg_photo25pn p {
        margin: 37.4vw 0;
    }

    div.bg_photo26pn p {
        margin: 52.3vw 0;
    }

    div.bg_photo27pn p {
        margin: 37.2vw 0;
    }

    div.album28pn {
        padding: 0.3% 16%;
    }

    div.bg_photo28pn p {
        margin: 37.4vw 0;
    }

    div.album29pn {
        width: 20.4%;
        padding: 0.25% 10%;
        margin: 0% 0%;
    }

    div.item-projects29pn {
        width: 20vw;
        height: 28vw;
    }

    div.bg_photo29pn {
        width: 20vw;
    }

    div.bg_photo29pn p {
        margin: 21.1vw 0;
    }

    div.bg_photo29pn:hover p {
        width: 20vw;
    }

    div.bg_photo30pn p {
        margin: 37.4vw 0;
    }

    div.bg_photo31pn p {
        margin: 37.4vw 0;
    }

    /* koniec pion - pn */
    div.descrip {
        text-align: justify;
        padding: 4% 19% 16% 16%;
    }
}

@media(orientation: portrait) and (min-width: 820px) {
    div.bg_photo34pz p {
        margin: 15.7vw 0;
    }

    div.bg_photo36pz p {
        margin: 36.5vw 0;
    }

    div.bg_photo29pn p {
        margin: 24.6vw 0;
    }
}

@media(orientation: portrait) and (min-width: 1024px) {

    div.features2,
    div.features5 {
        margin: 0% 5%;
        width: 90%;
    }

    div.features3 {
        margin: 0% 0%;
        width: 85%;
    }

    div.album1pz {
        width: 30%;
        padding: 0.3% 0%;
        margin: 0% 1%;
    }

    div.item-projects1pz {
        width: 28.4vw;
        height: 19vw;
    }

    div.bg_photo1pz {
        width: 28.4vw;
    }

    div.bg_photo1pz p {
        margin: 16.2vw 0;
    }

    div.bg_photo1pz:hover p {
        width: 28.4vw;
    }

    div.album2pz {
        padding: 0% 0%;
        margin: 0.3% 1%;
        width: 29%;
    }

    div.item-projects2pz {
        width: 32vw;
        height: 24vw;
    }

    div.bg_photo2pz {
        width: 32vw;
    }

    div.bg_photo2pz p {
        margin: 21.3vw 0;
    }

    div.bg_photo2pz:hover p {
        width: 32vw;
    }

    div.album3pz,
    div.album22pz {
        padding: 0% 0%;
        margin: 0.3% 1%;
        width: 44.5%;
    }

    div.item-projects3pz,
    div.item-projects22pz {
        width: 41.2vw;
        height: 23vw;
    }

    div.bg_photo3pz,
    div.bg_photo22pz {
        width: 41.2vw;
    }

    div.bg_photo3pz p,
    div.bg_photo22pz p {
        margin: 20.4vw 0;
    }

    div.bg_photo3pz:hover p,
    div.bg_photo22pz:hover p {
        width: 41.2vw;
    }

    div.album4pz {
        padding: 0.3% 0%;
        margin: 0% 10%;
        width: 17.7%;
    }

    div.item-projects4pz {
        width: 33.5vw;
        height: 25vw;
    }

    div.bg_photo4pz {
        width: 33.5vw;
    }

    div.bg_photo4pz p {
        margin: 22.3vw 0;
    }

    div.bg_photo4pz:hover p {
        width: 33.5vw;
    }

    div.album5pz {
        padding: 0.3% 0%;
        margin: 0% 0%;
        width: 50%;
    }

    div.item-projects5pz {
        width: 44vw;
        height: 28vw;
    }

    div.bg_photo5pz {
        width: 44vw;
    }

    div.bg_photo5pz p {
        margin: 25.3vw 0;
    }

    div.bg_photo5pz:hover p {
        width: 44vw;
    }

    div.album6pz {
        padding: 0.2% 2%;
        margin: 0% 0%;
        width: 45.2%;
    }

    div.item-projects6pz {
        width: 40.2vw;
        height: 22vw;
    }

    div.bg_photo6pz {
        width: 40.2vw;
    }

    div.bg_photo6pz p {
        margin: 19vw 0;
    }

    div.bg_photo6pz:hover p {
        width: 40.2vw;
    }

    div.bg_photo7pz p {
        margin: 32.5vw 0;
    }

    div.album8pz {
        padding: 0.3% 2%;
    }

    div.item-projects8pz {
        height: 25vw;
    }

    div.bg_photo8pz p {
        margin: 22.3vw 0;
    }

    div.bg_photo9pz p {
        margin: 32.5vw 0;
    }

    div.album10pz {
        padding: 0.2% 2%;
        margin: 0% 0%;
        width: 35%;
    }

    div.item-projects10pz {
        width: 31vw;
        height: 23vw;
        background-size: 145%;
    }

    div.bg_photo10pz {
        width: 31vw;
    }

    div.bg_photo10pz p {
        margin: 20.2vw 0;
    }

    div.bg_photo10pz:hover p {
        width: 31vw;
    }

    div.album11pz {
        width: 42.5%;
    }

    div.bg_photo11pz p {
        margin: 25.4vw 0;
    }

    div.album12pz,
    div.album26pz {
        width: 52.7%;
        padding: 0.2% 10%;
        margin: 0% 0%;
    }

    div.bg_photo12pz p,
    div.bg_photo26pz p {
        margin: 27.3vw 0;
    }

    div.album13pz {
        padding: 0% 0%;
        margin: 0.3% 1%;
        width: 29%;
    }

    div.item-projects13pz {
        width: 27.3vw;
        height: 20vw;
    }

    div.bg_photo13pz {
        width: 27.3vw;
    }

    div.bg_photo13pz p {
        margin: 17.3vw 0;
    }

    div.bg_photo13pz:hover p {
        width: 27.3vw;
    }

    div.album14pz,
    div.album25pz {
        width: 35.5%;
        padding: 0.2% 10%;
        margin: 0% 0%;
    }

    div.bg_photo14pz p,
    div.bg_photo25pz p {
        margin: 18.3vw 0;
    }

    div.album15pz {
        width: 54%;
        padding: 0.3% 7%;
        margin: 0% 0%;
    }

    div.item-projects15pz {
        width: 53.5vw;
        height: 32vw;
    }

    div.bg_photo15pz {
        width: 53.5vw;
    }

    div.bg_photo15pz p {
        margin: 29.2vw 0;
    }

    div.bg_photo15pz:hover p {
        width: 53.5vw;
    }

    div.album16pz {
        width: 37%;
        padding: 0.3% 0.9%;
        margin: 0% 0%;
    }

    div.item-projects16pz {
        width: 34.1vw;
        height: 25vw;
    }

    div.bg_photo16pz {
        width: 34.1vw;
    }

    div.bg_photo16pz p {
        margin: 22.3vw 0;
    }

    div.bg_photo16pz:hover p {
        width: 34.1vw;
    }

    div.album17pz {
        padding: 0% 0%;
        margin: 0.3% 1%;
        width: 29%;
    }

    div.item-projects17pz {
        width: 27.3vw;
        height: 20vw;
    }

    div.bg_photo17pz {
        width: 27.3vw;
    }

    div.bg_photo17pz p {
        margin: 17.3vw 0;
    }

    div.bg_photo17pz:hover p {
        width: 27.3vw;
    }

    div.album18pz {
        padding: 0.3% 0%;
        margin: 0% 2.5%;
        width: 40%;
    }

    div.item-projects18pz {
        width: 40vw;
        height: 25vw;
    }

    div.bg_photo18pz {
        width: 40vw;
    }

    div.bg_photo18pz p {
        margin: 22.3vw 0;
    }

    div.bg_photo18pz:hover p {
        width: 40vw;
    }

    div.album19pz {
        padding: 0.3% 0%;
        margin: 0% 0%;
        width: 50%;
    }

    div.item-projects19pz {
        width: 44.5vw;
        height: 25vw;
    }

    div.bg_photo19pz {
        width: 44.5vw;
    }

    div.bg_photo19pz p {
        margin: 22.3vw 0;
    }

    div.bg_photo19pz:hover p {
        width: 44.5vw;
    }

    div.album20pz {
        padding: 0% 0%;
        margin: 0.3% 1%;
        width: 44.5%;
    }

    div.item-projects20pz {
        width: 41.2vw;
        height: 23vw;
    }

    div.bg_photo20pz {
        width: 41.2vw;
    }

    div.bg_photo20pz p {
        margin: 20.4vw 0;
    }

    div.bg_photo20pz:hover p {
        width: 41.2vw;
    }

    div.album21pz {
        padding: 0% 0%;
        margin: 0.3% 1%;
        width: 29%;
    }

    div.item-projects21pz {
        width: 27.3vw;
        height: 20vw;
    }

    div.bg_photo21pz {
        width: 27.3vw;
    }

    div.bg_photo21pz p {
        margin: 17.3vw 0;
    }

    div.bg_photo21pz:hover p {
        width: 27.3vw;
    }

    div.album23pz {
        padding: 0.2% 10%;
    }

    div.bg_photo23pz p {
        margin: 30.2vw 0;
    }

    div.album24pz,
    div.album27pz {
        width: 69.45%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects24pz,
    div.item-projects27pz {
        width: 62vw;
        height: 36vw;
        background-size: 100%;
    }

    div.bg_photo24pz,
    div.bg_photo27pz {
        width: 62vw;
    }

    div.bg_photo24pz p,
    div.bg_photo27pz p {
        margin: 33.4vw 0;
    }

    div.bg_photo24pz:hover p,
    div.bg_photo27pz:hover p {
        width: 62vw;
    }

    div.album28pz {
        margin: 0% 0%;
        padding: 0.3% 11.5%;
        width: 45.8%;
    }

    div.item-projects28pz {
        width: 45vw;
        height: 33vw;
    }

    div.bg_photo28pz {
        width: 45vw;
    }

    div.bg_photo28pz p {
        margin: 30.4vw 0;
    }

    div.bg_photo28pz:hover p {
        width: 45vw;
    }

    div.album29pz {
        margin: 0% 0%;
        padding: 0.3% 11.5%;
        width: 39.7%;
    }

    div.item-projects29pz {
        width: 35vw;
        height: 26vw;
    }

    div.bg_photo29pz {
        width: 35vw;
    }

    div.bg_photo29pz p {
        margin: 23.4vw 0;
    }

    div.bg_photo29pz:hover p {
        width: 35vw;
    }

    div.album30pz {
        padding: 0% 0%;
        margin: 0.3% 0%;
        width: 33.3%;
    }

    div.item-projects30pz {
        width: 29.5vw;
        height: 20vw;
    }

    div.bg_photo30pz {
        width: 29.5vw;
    }

    div.bg_photo30pz p {
        margin: 17.3vw 0;
    }

    div.bg_photo30pz:hover p {
        width: 29.5vw;
    }

    div.album31pz {
        padding: 0% 0%;
        margin: 0.2% 3%;
        width: 31.4%;
    }

    div.item-projects31pz {
        width: 30.5vw;
        height: 23vw;
    }

    div.bg_photo31pz {
        width: 30.5vw;
    }

    div.bg_photo31pz p {
        margin: 20.3vw 0;
    }

    div.bg_photo31pz:hover p {
        width: 30.5vw;
    }

    div.album32pz {
        width: 39.3%;
        padding: 0.2% 3%;
        margin: 0%;
    }

    div.item-projects32pz {
        width: 35vw;
        height: 24vw;
    }

    div.bg_photo32pz {
        width: 35vw;
    }

    div.bg_photo32pz p {
        margin: 21.3vw 0;
    }

    div.bg_photo32pz:hover p {
        width: 35vw;
    }

    div.album33pz {
        width: 42%;
        padding: 0.3% 0 0.3% 15%;
        margin: 0% 0%;
    }

    div.item-projects33pz {
        width: 35.25vw;
        height: 23vw;
    }

    div.bg_photo33pz {
        width: 35.25vw;
    }

    div.bg_photo33pz p {
        margin: 20.3vw 0;
    }

    div.bg_photo33pz:hover p {
        width: 35.25vw;
    }

    div.album34pz {
        width: 25.8%;
        padding: 0.2% 1%;
        margin: 0% 0%;
    }

    div.item-projects34pz {
        width: 22.7vw;
        height: 17vw;
    }

    div.bg_photo34pz {
        width: 22.7vw;
    }

    div.bg_photo34pz p {
        margin: 14.2vw 0;
    }

    div.bg_photo34pz:hover p {
        width: 22.7vw;
    }

    div.album35pz {
        width: 38.7%;
        padding: 0.2% 1%;
        margin: 0% 0%;
    }

    div.item-projects35pz {
        width: 34.3vw;
        height: 20vw;
    }

    div.bg_photo35pz {
        width: 34.3vw;
    }

    div.bg_photo35pz p {
        margin: 17.4vw 0;
    }

    div.bg_photo35pz:hover p {
        width: 34.3vw;
    }

    div.album36pz {
        width: 60%;
        padding: 0.3% 7%;
        margin: 0%;
    }

    div.item-projects36pz {
        width: 80.5vw;
        height: 30vw;
    }

    div.bg_photo36pz {
        width: 80.5vw;
    }

    div.bg_photo36pz p {
        margin: 27.2vw 0;
    }

    div.bg_photo36pz:hover p {
        width: 80.5vw;
    }

    /* koniec poziom - pz */
    /* początek pion - pn */

    div.album1pn {
        width: 22.8%;
        padding: 0.3% 0.9%;
        margin: 0% 0%;
    }

    div.item-projects1pn {
        width: 20vw;
        height: 25vw;
    }

    div.bg_photo1pn {
        width: 20vw;
    }

    div.bg_photo1pn p {
        margin: 22.4vw 0;
    }

    div.bg_photo1pn:hover p {
        width: 20vw;
    }

    div.album2pn {
        width: 9.5%;
        padding: 0.3% 0%;
        margin: 0% 10%;
    }

    div.item-projects2pn {
        width: 18vw;
        height: 24vw;
    }

    div.bg_photo2pn {
        width: 18vw;
    }

    div.bg_photo2pn p {
        margin: 21.3vw 0;
    }

    div.bg_photo2pn:hover p {
        width: 18vw;
    }

    div.album3pn {
        width: 25%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects3pn {
        width: 22vw;
        height: 29vw;
        background-size: 113%;
    }

    div.bg_photo3pn {
        width: 22vw;
    }

    div.bg_photo3pn p {
        margin: 26.3vw 0;
    }

    div.bg_photo3pn:hover p {
        width: 22vw;
    }

    div.album4pn {
        width: 16.1%;
        padding: 0.3% 0%;
        margin: 0% 10%;
    }

    div.item-projects4pn {
        width: 23vw;
        height: 28vw;
    }

    div.bg_photo4pn {
        width: 23vw;
    }

    div.bg_photo4pn p {
        margin: 25.3vw 0;
    }

    div.bg_photo4pn:hover p {
        width: 23vw;
    }

    div.album5pn {
        width: 24%;
        padding: 0.3% 1.5%;
        margin: 0% 15%;
    }

    div.item-projects5pn {
        width: 25vw;
        height: 33vw;
    }

    div.bg_photo5pn {
        width: 25vw;
    }

    div.bg_photo5pn p {
        margin: 30.4vw 0;
    }

    div.bg_photo5pn:hover p {
        width: 25vw;
    }

    div.album6pn {
        width: 25%;
        padding: 0.2% 2%;
        margin: 0% 0%;
    }

    div.item-projects6pn {
        width: 18vw;
        height: 23vw;
    }

    div.bg_photo6pn {
        width: 18vw;
    }

    div.bg_photo6pn p {
        margin: 20.3vw 0;
    }

    div.bg_photo6pn:hover p {
        width: 18vw;
    }

    div.album7pn {
        width: 30%;
        padding: 0.3% 7%;
    }

    div.item-projects7pn {
        width: 25vw;
        height: 33vw;
    }

    div.bg_photo7pn {
        width: 25vw;
    }

    div.bg_photo7pn p {
        margin: 30.5vw 0;
    }

    div.bg_photo7pn:hover p {
        width: 25vw;
    }

    div.bg_photo8pn p {
        margin: 27.3vw 0;
    }

    div.album9pn {
        width: 23%;
        padding: 0.3% 8%;
        margin: 0% 0%;
    }

    div.item-projects9pn {
        width: 19vw;
        height: 27vw;
        background-size: 107%;
    }

    div.bg_photo9pn {
        width: 19vw;
    }

    div.bg_photo9pn p {
        margin: 24.2vw 0;
    }

    div.bg_photo9pn:hover p {
        width: 19vw;
    }

    div.bg_photo10pn p {
        margin: 27.3vw 0;
    }

    div.album11pn {
        width: 13%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects11pn {
        width: 27vw;
        height: 36vw;
        background-size: 102%;
    }

    div.bg_photo11pn {
        width: 27vw;
    }

    div.bg_photo11pn p {
        margin: 33.4vw 0;
    }

    div.bg_photo11pn:hover p {
        width: 27vw;
    }

    div.album12pn {
        width: 20%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects12pn {
        width: 17.5vw;
        height: 23vw;
    }

    div.bg_photo12pn {
        width: 17.5vw;
    }

    div.bg_photo12pn p {
        margin: 20.3vw 0;
    }

    div.bg_photo12pn:hover p {
        width: 17.5vw;
    }

    div.album13pn {
        width: 28.55%;
    }

    div.item-projects13pn {
        width: 25vw;
        height: 33vw;
    }

    div.bg_photo13pn {
        width: 25vw;
    }

    div.bg_photo13pn p {
        margin: 30.5vw 0;
    }

    div.bg_photo13pn:hover p {
        width: 25vw;
    }

    div.album14pn {
        width: 30.65%;
        padding: 0.3% 8%;
    }

    div.item-projects14pn {
        width: 25.55vw;
        height: 33vw;
    }

    div.bg_photo14pn {
        width: 25.55vw;
    }

    div.bg_photo14pn p {
        margin: 30.2vw 0;
    }

    div.bg_photo14pn:hover p {
        width: 25.55vw;
    }

    div.album15pn {
        width: 17.7%;
        padding: 0.3% 0%;
        margin: 0% 10%;
    }

    div.item-projects15pn {
        width: 33.5vw;
        height: 35vw;
    }

    div.bg_photo15pn {
        width: 33.5vw;
    }

    div.bg_photo15pn p {
        margin: 32.3vw 0;
    }

    div.bg_photo15pn:hover p {
        width: 33.5vw;
    }

    div.album16pn {
        width: 22.95%;
        padding: 0.3% 0%;
        margin: 0% 1%;
    }

    div.item-projects16pn {
        width: 21.9vw;
        height: 27vw;
    }

    div.bg_photo16pn {
        width: 21.9vw;
    }

    div.bg_photo16pn p {
        margin: 24.2vw 0;
    }

    div.bg_photo16pn:hover p {
        width: 21.9vw;
    }

    div.album17pn {
        width: 28.55%;
    }

    div.item-projects17pn {
        width: 25vw;
        height: 33vw;
    }

    div.bg_photo17pn {
        width: 25vw;
    }

    div.bg_photo17pn p {
        margin: 30.5vw 0;
    }

    div.bg_photo17pn:hover p {
        width: 25vw;
    }

    div.album18pn {
        width: 13%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects18pn {
        width: 27vw;
        height: 36vw;
        background-size: 102%;
    }

    div.bg_photo18pn {
        width: 27vw;
    }

    div.bg_photo18pn p {
        margin: 33.4vw 0;
    }

    div.bg_photo18pn:hover p {
        width: 27vw;
    }

    div.album19pn {
        width: 25%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects19pn {
        width: 22vw;
        height: 29vw;
    }

    div.bg_photo19pn {
        width: 22vw;
    }

    div.bg_photo19pn p {
        margin: 26.3vw 0;
    }

    div.bg_photo19pn:hover p {
        width: 22vw;
    }

    div.album20pn {
        width: 11%;
        padding: 0.3% 0%;
        margin: 0% 5%;
    }

    div.item-projects20pn {
        width: 18vw;
        height: 24vw;
    }

    div.bg_photo20pn {
        width: 18vw;
    }

    div.bg_photo20pn p {
        margin: 21.3vw 0;
    }

    div.bg_photo20pn:hover p {
        width: 18vw;
    }

    div.album21pn {
        width: 20%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects21pn {
        width: 17.5vw;
        height: 23vw;
    }

    div.bg_photo21pn {
        width: 17.5vw;
    }

    div.bg_photo21pn p {
        margin: 20.3vw 0;
    }

    div.bg_photo21pn:hover p {
        width: 17.5vw;
    }

    div.album22pn {
        width: 30%;
        padding: 0.3% 7%;
        margin: 0% 0%;
    }

    div.item-projects22pn {
        width: 26.5vw;
        height: 32vw;
    }

    div.bg_photo22pn {
        width: 26.5vw;
    }

    div.bg_photo22pn p {
        margin: 29.2vw 0;
    }

    div.bg_photo22pn:hover p {
        width: 26.5vw;
    }

    div.album23pn {
        width: 20%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects23pn {
        width: 17.5vw;
        height: 23vw;
    }

    div.bg_photo23pn {
        width: 17.5vw;
    }

    div.bg_photo23pn p {
        margin: 20.3vw 0;
    }

    div.bg_photo23pn:hover p {
        width: 17.5vw;
    }

    div.album24pn {
        width: 25%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects24pn {
        width: 22vw;
        height: 29vw;
        background-size: 113%;
    }

    div.bg_photo24pn {
        width: 22vw;
    }

    div.bg_photo24pn p {
        margin: 26.3vw 0;
    }

    div.bg_photo24pn:hover p {
        width: 22vw;
    }

    div.album25pn {
        width: 32%;
        padding: 0.3% 7%;
        margin: 0% 0%;
    }

    div.item-projects25pn {
        width: 26.5vw;
        height: 32vw;
    }

    div.bg_photo25pn {
        width: 26.5vw;
    }

    div.bg_photo25pn p {
        margin: 29.2vw 0;
    }

    div.bg_photo25pn:hover p {
        width: 26.5vw;
    }

    div.album26pn {
        width: 22.1%;
        padding: 0.2% 0%;
        margin: 0%;
    }

    div.item-projects26pn {
        width: 19.5vw;
        height: 23vw;
    }

    div.bg_photo26pn {
        width: 19.5vw;
    }

    div.bg_photo26pn p {
        margin: 20.3vw 0;
    }

    div.bg_photo26pn:hover p {
        width: 19.5vw;
    }

    div.album27pn {
        width: 28%;
        padding: 0.3% 0 0.3% 15%;
        margin: 0% 0%;
    }

    div.item-projects27pn {
        width: 23.3vw;
        height: 30vw;
    }

    div.bg_photo27pn {
        width: 23.3vw;
    }

    div.bg_photo27pn p {
        margin: 27.2vw 0;
    }

    div.bg_photo27pn:hover p {
        width: 23.3vw;
    }

    div.album28pn {
        width: 30%;
        padding: 0.3% 1%;
        margin: 0% 0%;
    }

    div.item-projects28pn {
        width: 26.5vw;
        height: 32vw;
    }

    div.bg_photo28pn {
        width: 26.5vw;
    }

    div.bg_photo28pn p {
        margin: 29.2vw 0;
    }

    div.bg_photo28pn:hover p {
        width: 26.5vw;
    }

    div.album29pn {
        width: 19.3%;
        padding: 0.2% 1%;
        margin: 0% 0%;
    }

    div.item-projects29pn {
        width: 17vw;
        height: 22vw;
        background-size: 100%;
    }

    div.bg_photo29pn {
        width: 17vw;
    }

    div.bg_photo29pn p {
        margin: 19.3vw 0;
    }

    div.bg_photo29pn:hover p {
        width: 17vw;
    }

    div.album30pn {
        width: 27%;
        padding: 0.3% 7%;
        margin: 0% 0%;
    }

    div.item-projects30pn {
        width: 26.5vw;
        height: 32vw;
    }

    div.bg_photo30pn {
        width: 26.5vw;
    }

    div.bg_photo30pn p {
        margin: 29.2vw 0;
    }

    div.bg_photo30pn:hover p {
        width: 26.5vw;
    }

    div.album31pn {
        width: 27%;
        padding: 0.3% 7%;
        margin: 0% 0%;
    }

    div.item-projects31pn {
        width: 26.5vw;
        height: 32vw;
    }

    div.bg_photo31pn {
        width: 26.5vw;
    }

    div.bg_photo31pn p {
        margin: 29.2vw 0;
    }

    div.bg_photo31pn:hover p {
        width: 26.5vw;
    }

    /* koniec pion - pn */
    div.descrip {
        text-align: justify;
        padding: 4% 5% 10% 6%;
    }
}

@media(orientation: landscape) and (min-width: 568px) {

    div.features2,
    div.features3,
    div.features4,
    div.features5 {
        margin: 0% 0%;
        text-align: center;
        width: 100%;
    }

    div.i-projects {
        background-repeat: no-repeat;
        background-position: center;
    }

    div.i-other {
        width: 100%;
        height: 100%;
        float: left;
        opacity: 0;
    }

    div.i-other:hover {
        background-color: rgba(0, 0, 0, 0.2);
        cursor: pointer;
        transition: all 0.5s;
        opacity: 1;
    }

    div.i-bg_photo p {
        opacity: 0;
        cursor: default;
        transition: 0s;
        position: absolute;
    }

    div.i-bg_photo:hover p {
        color: beige;
        font-size: 12px;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.7);
        padding: 2px;
        opacity: 1;
        transition: 0s;
    }

    /* początek poziom - pz */
    div.album1pz,
    div.album2pz,
    div.album3pz,
    div.album4pz,
    div.album5pz,
    div.album6pz,
    div.album7pz,
    div.album8pz,
    div.album9pz,
    div.album10pz,
    div.album11pz,
    div.album12pz,
    div.album13pz,
    div.album14pz,
    div.album15pz,
    div.album16pz,
    div.album17pz,
    div.album18pz,
    div.album19pz,
    div.album20pz,
    div.album21pz,
    div.album22pz,
    div.album23pz,
    div.album24pz,
    div.album25pz,
    div.album26pz,
    div.album27pz,
    div.album28pz,
    div.album29pz {
        float: left;
        width: 51%;
        padding: 0.5% 0%;
        margin: 0% 14%;
    }

    div.item-projects1pz,
    div.item-projects2pz,
    div.item-projects3pz,
    div.item-projects4pz,
    div.item-projects5pz,
    div.item-projects6pz,
    div.item-projects7pz,
    div.item-projects8pz,
    div.item-projects9pz,
    div.item-projects10pz,
    div.item-projects11pz,
    div.item-projects12pz,
    div.item-projects13pz,
    div.item-projects14pz,
    div.item-projects15pz,
    div.item-projects16pz,
    div.item-projects17pz,
    div.item-projects18pz,
    div.item-projects19pz,
    div.item-projects20pz,
    div.item-projects21pz,
    div.item-projects22pz,
    div.item-projects23pz,
    div.item-projects24pz,
    div.item-projects25pz,
    div.item-projects26pz,
    div.item-projects27pz,
    div.item-projects28pz,
    div.item-projects29pz {
        width: 70vw;
        height: 40vw;
        background-size: 100%;
    }

    div.bg_photo1pz,
    div.bg_photo2pz,
    div.bg_photo3pz,
    div.bg_photo4pz,
    div.bg_photo5pz,
    div.bg_photo6pz,
    div.bg_photo7pz,
    div.bg_photo8pz,
    div.bg_photo9pz,
    div.bg_photo10pz,
    div.bg_photo11pz,
    div.bg_photo12pz,
    div.bg_photo13pz,
    div.bg_photo14pz,
    div.bg_photo15pz,
    div.bg_photo16pz,
    div.bg_photo17pz,
    div.bg_photo18pz,
    div.bg_photo19pz,
    div.bg_photo20pz,
    div.bg_photo21pz,
    div.bg_photo22pz,
    div.bg_photo23pz,
    div.bg_photo24pz,
    div.bg_photo25pz,
    div.bg_photo26pz,
    div.bg_photo27pz,
    div.bg_photo28pz,
    div.bg_photo29pz {
        width: 70vw;
        height: 100%;
        float: left;
    }

    div.bg_photo1pz p,
    div.bg_photo2pz p,
    div.bg_photo3pz p,
    div.bg_photo4pz p,
    div.bg_photo5pz p,
    div.bg_photo6pz p,
    div.bg_photo7pz p,
    div.bg_photo8pz p,
    div.bg_photo9pz p,
    div.bg_photo10pz p,
    div.bg_photo11pz p,
    div.bg_photo12pz p,
    div.bg_photo13pz p,
    div.bg_photo14pz p,
    div.bg_photo15pz p,
    div.bg_photo16pz p,
    div.bg_photo17pz p,
    div.bg_photo18pz p,
    div.bg_photo19pz p,
    div.bg_photo20pz p,
    div.bg_photo21pz p,
    div.bg_photo22pz p,
    div.bg_photo23pz p,
    div.bg_photo24pz p,
    div.bg_photo25pz p,
    div.bg_photo26pz p,
    div.bg_photo27pz p,
    div.bg_photo28pz p,
    div.bg_photo29pz p {
        margin: 35vw 0;
    }

    div.bg_photo1pz:hover p,
    div.bg_photo2pz:hover p,
    div.bg_photo3pz:hover p,
    div.bg_photo4pz:hover p,
    div.bg_photo5pz:hover p,
    div.bg_photo6pz:hover p,
    div.bg_photo7pz:hover p,
    div.bg_photo8pz:hover p,
    div.bg_photo9pz:hover p,
    div.bg_photo10pz:hover p,
    div.bg_photo11pz:hover p,
    div.bg_photo12pz:hover p,
    div.bg_photo13pz:hover p,
    div.bg_photo14pz:hover p,
    div.bg_photo15pz:hover p,
    div.bg_photo16pz:hover p,
    div.bg_photo17pz:hover p,
    div.bg_photo18pz:hover p,
    div.bg_photo19pz:hover p,
    div.bg_photo20pz:hover p,
    div.bg_photo21pz:hover p,
    div.bg_photo22pz:hover p,
    div.bg_photo23pz:hover p,
    div.bg_photo24pz:hover p,
    div.bg_photo25pz:hover p,
    div.bg_photo26pz:hover p,
    div.bg_photo27pz:hover p,
    div.bg_photo28pz:hover p,
    div.bg_photo29pz:hover p {
        width: 70vw;
        padding: 2px;
    }

    div.album15pz {
        float: left;
        width: 64%;
        padding: 0.3% 2%;
        margin: 0% 0%;
    }

    div.item-projects15pz {
        width: 63.3vw;
        height: 41vw;
        background-size: 100%;
    }

    div.bg_photo15pz {
        width: 63.3vw;
        height: 100%;
        float: left;
    }

    div.bg_photo15pz p {
        margin: 36.3vw 0;
    }

    div.bg_photo15pz:hover p {
        width: 63.3vw;
        padding: 2px;
    }

    div.album30pz {
        float: left;
        width: 51%;
        padding: 0.5% 0%;
        margin: 0% 8%;
    }

    div.item-projects30pz {
        width: 81vw;
        height: 40vw;
        background-size: 100%;
    }

    div.bg_photo30pz {
        width: 81vw;
        height: 100%;
        float: left;
    }

    div.bg_photo30pz p {
        margin: 35vw 0;
    }

    div.bg_photo30pz:hover p {
        width: 81vw;
        padding: 2px;
    }

    div.album31pz {
        float: left;
        width: 80%;
        padding: 0.5% 0%;
        margin: 0% 8%;
    }

    div.item-projects31pz {
        width: 81vw;
        height: 40vw;
        background-size: 100%;
    }

    div.bg_photo31pz {
        width: 81vw;
        height: 100%;
        float: left;
    }

    div.bg_photo31pz p {
        margin: 35vw 0;
    }

    div.bg_photo31pz:hover p {
        width: 81vw;
        padding: 2px;
    }

    div.album32pz {
        float: left;
        width: 80%;
        padding: 0.5% 0%;
        margin: 0% 8%;
    }

    div.item-projects32pz {
        width: 81vw;
        height: 40vw;
        background-size: 100%;
    }

    div.bg_photo32pz {
        width: 81vw;
        height: 100%;
        float: left;
    }

    div.bg_photo32pz p {
        margin: 35vw 0;
    }

    div.bg_photo32pz:hover p {
        width: 81vw;
        padding: 2px;
    }

    div.album33pz {
        float: left;
        width: 43.2%;
        padding: 0.3% 5%;
        margin: 0% 0%;
    }

    div.item-projects33pz {
        width: 42.5vw;
        height: 29vw;
        background-size: 100%;
    }

    div.bg_photo33pz {
        width: 42.5vw;
        height: 100%;
        float: left;
    }

    div.bg_photo33pz p {
        margin: 23.7vw 0;
    }

    div.bg_photo33pz:hover p {
        width: 42.5vw;
        padding: 2px;
    }

    div.album34pz {
        float: left;
        width: 80%;
        padding: 0.5% 0%;
        margin: 0% 8%;
    }

    div.item-projects34pz {
        width: 81vw;
        height: 40vw;
        background-size: 100%;
    }

    div.bg_photo34pz {
        width: 81vw;
        height: 100%;
        float: left;
    }

    div.bg_photo34pz p {
        margin: 35vw 0;
    }

    div.bg_photo34pz:hover p {
        width: 81vw;
        padding: 2px;
    }

    div.album35pz {
        float: left;
        width: 80%;
        padding: 0.5% 0%;
        margin: 0% 8%;
    }

    div.item-projects35pz {
        width: 81vw;
        height: 40vw;
        background-size: 100%;
    }

    div.bg_photo35pz {
        width: 81vw;
        height: 100%;
        float: left;
    }

    div.bg_photo35pz p {
        margin: 35vw 0;
    }

    div.bg_photo35pz:hover p {
        width: 81vw;
        padding: 2px;
    }

    div.album36pz {
        float: left;
        width: 80%;
        padding: 0.5% 2%;
        margin: 0%;
    }

    div.item-projects36pz {
        width: 95.3vw;
        height: 40vw;
        background-size: 100%;
    }

    div.bg_photo36pz {
        width: 95.3vw;
        height: 100%;
        float: left;
    }

    div.bg_photo36pz p {
        margin: 35vw 0;
    }

    div.bg_photo36pz:hover p {
        width: 95.3vw;
        padding: 2px;
    }

    /* koniec poziom - pz */
    /* początek pion - pn */

    div.album1pn,
    div.album2pn,
    div.album3pn,
    div.album4pn,
    div.album5pn,
    div.album6pn,
    div.album8pn,
    div.album9pn,
    div.album10pn,
    div.album11pn,
    div.album12pn,
    div.album13pn,
    div.album14pn,
    div.album15pn,
    div.album16pn,
    div.album17pn,
    div.album18pn,
    div.album19pn,
    div.album20pn {
        width: 51%;
        padding: 0.5% 0%;
        margin: 0% 14%;
        float: left;
    }

    div.item-projects1pn,
    div.item-projects2pn,
    div.item-projects3pn,
    div.item-projects4pn,
    div.item-projects5pn,
    div.item-projects6pn,
    div.item-projects8pn,
    div.item-projects9pn,
    div.item-projects10pn,
    div.item-projects11pn,
    div.item-projects12pn,
    div.item-projects13pn,
    div.item-projects14pn,
    div.item-projects15pn,
    div.item-projects16pn,
    div.item-projects17pn,
    div.item-projects18pn,
    div.item-projects19pn,
    div.item-projects20pn {
        width: 70vw;
        height: 40vw;
        background-size: 100%;
    }

    div.bg_photo1pn,
    div.bg_photo2pn,
    div.bg_photo3pn,
    div.bg_photo4pn,
    div.bg_photo5pn,
    div.bg_photo6pn,
    div.bg_photo8pn,
    div.bg_photo9pn,
    div.bg_photo10pn,
    div.bg_photo11pn,
    div.bg_photo12pn,
    div.bg_photo13pn,
    div.bg_photo14pn,
    div.bg_photo15pn,
    div.bg_photo16pn,
    div.bg_photo17pn,
    div.bg_photo18pn,
    div.bg_photo19pn,
    div.bg_photo20pn {
        width: 70vw;
        height: 100%;
        float: left;
    }

    div.bg_photo1pn p,
    div.bg_photo2pn p,
    div.bg_photo3pn p,
    div.bg_photo4pn p,
    div.bg_photo5pn p,
    div.bg_photo6pn p,
    div.bg_photo8pn p,
    div.bg_photo9pn p,
    div.bg_photo10pn p,
    div.bg_photo11pn p,
    div.bg_photo12pn p,
    div.bg_photo13pn p,
    div.bg_photo14pn p,
    div.bg_photo15pn p,
    div.bg_photo16pn p,
    div.bg_photo17pn p,
    div.bg_photo18pn p,
    div.bg_photo19pn p,
    div.bg_photo20pn p {
        margin: 35vw 0;
    }

    div.bg_photo1pn:hover p,
    div.bg_photo2pn:hover p,
    div.bg_photo3pn:hover p,
    div.bg_photo4pn:hover p,
    div.bg_photo5pn:hover p,
    div.bg_photo6pn:hover p,
    div.bg_photo8pn:hover p,
    div.bg_photo9pn:hover p,
    div.bg_photo10pn:hover p,
    div.bg_photo11pn:hover p,
    div.bg_photo12pn:hover p,
    div.bg_photo13pn:hover p,
    div.bg_photo14pn:hover p,
    div.bg_photo15pn:hover p,
    div.bg_photo16pn:hover p,
    div.bg_photo17pn:hover p,
    div.bg_photo18pn:hover p,
    div.bg_photo19pn:hover p,
    div.bg_photo20pn:hover p {
        width: 70vw;
        padding: 2px;
    }

    div.album7pn,
    div.album22pn {
        width: 25.5%;
        padding: 0.2% 5%;
        margin: 0% 0%;
        float: left;
    }

    div.item-projects7pn,
    div.item-projects22pn {
        width: 25vw;
        height: 31vw;
        background-size: 100%;
    }

    div.bg_photo7pn,
    div.bg_photo22pn {
        width: 25vw;
        height: 100%;
        float: left;
    }

    div.bg_photo7pn p,
    div.bg_photo22pn p {
        margin: 26.1vw 0;
    }

    div.bg_photo7pn:hover p,
    div.bg_photo22pn:hover p {
        width: 25vw;
        padding: 2px;
    }

    div.album21pn {
        float: left;
        width: 27.3%;
        padding: 0.4% 8%;
        margin: 0% 0%;
    }

    div.item-projects21pn {
        width: 26.5vw;
        height: 35vw;
        background-size: 100%;
    }

    div.bg_photo21pn {
        width: 26.5vw;
        height: 100%;
        float: left;
    }

    div.bg_photo21pn p {
        margin: 30vw 0;
    }

    div.bg_photo21pn:hover p {
        width: 26.5vw;
        padding: 2px;
    }

    div.album23pn,
    div.album24pn {
        float: left;
        width: 41%;
        padding: 0.4% 8%;
        margin: 0% 0%;
    }

    div.item-projects23pn,
    div.item-projects24pn {
        width: 40vw;
        height: 50vw;
        background-size: 100%;
    }

    div.bg_photo23pn,
    div.bg_photo24pn {
        width: 40vw;
        height: 100%;
        float: left;
    }

    div.bg_photo23pn p,
    div.bg_photo24pn p {
        margin: 45vw 0;
    }

    div.bg_photo23pn:hover p,
    div.bg_photo24pn:hover p {
        width: 40vw;
        padding: 2px;
    }

    div.album25pn {
        float: left;
        width: 41%;
        padding: 0.4% 8%;
        margin: 0% 0%;
    }

    div.item-projects25pn {
        width: 40vw;
        height: 50vw;
        background-size: 100%;
    }

    div.bg_photo25pn {
        width: 40vw;
        height: 100%;
        float: left;
    }

    div.bg_photo25pn p {
        margin: 45vw 0;
    }

    div.bg_photo25pn:hover p {
        width: 40vw;
        padding: 2px;
    }

    div.album26pn {
        float: left;
        width: 80%;
        padding: 0.5% 0%;
        margin: 0% 8%;
    }

    div.item-projects26pn {
        width: 81vw;
        height: 40vw;
        background-size: 100%;
    }

    div.bg_photo26pn {
        width: 81vw;
        height: 100%;
        float: left;
    }

    div.bg_photo26pn p {
        margin: 35vw 0;
    }

    div.bg_photo26pn:hover p {
        width: 81vw;
        padding: 2px;
    }

    div.album27pn {
        float: left;
        width: 28.75%;
        padding: 0.3% 5%;
        margin: 0% 0%;
    }

    div.item-projects27pn {
        width: 28.1vw;
        height: 40vw;
        background-size: 100%;
    }

    div.bg_photo27pn {
        width: 28.1vw;
        height: 100%;
        float: left;
    }

    div.bg_photo27pn p {
        margin: 35vw 0;
    }

    div.bg_photo27pn:hover p {
        width: 28.1vw;
        padding: 2px;
    }

    div.album28pn {
        float: left;
        width: 41%;
        padding: 0.4% 8%;
        margin: 0% 0%;
    }

    div.item-projects28pn {
        width: 40vw;
        height: 50vw;
        background-size: 100%;
    }

    div.bg_photo28pn {
        width: 40vw;
        height: 100%;
        float: left;
    }

    div.bg_photo28pn p {
        margin: 45vw 0;
    }

    div.bg_photo28pn:hover p {
        width: 40vw;
        padding: 2px;
    }

    div.album29pn {
        float: left;
        width: 41%;
        padding: 0.4% 8%;
        margin: 0% 0%;
    }

    div.item-projects29pn {
        width: 40vw;
        height: 50vw;
        background-size: 100%;
    }

    div.bg_photo29pn {
        width: 40vw;
        height: 100%;
        float: left;
    }

    div.bg_photo29pn p {
        margin: 45vw 0;
    }

    div.bg_photo29pn:hover p {
        width: 40vw;
        padding: 2px;
    }

    div.album30pn {
        width: 15%;
        padding: 0.3% 2%;
        margin: 0% 0%;
        float: left;
    }

    div.item-projects30pn {
        width: 31.3vw;
        height: 41vw;
        background-size: 107%;
    }

    div.bg_photo30pn {
        width: 31.3vw;
        height: 100%;
        float: left;
    }

    div.bg_photo30pn p {
        margin: 36.3vw 0;
    }

    div.bg_photo30pn:hover p {
        width: 31.3vw;
        padding: 2px;
    }

    div.album31pn {
        width: 32%;
        padding: 0.3% 2%;
        margin: 0% 0%;
        float: left;
    }

    div.item-projects31pn {
        width: 31.3vw;
        height: 41vw;
        background-size: 107%;

    }

    div.bg_photo31pn {
        width: 31.3vw;
        height: 100%;
        float: left;
    }

    div.bg_photo31pn p {
        margin: 36.3vw 0;
    }

    div.bg_photo31pn:hover p {
        width: 31.3vw;
        padding: 2px;
    }

    /* koniec pion - pn */

    div.descrip {
        text-align: justify;
        padding: 3% 3% 20% 3%;
    }
}

@media(orientation: landscape) and (min-width: 640px) {

    div.bg_photo1pz p,
    div.bg_photo2pz p,
    div.bg_photo3pz p,
    div.bg_photo4pz p,
    div.bg_photo5pz p,
    div.bg_photo6pz p,
    div.bg_photo7pz p,
    div.bg_photo8pz p,
    div.bg_photo9pz p,
    div.bg_photo10pz p,
    div.bg_photo11pz p,
    div.bg_photo12pz p,
    div.bg_photo13pz p,
    div.bg_photo14pz p,
    div.bg_photo16pz p,
    div.bg_photo17pz p,
    div.bg_photo18pz p,
    div.bg_photo19pz p,
    div.bg_photo20pz p,
    div.bg_photo21pz p,
    div.bg_photo22pz p,
    div.bg_photo23pz p,
    div.bg_photo24pz p,
    div.bg_photo25pz p,
    div.bg_photo26pz p,
    div.bg_photo27pz p,
    div.bg_photo28pz p,
    div.bg_photo29pz p,
    div.bg_photo30pz p,
    div.bg_photo31pz p {
        margin: 35.7vw 0;
    }

    div.album32pz {
        width: 40.9%;
        padding: 0.5% 8%;
        margin: 0% 0%;
    }

    div.item-projects32pz {
        width: 40.2vw;
        height: 28vw;
    }

    div.bg_photo32pz {
        width: 40.2vw;
    }

    div.bg_photo32pz p {
        margin: 23.8vw 0;
    }

    div.bg_photo32pz:hover p {
        width: 40.2vw;
    }

    div.bg_photo33pz p {
        margin: 24.2vw 0;
    }

    div.bg_photo34pz p {
        margin: 35.7vw 0;
    }

    div.bg_photo35pz p {
        margin: 35.7vw 0;
    }

    div.bg_photo1pn p,
    div.bg_photo2pn p,
    div.bg_photo3pn p,
    div.bg_photo4pn p,
    div.bg_photo5pn p,
    div.bg_photo6pn p,
    div.bg_photo8pn p,
    div.bg_photo9pn p,
    div.bg_photo10pn p,
    div.bg_photo11pn p,
    div.bg_photo13pn p,
    div.bg_photo14pn p,
    div.bg_photo15pn p,
    div.bg_photo16pn p,
    div.bg_photo17pn p,
    div.bg_photo18pn p,
    div.bg_photo19pn p,
    div.bg_photo20pn p {
        margin: 35.7vw 0;
    }

    div.bg_photo7pn p,
    div.bg_photo22pn p {
        margin: 26.6vw 0;
    }

    div.album12pn {
        width: 50%;
        padding: 0.5% 0%;
        margin: 0% 0%;
    }

    div.item-projects12pn {
        width: 49.2vw;
        height: 56vw;
        background-size: 100%;
    }

    div.bg_photo12pn {
        width: 49.2vw;
    }

    div.bg_photo12pn p {
        margin: 52vw 0;
    }

    div.bg_photo12pn:hover p {
        width: 49.2vw;
    }

    div.album19pn {
        width: 50%;
        padding: 0.5% 0%;
        margin: 0% 0%;
    }

    div.item-projects19pn {
        width: 49.2vw;
        height: 56vw;
    }

    div.bg_photo19pn {
        width: 49.2vw;
    }

    div.bg_photo19pn p {
        margin: 52vw 0;
    }

    div.bg_photo19pn:hover p {
        width: 49.2vw;
    }

    div.bg_photo21pn p {
        margin: 30.7vw 0;
    }

    div.bg_photo23pn p,
    div.bg_photo24pn p,
    div.bg_photo25pn p,
    div.bg_photo28pn p {
        margin: 45.6vw 0;
    }

    div.album26pn {
        width: 40.9%;
        padding: 0.5% 8%;
        margin: 0% 0%;
    }

    div.item-projects26pn {
        width: 40.2vw;
        height: 48vw;
    }

    div.bg_photo26pn {
        width: 40.2vw;
    }

    div.bg_photo26pn p {
        margin: 43.8vw 0;
    }

    div.bg_photo26pn:hover p {
        width: 40.2vw;
    }

    div.bg_photo27pn p {
        margin: 35.5vw 0;
    }

    div.bg_photo29pn p {
        margin: 45.6vw 0;
    }
}

@media(orientation: landscape) and (min-width: 732px) {

    div.features2,
    div.features5 {
        margin: 0% 0%;
        text-align: center;
        width: 100%;
    }

    div.features3 {
        margin: 0% 0%;
        text-align: center;
        width: 90%
    }

    div.features4 {
        margin: 0% 0%;
        text-align: center;
        width: 80%
    }

    div.i-projects {
        background-repeat: no-repeat;
        background-position: center;
    }

    div.i-other {
        width: 100%;
        height: 100%;
        float: left;
        opacity: 0;
    }

    div.i-other:hover {
        background-color: rgba(0, 0, 0, 0.2);
        cursor: pointer;
        transition: all 0.5s;
        opacity: 1;
    }

    div.i-bg_photo p {
        opacity: 0;
        cursor: default;
        transition: 0s;
        position: absolute;
    }

    div.i-bg_photo:hover p {
        color: beige;
        font-size: 12px;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.7);
        padding: 2px;
        opacity: 1;
        transition: 0s;
    }

    /* początek poziom - pz */

    div.album13pz,
    div.album17pz,
    div.album21pz,
    div.album22pz {
        width: 30.8%;
        padding: 0.3% 0%;
        margin: 0% 1%;
    }

    div.item-projects13pz,
    div.item-projects17pz,
    div.item-projects21pz {
        width: 32vw;
        height: 24vw;
        background-size: 105%;
    }

    div.bg_photo13pz,
    div.bg_photo17pz,
    div.bg_photo21pz {
        width: 32vw;
    }

    div.bg_photo13pz p,
    div.bg_photo17pz p,
    div.bg_photo21pz p {
        margin: 20.3vw 0;
    }

    div.bg_photo13pz:hover p,
    div.bg_photo17pz:hover p,
    div.bg_photo21pz:hover p {
        width: 32vw;
    }

    div.album4pz,
    div.album18pz,
    div.album19pz {
        width: 6.5%;
        padding: 0.3% 0%;
        margin: 0% 14%;
    }

    div.item-projects4pz,
    div.item-projects18pz,
    div.item-projects19pz {
        width: 34vw;
        height: 24vw;
    }

    div.bg_photo4pz,
    div.bg_photo18pz,
    div.bg_photo19pz {
        width: 34vw;
    }

    div.bg_photo4pz p,
    div.bg_photo18pz p,
    div.bg_photo19pz p {
        margin: 20.3vw 0;
    }

    div.bg_photo4pz:hover p,
    div.bg_photo18pz:hover p,
    div.bg_photo19pz:hover p {
        width: 34vw;
    }

    div.album1pz {
        width: 30.5%;
        padding: 0.3% 4%;
        margin: 0% 0%;
    }

    div.item-projects1pz {
        width: 30vw;
        height: 22vw;
    }

    div.bg_photo1pz {
        width: 30vw;
    }

    div.bg_photo1pz p {
        margin: 18vw 0;
    }

    div.bg_photo1pz:hover p {
        width: 30vw;
    }

    div.album3pz {
        width: 47.2%;
        padding: 0.3% 0%;
        margin: 0% 1%;
    }

    div.item-projects3pz {
        width: 48.5vw;
        height: 27vw;
    }

    div.bg_photo3pz {
        width: 48.5vw;
    }

    div.bg_photo3pz p {
        margin: 23.2vw 0;
    }

    div.bg_photo3pz:hover p {
        width: 48.5vw;
    }

    div.album2pz,
    div.album5pz {
        width: 31%;
        padding: 0.3% 0%;
        margin: 0% 1%;
    }

    div.item-projects2pz,
    div.item-projects5pz {
        width: 44vw;
        height: 27vw;
    }

    div.bg_photo2pz,
    div.bg_photo5pz {
        width: 44vw;
    }

    div.bg_photo2pz p,
    div.bg_photo5pz p {
        margin: 23.2vw 0;
    }

    div.bg_photo2pz:hover p,
    div.bg_photo5pz:hover p {
        width: 44vw;
    }

    div.album7pz {
        width: 83%;
        padding: 0.2% 16%;
        margin: 0% 0%;
    }

    div.item-projects7pz {
        width: 64.2vw;
        height: 26vw;
    }

    div.bg_photo7pz {
        width: 64.2vw;
    }

    div.bg_photo7pz p {
        margin: 22.1vw 0;
    }

    div.bg_photo7pz:hover p {
        width: 64.2vw;
    }

    div.album8pz {
        width: 51%;
        padding: 0.3% 9%;
        margin: 0% 8%;
    }

    div.item-projects8pz {
        width: 55.5vw;
        height: 25vw;
    }

    div.bg_photo8pz {
        width: 55.5vw;
    }

    div.bg_photo8pz p {
        margin: 21.5vw 0;
    }

    div.bg_photo8pz:hover p {
        width: 55.5vw;
    }

    div.album9pz {
        width: 60%;
        padding: 0.3% 9%;
        margin: 0% 7%;
    }

    div.item-projects9pz {
        width: 64.2vw;
        height: 30vw;
        background-size: 100%;
    }

    div.bg_photo9pz {
        width: 64.2vw;
    }

    div.bg_photo9pz p {
        margin: 26.2vw 0;
    }

    div.bg_photo9pz:hover p {
        width: 64.2vw;
    }

    div.album11pz {
        width: 18.4%;
        padding: 0.2% 9%;
        margin: 0% 7%;
    }

    div.item-projects11pz {
        width: 31.8vw;
        height: 24vw;
        background-size: 100%;
    }

    div.bg_photo11pz {
        width: 31.8vw;
    }

    div.bg_photo11pz p {
        margin: 20.5vw 0;
    }

    div.bg_photo11pz:hover p {
        width: 31.8vw;
    }

    div.album12pz {
        width: 52.5%;
        padding: 0.3% 17%;
        margin: 0% 0%;
    }

    div.item-projects12pz {
        width: 35vw;
        height: 24vw;
        background-size: 140%;
    }

    div.bg_photo12pz {
        width: 35vw;
    }

    div.bg_photo12pz p {
        margin: 20.2vw 0;
    }

    div.bg_photo12pz:hover p {
        width: 35vw;
    }

    div.album14pz {
        width: 28%;
        padding: 0.2% 0% 0.2% 17%;
        margin: 0% 0%;
    }

    div.item-projects14pz {
        width: 27.5vw;
        height: 18vw;
        background-size: 150%;
    }

    div.bg_photo14pz {
        width: 27.5vw;
    }

    div.bg_photo14pz p {
        margin: 14.3vw 0;
    }

    div.bg_photo14pz:hover p {
        width: 27.5vw;
    }

    div.album15pz {
        width: 64%;
        padding: 0.3% 2%;
        margin: 0% 0%;
    }

    div.item-projects15pz {
        width: 63.3vw;
        height: 41vw;
    }

    div.bg_photo15pz {
        width: 63.3vw;
    }

    div.bg_photo15pz p {
        margin: 37.4vw 0;
    }

    div.bg_photo15pz:hover p {
        width: 63.3vw;
    }

    div.album16pz {
        width: 24.7%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects16pz {
        width: 24vw;
        height: 19vw;
        background-size: 105%;
    }

    div.bg_photo16pz {
        width: 24vw;
    }

    div.bg_photo16pz p {
        margin: 12vw 0;
    }

    div.bg_photo16pz:hover p {
        width: 24vw;
    }

    div.album20pz {
        width: 47.2%;
        padding: 0.3% 0%;
        margin: 0% 1%;
    }

    div.item-projects20pz {
        width: 48.5vw;
        height: 27vw;
    }

    div.bg_photo20pz {
        width: 48.5vw;
    }

    div.bg_photo20pz p {
        margin: 23.2vw 0;
    }

    div.bg_photo20pz:hover p {
        width: 48.5vw;
    }

    div.album23pz {
        width: 52%;
        padding: 0.3% 17%;
        margin: 0% 0%;
    }

    div.item-projects23pz {
        width: 55.5vw;
        height: 25vw;
        background-size: 100%;
    }

    div.bg_photo23pz {
        width: 55.5vw;
    }

    div.bg_photo23pz p {
        margin: 21.2vw 0;
    }

    div.bg_photo23pz:hover p {
        width: 55.5vw;
    }

    div.album24pz {
        width: 62%;
        padding: 0.3% 14%;
        margin: 0% 0%;
    }

    div.item-projects24pz {
        width: 47.5vw;
        height: 25vw;
        background-size: 100%;
    }

    div.bg_photo24pz {
        width: 47.5vw;
    }

    div.bg_photo24pz p {
        margin: 21.2vw 0;
    }

    div.bg_photo24pz:hover p {
        width: 47.5vw;
    }

    div.album25pz {
        width: 28%;
        padding: 0.2% 0% 0.2% 17%;
        margin: 0% 0%;
    }

    div.item-projects25pz {
        width: 27.5vw;
        height: 18vw;
        background-size: 150%;
    }

    div.bg_photo25pz {
        width: 27.5vw;
    }

    div.bg_photo25pz p {
        margin: 14.3vw 0;
    }

    div.bg_photo25pz:hover p {
        width: 27.5vw;
    }

    div.album26pz {
        width: 52.5%;
        padding: 0.3% 17%;
        margin: 0% 0%;
    }

    div.item-projects26pz {
        width: 35vw;
        height: 24vw;
        background-size: 140%;
    }

    div.bg_photo26pz {
        width: 35vw;
    }

    div.bg_photo26pz p {
        margin: 20.2vw 0;
    }

    div.bg_photo26pz:hover p {
        width: 35vw;
    }

    div.album27pz {
        width: 62%;
        padding: 0.3% 14%;
        margin: 0% 0%;
    }

    div.item-projects27pz {
        width: 47.5vw;
        height: 25vw;
        background-size: 100%;
    }

    div.bg_photo27pz {
        width: 47.5vw;
    }

    div.bg_photo27pz p {
        margin: 21.2vw 0;
    }

    div.bg_photo27pz:hover p {
        width: 47.5vw;
    }

    div.album28pz {
        margin: 0% 0%;
        padding: 0.2% 11.5%;
        width: 41.7%;
    }

    div.item-projects28pz {
        width: 46vw;
        height: 33vw;
    }

    div.bg_photo28pz {
        width: 46vw;
    }

    div.bg_photo28pz p {
        margin: 29.2vw 0;
    }

    div.bg_photo28pz:hover p {
        width: 46vw;
    }

    div.album29pz {
        margin: 0% 0%;
        padding: 0.2% 11.5%;
        width: 36.2%;
    }

    div.item-projects29pz {
        width: 35.5vw;
        height: 26vw;
    }

    div.bg_photo29pz {
        width: 35.5vw;
    }

    div.bg_photo29pz p {
        margin: 22.4vw 0;
    }

    div.bg_photo29pz:hover p {
        width: 35.5vw;
    }

    div.album30pz {
        width: 30.6%;
        padding: 0.3% 0.5%;
        margin: 0% 1%;
    }

    div.item-projects30pz {
        width: 32vw;
        height: 24vw;
        background-size: 105%;
    }

    div.bg_photo30pz {
        width: 32vw;
    }

    div.bg_photo30pz p {
        margin: 20.3vw 0;
    }

    div.bg_photo30pz:hover p {
        width: 32vw;
    }

    div.album31pz {
        width: 32.4%;
        padding: 0.3% 2.5%;
        margin: 0% 1%;
    }

    div.item-projects31pz {
        width: 32vw;
        height: 25vw;
        background-size: 105%;
    }

    div.bg_photo31pz {
        width: 32vw;
    }

    div.bg_photo31pz p {
        margin: 21.3vw 0;
    }

    div.bg_photo31pz:hover p {
        width: 32vw;
    }

    div.album32pz {
        width: 41.3%;
        padding: 0.2% 3.5%;
        margin: 0% 0%;
    }

    div.item-projects32pz {
        width: 40.6vw;
        height: 28vw;
    }

    div.bg_photo32pz {
        width: 40.6vw;
    }

    div.bg_photo32pz p {
        margin: 23.9vw 0;
    }

    div.bg_photo32pz:hover p {
        width: 40.6vw;
    }

    div.bg_photo33pz p {
        margin: 24.9vw 0;
    }

    div.album34pz {
        width: 25.75%;
        padding: 0.2% 0 0.2% 10%;
        margin: 0% 0%;
    }

    div.item-projects34pz {
        width: 25.2vw;
        height: 17vw;
    }

    div.bg_photo34pz {
        width: 25.2vw;
    }

    div.bg_photo34pz p {
        margin: 13.2vw 0;
    }

    div.bg_photo34pz:hover p {
        width: 25.2vw;
    }

    div.album35pz {
        width: 38.7%;
        padding: 0.2% 0 0.2% 10%;
        margin: 0% 0%;
    }

    div.item-projects35pz {
        width: 38.1vw;
        height: 20vw;
    }

    div.bg_photo35pz {
        width: 38.1vw;
    }

    div.bg_photo35pz p {
        margin: 16.2vw 0;
    }

    div.bg_photo35pz:hover p {
        width: 38.1vw;
    }

    div.album36pz {
        float: left;
        width: 80%;
        padding: 0.5% 15%;
        margin: 0%;
    }

    div.item-projects36pz {
        width: 71.3vw;
        height: 35vw;
    }

    div.bg_photo36pz {
        width: 71.3vw;
    }

    div.bg_photo36pz p {
        margin: 31vw 0;
    }

    div.bg_photo36pz:hover p {
        width: 71.3vw;
    }

    /* koniec poziom - pz */
    /* początek pion - pn */

    div.album2pn,
    div.album4pn {
        width: 9.5%;
        padding: 0.3% 0%;
        margin: 0% 14%;
    }

    div.item-projects2pn,
    div.item-projects4pn {
        width: 24vw;
        height: 27vw;
    }

    div.bg_photo2pn,
    div.bg_photo4pn {
        width: 24vw;
    }

    div.bg_photo2pn p,
    div.bg_photo4pn p {
        margin: 23.2vw 0;
    }

    div.bg_photo2pn:hover p,
    div.bg_photo4pn:hover p {
        width: 24vw;
    }

    div.album3pn,
    div.album15pn,
    div.album16pn {
        width: 6.5%;
        padding: 0.3% 0%;
        margin: 0% 14%;
    }

    div.item-projects3pn,
    div.item-projects15pn,
    div.item-projects16pn {
        width: 34vw;
        height: 40vw;
    }

    div.bg_photo3pn,
    div.bg_photo15pn,
    div.bg_photo16pn {
        width: 34vw;
    }

    div.bg_photo3pn p,
    div.bg_photo15pn p,
    div.bg_photo16pn p {
        margin: 36.2vw 0;
    }

    div.bg_photo3pn:hover p,
    div.bg_photo15pn:hover p,
    div.bg_photo16pn:hover p {
        width: 34vw;
    }

    div.album1pn {
        width: 5.8%;
        padding: 0.3% 0%;
        margin: 0% 14%;
    }

    div.item-projects1pn {
        width: 19vw;
        height: 19vw;
    }

    div.bg_photo1pn {
        width: 19vw;
    }

    div.bg_photo1pn p {
        margin: 25vw 0;
    }

    div.bg_photo1pn:hover p {
        width: 19vw;
    }

    div.album5pn {
        width: 24%;
        padding: 0.25% 1.5%;
        margin: 0% 15%;
    }

    div.item-projects5pn {
        width: 25vw;
        height: 33vw;
    }

    div.bg_photo5pn {
        width: 25vw;
    }

    div.bg_photo5pn p {
        margin: 29.2vw 0;
    }

    div.bg_photo5pn:hover p {
        width: 25vw;
    }

    div.album6pn {
        width: 51%;
        padding: 0.5% 0%;
        margin: 0% 14%;
        float: left;
    }

    div.item-projects6pn {
        width: 70vw;
        height: 40vw;
        background-size: 100%;
    }

    div.bg_photo6pn {
        width: 70vw;
        height: 100%;
        float: left;
    }

    div.bg_photo6pn p {
        margin: 35vw 0;
    }

    div.bg_photo6pn:hover p {
        width: 70vw;
    }

    div.album7pn {
        width: 28.5%;
        padding: 0.3% 12%;
        margin: 0% 0%;
    }

    div.item-projects7pn {
        width: 25vw;
        height: 31vw;
    }

    div.bg_photo7pn {
        width: 25vw;
    }

    div.bg_photo7pn p {
        margin: 27.1vw 0;
    }

    div.bg_photo7pn:hover p {
        width: 25vw;
    }

    div.album8pn {
        width: 13%;
        padding: 0.2% 0%;
        margin: 0% 0%;
    }

    div.item-projects8pn {
        width: 20vw;
        height: 24vw;
    }

    div.bg_photo8pn {
        width: 20vw;
    }

    div.bg_photo8pn p {
        margin: 20.2vw 0;
    }

    div.bg_photo8pn:hover p {
        width: 20vw;
    }

    div.album9pn {
        width: 24%;
        padding: 0.3% 6%;
        margin: 0% 0%;
    }

    div.item-projects9pn {
        width: 21vw;
        height: 30vw;
        background-size: 107%;
    }

    div.bg_photo9pn {
        width: 21vw;
    }

    div.bg_photo9pn p {
        margin: 26.1vw 0;
    }

    div.bg_photo9pn:hover p {
        width: 21vw;
    }

    div.album10pn {
        width: 21%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects10pn {
        width: 20vw;
        height: 24vw;
        background-size: 100%;
    }

    div.bg_photo10pn {
        width: 20vw;
    }

    div.bg_photo10pn p {
        margin: 20.2vw 0;
    }

    div.bg_photo10pn:hover p {
        width: 20vw;
    }

    div.album11pn {
        width: 21%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects11pn {
        width: 20.5vw;
        height: 25vw;
        background-size: 100%;
    }

    div.bg_photo11pn {
        width: 20.5vw;
    }

    div.bg_photo11pn p {
        margin: 18vw 0;
    }

    div.bg_photo11pn:hover p {
        width: 20.5vw;
    }

    div.album12pn {
        width: 7.2%;
        padding: 0.2% 2%;
        margin: 0% 5%;
    }

    div.item-projects12pn {
        width: 16.7vw;
        height: 22vw;
    }

    div.bg_photo12pn {
        width: 16.7vw;
    }

    div.bg_photo12pn p {
        margin: 14.8vw 0;
    }

    div.bg_photo12pn:hover p {
        width: 16.7vw;
    }

    div.album13pn {
        width: 25.5%;
        padding: 0.2% 13%;
        margin: 0% 0%;
    }

    div.item-projects13pn {
        width: 25vw;
        height: 31vw;
    }

    div.bg_photo13pn {
        width: 25vw;
    }

    div.bg_photo13pn p {
        margin: 27.1vw 0;
    }

    div.bg_photo13pn:hover p {
        width: 25vw;
    }

    div.album14pn {
        width: 32.05%;
        padding: 0.3% 6%;
        margin: 0% 0%;
    }

    div.item-projects14pn {
        width: 28.15vw;
        height: 31vw;
    }

    div.bg_photo14pn {
        width: 28.15vw;
    }

    div.bg_photo14pn p {
        margin: 27.2vw 0;
    }

    div.bg_photo14pn:hover p {
        width: 28.15vw;
    }

    div.album15pz {
        width: 73%;
        padding: 0.3% 15%;
        margin: 0% 0%;
    }

    div.item-projects15pz {
        width: 47.4vw;
        height: 31vw;
    }

    div.bg_photo15pz {
        width: 47.4vw;
    }

    div.bg_photo15pz p {
        margin: 27.2vw 0;
    }

    div.bg_photo15pz:hover p {
        width: 47.4vw;
    }

    div.album17pn {
        width: 21.6%;
        padding: 0.2% 0% 0.2% 16%;
        margin: 0% 0%;
    }

    div.item-projects17pn {
        width: 21vw;
        height: 28vw;
    }

    div.bg_photo17pn {
        width: 21vw;
    }

    div.bg_photo17pn p {
        margin: 24vw 0;
    }

    div.bg_photo17pn:hover p {
        width: 21vw;
    }

    div.album18pn {
        width: 21%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects18pn {
        width: 20.5vw;
        height: 25vw;
        background-size: 100%;
    }

    div.bg_photo18pn {
        width: 20.5vw;
    }

    div.bg_photo18pn p {
        margin: 18vw 0;
    }

    div.bg_photo18pn:hover p {
        width: 20.5vw;
    }

    div.album19pn {
        width: 7.5%;
        padding: 0.2% 0%;
        margin: 0% 7%;
    }

    div.item-projects19pn {
        width: 21vw;
        height: 26vw;
    }

    div.bg_photo19pn {
        width: 21vw;
    }

    div.bg_photo19pn p {
        margin: 22vw 0;
    }

    div.bg_photo19pn:hover p {
        width: 21vw;
    }

    div.album20pn {
        width: 6.5%;
        padding: 0.3% 0%;
        margin: 0% 14%;
    }

    div.item-projects20pn {
        width: 34vw;
        height: 40vw;
    }

    div.bg_photo20pn {
        width: 34vw;
    }

    div.bg_photo20pn p {
        margin: 36.2vw 0;
    }

    div.bg_photo20pn:hover p {
        width: 34vw;
    }

    div.album21pn {
        width: 19.6%;
        padding: 0.3% 1.7%;
        margin: 0% 0%;
    }

    div.item-projects21pn {
        width: 19vw;
        height: 25vw;
    }

    div.bg_photo21pn {
        width: 19vw;
    }

    div.bg_photo21pn p {
        margin: 21.3vw 0;
    }

    div.bg_photo21pn:hover p {
        width: 19vw;
    }

    div.album22pn {
        width: 25.5%;
        padding: 0.3% 12%;
        margin: 0% 0%;
    }

    div.item-projects22pn {
        width: 25vw;
        height: 31vw;
    }

    div.bg_photo22pn {
        width: 25vw;
    }

    div.bg_photo22pn p {
        margin: 27.1vw 0;
    }

    div.bg_photo22pn:hover p {
        width: 25vw;
    }

    div.album23pn {
        width: 19%;
        padding: 0.3% 1.7%;
        margin: 0% 0%;
    }

    div.item-projects23pn {
        width: 18.4vw;
        height: 25vw;
        background-size: 105%;
    }

    div.bg_photo23pn {
        width: 18.4vw;
    }

    div.bg_photo23pn p {
        margin: 21.3vw 0;
    }

    div.bg_photo23pn:hover p {
        width: 18.4vw;
    }

    div.album24pn {
        width: 24.2%;
        padding: 0.3% 1.7%;
        margin: 0% 0%;
    }

    div.item-projects24pn {
        width: 23.6vw;
        height: 31vw;
    }

    div.bg_photo24pn {
        width: 23.6vw;
    }

    div.bg_photo24pn p {
        margin: 27.2vw 0;
    }

    div.bg_photo24pn:hover p {
        width: 23.6vw;
    }

    div.album25pn {
        width: 34.5%;
        padding: 0.3% 12%;
        margin: 0% 0%;
    }

    div.item-projects25pn {
        width: 30vw;
        height: 35vw;
    }

    div.bg_photo25pn {
        width: 30vw;
    }

    div.bg_photo25pn p {
        margin: 31.1vw 0;
    }

    div.bg_photo25pn:hover p {
        width: 30vw;
    }

    div.album26pn {
        width: 25%;
        padding: 0.3% 1.7%;
        margin: 0% 0%;
    }

    div.item-projects26pn {
        width: 24.4vw;
        height: 25vw;
    }

    div.bg_photo26pn {
        width: 24.4vw;
    }

    div.bg_photo26pn p {
        margin: 21.3vw 0;
    }

    div.bg_photo26pn:hover p {
        width: 24.4vw;
    }

    div.bg_photo27pn p {
        margin: 36vw 0;
    }

    div.album28pn {
        width: 30.5%;
        padding: 0.3% 0 0.3% 16%;
        margin: 0% 0%;
    }

    div.item-projects28pn {
        width: 30vw;
        height: 35vw;
    }

    div.bg_photo28pn {
        width: 30vw;
    }

    div.bg_photo28pn p {
        margin: 31.1vw 0;
    }

    div.bg_photo28pn:hover p {
        width: 30vw;
    }

    div.album29pn {
        width: 19.3%;
        padding: 0.2% 0 0.2% 10%;
        margin: 0% 0%;
    }

    div.item-projects29pn {
        width: 18.8vw;
        height: 24vw;
        background-size: 100%;
    }

    div.bg_photo29pn {
        width: 18.8vw;
    }

    div.bg_photo29pn p {
        margin: 16.8vw 0;
    }

    div.bg_photo29pn:hover p {
        width: 18.8vw;
    }

    div.album30pn {
        width: 14%;
        padding: 0.3% 2%;
        margin: 0% 0%;
    }

    div.item-projects30pn {
        width: 23.4vw;
        height: 31vw;
    }

    div.bg_photo30pn {
        width: 23.4vw;
    }

    div.bg_photo30pn p {
        margin: 27.2vw 0;
    }

    div.bg_photo30pn:hover p {
        width: 23.4vw;
    }

    div.album31pn {
        width: 28%;
        padding: 0.3% 15%;
        margin: 0% 0%;
    }

    div.item-projects31pn {
        width: 23.4vw;
        height: 31vw;
    }

    div.bg_photo31pn {
        width: 23.4vw;
    }

    div.bg_photo31pn p {
        margin: 27.2vw 0;
    }

    div.bg_photo31pn:hover p {
        width: 23.4vw;
    }

    /* koniec pion - pn */

    div.descrip {
        text-align: justify;
        padding: 3% 3% 20% 3%;
    }
}

@media(orientation: landscape) and (min-width: 780px) {
    div.bg_photo6pz p {
        margin: 36.5vw 0;
    }

    div.bg_photo10pz p {
        margin: 36.5vw 0;
    }

    div.bg_photo16pz p {
        margin: 15.5vw 0;
    }

    div.bg_photo28pz p {
        margin: 29.5vw 0;
    }

    div.bg_photo32pz p {
        margin: 24.2vw 0;
    }

    div.bg_photo5pn p {
        margin: 29.5vw 0;
    }

    div.bg_photo6pn p {
        margin: 36.7vw 0;
    }

    div.bg_photo12pn p {
        margin: 18.5vw 0;
    }

    div.bg_photo17pn p {
        margin: 24.4vw 0;
    }

    div.bg_photo19pn p {
        margin: 22.5vw 0;
    }

    div.bg_photo20pn p {
        margin: 36.5vw 0;
    }

    div.bg_photo21pn p {
        margin: 21.5vw 0;
    }

    div.bg_photo22pn p {
        margin: 27.4vw 0;
    }

    div.bg_photo23pn p {
        margin: 21.5vw 0;
    }

    div.bg_photo24pn p {
        margin: 27.5vw 0;
    }

    div.bg_photo25pn p,
    div.bg_photo28pn p {
        margin: 31.4vw 0;
    }

    div.album28pn {
        width: 30.5%;
        padding: 0.3% 7%;
        margin: 0% 0%;
    }

}

@media(orientation: landscape) and (min-width: 812px) {
    /* początek poziom - pz */

    div.bg_photo13pz p,
    div.bg_photo17pz p,
    div.bg_photo21pz p {
        margin: 20.6vw 0;
    }

    div.bg_photo4pz p,
    div.bg_photo18pz p,
    div.bg_photo19pz p {
        margin: 20.6vw 0;
    }

    div.bg_photo16pz p {
        margin: 15.8vw 0;
    }

    div.bg_photo3pz p,
    div.bg_photo20pz p,
    div.bg_photo22pz p {
        margin: 23.7vw 0;
    }

    div.bg_photo2pz p,
    div.bg_photo5pz p {
        margin: 23.6vw 0;
    }

    div.bg_photo1pz p {
        margin: 18.7vw 0;
    }

    div.bg_photo7pz p {
        margin: 22.7vw 0;
    }

    div.bg_photo9pz p {
        margin: 26.5vw 0;
    }

    div.bg_photo12pz p,
    div.bg_photo26pz p {
        margin: 20.5vw 0;
    }

    div.bg_photo23pz p {
        margin: 21.5vw 0;
    }

    div.bg_photo24pz p,
    div.bg_photo27pz p {
        margin: 21.6vw 0;
    }

    div.bg_photo34pz p {
        margin: 13.5vw 0;
    }

    div.bg_photo35pz p {
        margin: 16.5vw 0;
    }

    /* koniec poziom - pz */
    /* początek pion - pn */

    div.bg_photo2pn p,
    div.bg_photo4pn p {
        margin: 23.5vw 0;
    }

    div.bg_photo3pn p,
    div.bg_photo15pn p,
    div.bg_photo16pn p {
        margin: 36.5vw 0;
    }

    div.bg_photo1pn p {
        margin: 12.5vw 0;
    }

    div.bg_photo7pn p {
        margin: 27.5vw 0;
    }

    div.bg_photo9pn p {
        margin: 26.4vw 0;
    }

    div.bg_photo10pn p {
        margin: 20.5vw 0;
    }

    div.bg_photo11pn p {
        margin: 18.6vw 0;
    }

    div.bg_photo13pn p {
        margin: 27.5vw 0;
    }

    div.bg_photo17pn p {
        margin: 24.5vw 0;
    }

    div.bg_photo29pn p {
        margin: 17.6vw 0;
    }

    /* koniec pion - pn */
}

@media(orientation: landscape) and (min-width: 915px) {
    /* początek poziom - pz */

    div.bg_photo11pz p,
    div.bg_photo13pz p,
    div.bg_photo17pz p,
    div.bg_photo21pz p,
    div.bg_photo30pz p {
        margin: 21vw 0;
    }

    div.bg_photo4pz p,
    div.bg_photo18pz p,
    div.bg_photo19pz p {
        margin: 21vw 0;
    }

    div.bg_photo16pz p {
        margin: 15.8vw 0;
    }

    div.bg_photo3pz p,
    div.bg_photo20pz p,
    div.bg_photo22pz p {
        margin: 24vw 0;
    }

    div.bg_photo2pz p,
    div.bg_photo5pz p {
        margin: 24vw 0;
    }

    div.bg_photo1pz p {
        margin: 18.7vw 0;
    }

    div.bg_photo7pz p {
        margin: 23vw 0;
    }

    div.bg_photo8pz p {
        margin: 22vw 0;
    }

    div.bg_photo15pz p {
        margin: 28vw 0;
    }

    div.bg_photo12pz p,
    div.bg_photo26pz p {
        margin: 21vw 0;
    }

    div.bg_photo14pz p,
    div.bg_photo25pz p {
        margin: 15vw 0;
    }

    div.bg_photo23pz p {
        margin: 21.9vw 0;
    }

    div.bg_photo24pz p,
    div.bg_photo27pz p {
        margin: 22vw 0;
    }

    div.bg_photo28pz p {
        margin: 29.9vw 0;
    }

    div.bg_photo29pz p {
        margin: 22.9vw 0;
    }

    div.bg_photo31pz p {
        margin: 22vw 0;
    }

    div.bg_photo32pz p {
        margin: 25vw 0;
    }

    div.bg_photo33pz p {
        margin: 25.5vw 0;
    }

    div.bg_photo34pz p {
        margin: 13.8vw 0;
    }

    div.bg_photo35pz p {
        margin: 16.8vw 0;
    }

    div.bg_photo36pz p {
        margin: 32vw 0;
    }

    /* koniec poziom - pz */
    /* początek pion - pn */

    div.bg_photo2pn p,
    div.bg_photo4pn p {
        margin: 23.8vw 0;
    }

    div.bg_photo3pn p,
    div.bg_photo15pn p,
    div.bg_photo16pn p {
        margin: 36.8vw 0;
    }

    div.bg_photo1pn p {
        margin: 13.2vw 0;
    }

    div.bg_photo5pn p {
        margin: 29.9vw 0;
    }

    div.bg_photo7pn p {
        margin: 27.9vw 0;
    }

    div.bg_photo8pn p {
        margin: 21vw 0;
    }

    div.bg_photo9pn p {
        margin: 26.9vw 0;
    }

    div.bg_photo10pn p {
        margin: 20.9vw 0;
    }

    div.bg_photo11pn p {
        margin: 22vw 0;
    }

    div.bg_photo12pn p {
        margin: 18.9vw 0;
    }

    div.bg_photo13pn p {
        margin: 27.9vw 0;
    }

    div.bg_photo14pn p {
        margin: 27.8vw 0;
    }

    div.bg_photo17pn p {
        margin: 25vw 0;
    }

    div.bg_photo19pn p {
        margin: 23vw 0;
    }

    div.album20pn {
        width: 22.5%;
        padding: 0.3% 5%;
        margin: 0% 0%;
    }

    div.item-projects20pn {
        width: 22vw;
        height: 29vw;
    }

    div.bg_photo20pn {
        width: 22vw;
    }

    div.bg_photo20pn p {
        margin: 26vw 0;
    }

    div.bg_photo20pn:hover p {
        width: 22vw;
    }

    div.bg_photo21pn p {
        margin: 22vw 0;
    }

    div.bg_photo22pn p {
        margin: 28vw 0;
    }

    div.bg_photo23pn p {
        margin: 22vw 0;
    }

    div.bg_photo24pn p {
        margin: 28vw 0;
    }

    div.bg_photo25pn p,
    div.bg_photo28pn p {
        margin: 31.8vw 0;
    }

    div.bg_photo26pn p {
        margin: 21.8vw 0;
    }

    div.bg_photo27pn p {
        margin: 37vw 0;
    }

    div.bg_photo29pn p {
        margin: 21vw 0;
    }

    div.bg_photo30pn p {
        margin: 28vw 0;
    }

    div.bg_photo31pn p {
        margin: 28vw 0;
    }
}

@media(orientation: landscape) and (min-width: 1024px) {
    /* początek poziom - pz */

    div.album13pz,
    div.album17pz,
    div.album21pz {
        width: 5.5%;
        padding: 0.2% 0%;
        margin: 0% 10%;
    }

    div.item-projects13pz,
    div.item-projects17pz,
    div.item-projects21pz {
        width: 25.1vw;
        height: 18vw;
        background-size: 105%;
    }

    div.bg_photo13pz,
    div.bg_photo17pz,
    div.bg_photo21pz {
        width: 25.1vw;
    }

    div.bg_photo13pz p,
    div.bg_photo17pz p,
    div.bg_photo21pz p {
        margin: 15.2vw 0;
    }

    div.bg_photo13pz:hover p,
    div.bg_photo17pz:hover p,
    div.bg_photo21pz:hover p {
        width: 25.1vw;
    }

    div.bg_photo1pz p {
        margin: 19.2vw 0;
    }

    div.album2pz {
        width: 31%;
        padding: 0.3% 0%;
        margin: 0% 1%;
    }

    div.item-projects2pz {
        width: 44vw;
        height: 27vw;
    }

    div.bg_photo2pz {
        width: 44vw;
    }

    div.bg_photo2pz p {
        margin: 24.3vw 0;
    }

    div.bg_photo2pz:hover p {
        width: 44vw;
    }

    div.album3pz,
    div.album22pz {
        width: 18.2%;
        padding: 0.2% 0%;
        margin: 0% 10%;
    }

    div.item-projects3pz,
    div.item-projects22pz {
        width: 37.9vw;
        height: 20vw;
    }

    div.bg_photo3pz,
    div.bg_photo22pz {
        width: 37.9vw;
    }

    div.bg_photo3pz p,
    div.bg_photo22pz p {
        margin: 17.3vw 0;
    }

    div.bg_photo3pz:hover p,
    div.bg_photo22pz:hover p {
        width: 37.9vw;
    }

    div.album4pz {
        width: 23%;
        padding: 0.2% 0%;
        margin: 0% 1%;
    }

    div.item-projects4pz {
        width: 24.5vw;
        height: 18vw;
    }

    div.bg_photo4pz {
        width: 24.5vw;
    }

    div.bg_photo4pz p {
        margin: 15.3vw 0;
    }

    div.bg_photo4pz:hover p {
        width: 24.5vw;
    }

    div.album5pz {
        width: 28.5%;
        padding: 0.2% 0%;
        margin: 0% 1%;
    }

    div.item-projects5pz {
        width: 36vw;
        height: 26vw;
    }

    div.bg_photo5pz {
        width: 36vw;
    }

    div.bg_photo5pz p {
        margin: 23.3vw 0;
    }

    div.bg_photo5pz:hover p {
        width: 36vw;
    }

    div.album6pz {
        width: 23%;
        padding: 0.2% 0%;
        margin: 0% 1%;
    }

    div.item-projects6pz {
        width: 24.5vw;
        height: 18vw;
    }

    div.bg_photo6pz {
        width: 24.5vw;
    }

    div.bg_photo6pz p {
        margin: 15.3vw 0;
    }

    div.bg_photo6pz:hover p {
        width: 24.5vw;
    }

    div.bg_photo7pz p {
        margin: 23.3vw 0;
    }

    div.bg_photo8pz p {
        margin: 22.5vw 0;
    }

    div.bg_photo9pz p {
        margin: 27.5vw 0;
    }

    div.album10pz {
        width: 28%;
        padding: 0.2% 0% 0.2% 21%;
        margin: 0% 0%;
    }

    div.item-projects10pz {
        width: 27.5vw;
        height: 18vw;
    }

    div.bg_photo10pz {
        width: 27.5vw;
    }

    div.bg_photo10pz p {
        margin: 15.3vw 0;
    }

    div.bg_photo10pz:hover p {
        width: 27.5vw;
    }

    div.album12pz {
        width: 52.5%;
        padding: 0.3% 17%;
        margin: 0% 0%;
    }

    div.item-projects12pz {
        width: 35vw;
        height: 24vw;
        background-size: 140%;
    }

    div.bg_photo12pz {
        width: 35vw;
    }

    div.bg_photo12pz p {
        margin: 21.2vw 0;
    }

    div.bg_photo12pz:hover p {
        width: 35vw;
    }

    div.album14pz {
        width: 28%;
        padding: 0.2% 0% 0.2% 17%;
        margin: 0% 0%;
    }

    div.item-projects14pz {
        width: 27.5vw;
        height: 18vw;
        background-size: 150%;
    }

    div.bg_photo14pz {
        width: 27.5vw;
    }

    div.bg_photo14pz p {
        margin: 15.3vw 0;
    }

    div.bg_photo14pz:hover p {
        width: 27.5vw;
    }

    div.album15pz {
        width: 59%;
        padding: 0.2% 12%;
        margin: 0% 0%;
    }

    div.item-projects15pz {
        width: 42vw;
        height: 27vw;
    }

    div.bg_photo15pz {
        width: 42vw;
    }

    div.bg_photo15pz p {
        margin: 24.5vw 0;
    }

    div.bg_photo15pz:hover p {
        width: 42vw;
    }

    div.album16pz {
        width: 13.2%;
        padding: 0.2% 0%;
        margin: 0% 10%;
    }

    div.item-projects16pz {
        width: 32.7vw;
        height: 20vw;
    }

    div.bg_photo16pz {
        width: 32.7vw;
    }

    div.bg_photo16pz p {
        margin: 17.3vw 0;
    }

    div.bg_photo16pz:hover p {
        width: 32.7vw;
    }

    div.album18pz {
        width: 13.2%;
        padding: 0.2% 0%;
        margin: 0% 10%;
    }

    div.item-projects18pz {
        width: 32.7vw;
        height: 20vw;
    }

    div.bg_photo18pz {
        width: 32.7vw;
    }

    div.bg_photo18pz p {
        margin: 17.3vw 0;
    }

    div.bg_photo18pz:hover p {
        width: 32.7vw;
    }

    div.album19pz {
        width: 29%;
        padding: 0.2% 0%;
        margin: 0% 7%;
    }

    div.item-projects19pz {
        width: 42.5vw;
        height: 23vw;
    }

    div.bg_photo19pz {
        width: 42.5vw;
    }

    div.bg_photo19pz p {
        margin: 20.3vw 0;
    }

    div.bg_photo19pz:hover p {
        width: 42.5vw;
    }

    div.album20pz {
        width: 18.2%;
        padding: 0.2% 0%;
        margin: 0% 10%;
    }

    div.item-projects20pz {
        width: 37.9vw;
        height: 20vw;
    }

    div.bg_photo20pz {
        width: 37.9vw;
    }

    div.bg_photo20pz p {
        margin: 17.3vw 0;
    }

    div.bg_photo20pz:hover p {
        width: 37.9vw;
    }

    div.album23pz {
        width: 52%;
        padding: 0.3% 17%;
        margin: 0% 0%;
    }

    div.item-projects23pz {
        width: 55.5vw;
        height: 25vw;
        background-size: 100%;
    }

    div.bg_photo23pz {
        width: 55.5vw;
    }

    div.bg_photo23pz p {
        margin: 22.3vw 0;
    }

    div.bg_photo23pz:hover p {
        width: 55.5vw;
    }

    div.album24pz {
        width: 35%;
        padding: 0.3% 7%;
        margin: 0% 0%;
    }

    div.item-projects24pz {
        width: 27.5vw;
        height: 19vw;
        background-size: 100%;
    }

    div.bg_photo24pz {
        width: 27.5vw;
    }

    div.bg_photo24pz p {
        margin: 16.3vw 0;
    }


    div.bg_photo24pz:hover p {
        width: 27.5vw;
    }

    div.album25pz {
        width: 28%;
        padding: 0.2% 0% 0.2% 17%;
        margin: 0% 0%;
    }

    div.item-projects25pz {
        width: 27.5vw;
        height: 18vw;
        background-size: 150%;
    }

    div.bg_photo25pz {
        width: 27.5vw;
    }

    div.bg_photo25pz p {
        margin: 15.3vw 0;
    }

    div.bg_photo25pz:hover p {
        width: 27.5vw;
    }

    div.album26pz {
        width: 52.5%;
        padding: 0.3% 17%;
        margin: 0% 0%;
    }

    div.item-projects26pz {
        width: 35vw;
        height: 24vw;
        background-size: 140%;
    }

    div.bg_photo26pz {
        width: 35vw;
    }

    div.bg_photo26pz p {
        margin: 21.2vw 0;
    }

    div.bg_photo26pz:hover p {
        width: 35vw;
    }

    div.album27pz {
        width: 35%;
        padding: 0.3% 7%;
        margin: 0% 0%;
    }

    div.item-projects27pz {
        width: 27.5vw;
        height: 19vw;
        background-size: 100%;
    }

    div.bg_photo27pz {
        width: 27.5vw;
    }

    div.bg_photo27pz p {
        margin: 16.3vw 0;
    }

    div.bg_photo27pz:hover p {
        width: 27.5vw;
    }

    div.album28pz {
        margin: 0% 0%;
        padding: 0.2% 13.5%;
        width: 42.5%;
    }

    div.item-projects28pz {
        width: 45vw;
        height: 28vw;
    }

    div.bg_photo28pz {
        width: 45vw;
    }

    div.bg_photo28pz p {
        margin: 25.4vw 0;
    }

    div.bg_photo28pz:hover p {
        width: 45vw;
    }

    div.album29pz {
        margin: 0% 0%;
        padding: 0.2% 13.5%;
        width: 33.5%;
    }

    div.item-projects29pz {
        width: 33vw;
        height: 23vw;
    }

    div.bg_photo29pz {
        width: 33vw;
    }

    div.bg_photo29pz p {
        margin: 20.2vw 0;
    }

    div.bg_photo29pz:hover p {
        width: 33vw;
    }

    div.album30pz {
        width: 20.1%;
        padding: 0.2% 0%;
        margin: 0% 5%;
    }

    div.item-projects30pz {
        width: 29.1vw;
        height: 18vw;
        background-size: 105%;
    }

    div.bg_photo30pz {
        width: 29.1vw;
    }

    div.bg_photo30pz p {
        margin: 15.5vw 0;
    }

    div.bg_photo30pz:hover p {
        width: 29.1vw;
    }

    div.album31pz {
        width: 21.2%;
        padding: 0.2% 0%;
        margin: 0% 5%;
    }

    div.item-projects31pz {
        width: 30.5vw;
        height: 23vw;
        background-size: 105%;
    }

    div.bg_photo31pz {
        width: 30.5vw;
    }

    div.bg_photo31pz p {
        margin: 20.5vw 0;
    }

    div.bg_photo31pz:hover p {
        width: 30.5vw;
    }

    div.album32pz {
        width: 36.85%;
        padding: 0.2% 5%;
        margin: 0% 0%;
    }

    div.item-projects32pz {
        width: 35.8vw;
        height: 21vw;
    }

    div.bg_photo32pz {
        width: 35.8vw;
    }

    div.bg_photo32pz p {
        margin: 18.5vw 0;
    }

    div.bg_photo32pz:hover p {
        width: 35.8vw;
    }

    div.album33pz {
        width: 37.6%;
        padding: 0.2% 0 0.2% 10%;
        margin: 0% 0%;
    }

    div.item-projects33pz {
        width: 36.5vw;
        height: 22vw;
    }

    div.bg_photo33pz {
        width: 36.5vw;
    }

    div.bg_photo33pz p {
        margin: 19.6vw 0;
    }

    div.bg_photo33pz:hover p {
        width: 36.5vw;
    }

    div.album34pz {
        width: 26%;
    }

    div.bg_photo34pz p {
        margin: 14.5vw 0;
    }

    div.album35pz {
        width: 39%;
    }

    div.item-projects35pz {
        width: 37.9vw;
        height: 20vw;
    }

    div.bg_photo35pz {
        width: 37.9vw;
    }

    div.bg_photo35pz p {
        margin: 17.5vw 0;
    }

    div.bg_photo35pz:hover p {
        width: 37.9vw;
    }

    div.album36pz {
        float: left;
        width: 80%;
        padding: 0.3% 12%;
        margin: 0%;
    }

    div.item-projects36pz {
        width: 63.3vw;
        height: 27vw;
    }

    div.bg_photo36pz {
        width: 63.3vw;
    }

    div.bg_photo36pz p {
        margin: 24.5vw 0;
    }

    div.bg_photo36pz:hover p {
        width: 63.3vw;
    }

    /* koniec poziom - pz */
    /* początek pion - pn */

    div.album1pn {
        width: 2.5%;
        padding: 0.2% 0%;
        margin: 0% 7%;
    }

    div.item-projects1pn {
        width: 19vw;
        height: 20vw;
    }

    div.bg_photo1pn {
        width: 19vw;
    }

    div.bg_photo1pn p {
        margin: 17.3vw 0;
    }

    div.bg_photo1pn:hover p {
        width: 19vw;
    }

    div.album2pn {
        width: 9.5%;
        padding: 0.3% 0%;
        margin: 0% 14%;
    }

    div.item-projects2pn {
        width: 24vw;
        height: 27vw;
    }

    div.bg_photo2pn {
        width: 24vw;
    }

    div.bg_photo2pn p {
        margin: 24.3vw 0;
    }

    div.bg_photo2pn:hover p {
        width: 24vw;
    }

    div.album3pn {
        width: 7.5%;
        padding: 0.2% 0%;
        margin: 0% 7%;
    }

    div.item-projects3pn {
        width: 21vw;
        height: 26vw;
        background-size: 106%;
    }

    div.bg_photo3pn {
        width: 21vw;
    }

    div.bg_photo3pn p {
        margin: 23.2vw 0;
    }

    div.bg_photo3pn:hover p {
        width: 21vw;
    }

    div.album4pn {
        width: 19.5%;
        padding: 0.2% 0%;
        margin: 0% 1%;
    }

    div.item-projects4pn {
        width: 21vw;
        height: 26vw;
    }

    div.bg_photo4pn {
        width: 21vw;
    }

    div.bg_photo4pn p {
        margin: 23.2vw 0;
    }

    div.bg_photo4pn:hover p {
        width: 21vw;
    }

    div.album5pn {
        width: 24%;
        padding: 0.2% 1.5%;
        margin: 0% 15%;
    }

    div.item-projects5pn {
        width: 21vw;
        height: 28vw;
    }

    div.bg_photo5pn {
        width: 21vw;
    }

    div.bg_photo5pn p {
        margin: 25.4vw 0;
    }

    div.bg_photo5pn:hover p {
        width: 21vw;
    }

    div.album6pn {
        width: 51%;
        padding: 0.2% 21%;
        margin: 0% 0%;
    }

    div.item-projects6pn {
        width: 30.5vw;
        height: 36.3vw;
    }

    div.bg_photo6pn {
        width: 30.5vw;
    }

    div.bg_photo6pn p {
        margin: 33.5vw 0;
    }

    div.bg_photo6pn:hover p {
        width: 30.5vw;
    }

    div.bg_photo7pn p {
        margin: 28.3vw 0;
    }

    div.album8pn {
        width: 13%;
        padding: 0.2% 0%;
        margin: 0% 0%;
    }

    div.item-projects8pn {
        width: 20vw;
        height: 24vw;
    }

    div.bg_photo8pn {
        width: 20vw;
    }

    div.bg_photo8pn p {
        margin: 21.2vw 0;
    }

    div.bg_photo8pn:hover p {
        width: 20vw;
    }

    div.bg_photo9pn p {
        margin: 27.3vw 0;
    }

    div.album10pn {
        width: 21%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects10pn {
        width: 20vw;
        height: 24vw;
        background-size: 100%;
    }

    div.bg_photo10pn {
        width: 20vw;
    }

    div.bg_photo10pn p {
        margin: 21.2vw 0;
    }

    div.bg_photo10pn:hover p {
        width: 20vw;
    }

    div.album11pn {
        width: 8%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects11pn {
        width: 14.5vw;
        height: 19vw;
        background-size: 100%;
    }

    div.bg_photo11pn {
        width: 14.5vw;
    }

    div.bg_photo11pn p {
        margin: 13.7vw 0;
    }

    div.bg_photo11pn:hover p {
        width: 14.5vw;
    }

    div.album12pn {
        width: 7.2%;
        padding: 0.2% 2%;
        margin: 0% 5%;
    }

    div.item-projects12pn {
        width: 16.7vw;
        height: 22vw;
    }

    div.bg_photo12pn {
        width: 16.7vw;
    }

    div.bg_photo12pn p {
        margin: 19.4vw 0;
    }

    div.bg_photo12pn:hover p {
        width: 16.7vw;
    }

    div.bg_photo13pn p {
        margin: 28.2vw 0;
    }

    div.bg_photo14pn p {
        margin: 28.2vw 0;
    }

    div.album15pn {
        width: 7.5%;
        padding: 0.2% 0%;
        margin: 0% 7%;
    }

    div.item-projects15pn {
        width: 21vw;
        height: 26vw;
    }

    div.bg_photo15pn {
        width: 21vw;
    }

    div.bg_photo15pn p {
        margin: 23.2vw 0;
    }

    div.bg_photo15pn:hover p {
        width: 21vw;
    }

    div.album16pn {
        width: 7.5%;
        padding: 0.2% 0%;
        margin: 0% 7%;
    }

    div.item-projects16pn {
        width: 21vw;
        height: 26vw;
    }

    div.bg_photo16pn {
        width: 21vw;
    }

    div.bg_photo16pn p {
        margin: 23.2vw 0;
    }

    div.bg_photo16pn:hover p {
        width: 21vw;
    }

    div.bg_photo17pn p {
        margin: 25.3vw 0;
    }

    div.album18pn {
        width: 8%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects18pn {
        width: 14.5vw;
        height: 19vw;
        background-size: 100%;
    }

    div.bg_photo18pn {
        width: 14.5vw;
    }

    div.bg_photo18pn p {
        margin: 13.7vw 0;
    }

    div.bg_photo18pn:hover p {
        width: 14.5vw;
    }

    div.bg_photo20pn p {
        margin: 26.4vw 0;
    }

    div.album21pn {
        width: 18%;
        padding: 0.2% 5%;
        margin: 0% 0%;
    }

    div.item-projects21pn {
        width: 17.5vw;
        height: 23vw;
    }

    div.bg_photo21pn {
        width: 17.5vw;
    }

    div.bg_photo21pn p {
        margin: 20.3vw 0;
    }

    div.bg_photo21pn:hover p {
        width: 17.5vw;
    }

    div.album22pn {
        width: 25.9%;
        padding: 0.2% 9.5%;
        margin: 0% 0%;
    }

    div.item-projects22pn {
        width: 25vw;
        height: 30vw;
    }

    div.bg_photo22pn {
        width: 25vw;
    }

    div.bg_photo22pn p {
        margin: 27.3vw 0;
    }

    div.bg_photo22pn:hover p {
        width: 25vw;
    }

    div.album23pn {
        width: 18%;
        padding: 0.2% 5%;
        margin: 0% 0%;
    }

    div.item-projects23pn {
        width: 17.5vw;
        height: 23vw;
    }

    div.bg_photo23pn {
        width: 17.5vw;
    }

    div.bg_photo23pn p {
        margin: 20.3vw 0;
    }

    div.bg_photo23pn:hover p {
        width: 17.5vw;
    }

    div.album24pn {
        width: 22.5%;
        padding: 0.2% 5%;
        margin: 0% 0%;
    }

    div.item-projects24pn {
        width: 22vw;
        height: 29vw;
    }

    div.bg_photo24pn {
        width: 22vw;
    }

    div.bg_photo24pn p {
        margin: 26.3vw 0;
    }

    div.bg_photo24pn:hover p {
        width: 22vw;
    }

    div.album25pn {
        width: 28.9%;
        padding: 0.2% 10.5%;
        margin: 0% 0%;
    }

    div.item-projects25pn {
        width: 25vw;
        height: 30vw;
    }

    div.bg_photo25pn {
        width: 25vw;
    }

    div.bg_photo25pn p {
        margin: 27.4vw 0;
    }

    div.bg_photo25pn:hover p {
        width: 25vw;
    }

    div.album26pn {
        width: 21.1%;
        padding: 0.2% 5.2%;
        margin: 0% 0%;
    }

    div.item-projects26pn {
        width: 20.4vw;
        height: 23vw;
    }

    div.bg_photo26pn {
        width: 20.4vw;
    }

    div.bg_photo26pn p {
        margin: 20.5vw 0;
    }

    div.bg_photo26pn:hover p {
        width: 20.4vw;
    }

    div.album27pn {
        width: 22.1%;
        padding: 0.2% 0 0.2% 7%;
        margin: 0% 0% 0 3%;
    }

    div.item-projects27pn {
        width: 24.2vw;
        height: 32vw;
    }

    div.bg_photo27pn {
        width: 24.2vw;
    }

    div.bg_photo27pn p {
        margin: 29.4vw 0;
    }

    div.bg_photo27pn:hover p {
        width: 24.2vw;
    }

    div.album28pn {
        width: 25.9%;
        padding: 0.2% 9.5%;
        margin: 0% 0%;
    }

    div.item-projects28pn {
        width: 25vw;
        height: 30vw;
    }

    div.bg_photo28pn {
        width: 25vw;
    }

    div.bg_photo28pn p {
        margin: 27.4vw 0;
    }

    div.bg_photo28pn:hover p {
        width: 25vw;
    }

    div.album29pn {
        width: 19.5%;
    }

    div.bg_photo29pn p {
        margin: 21.5vw 0;
    }

    div.album30pn {
        width: 27%;
        padding: 0.2% 7%;
        margin: 0% 0%;
    }

    div.item-projects30pn {
        width: 20.8vw;
        height: 27vw;
    }

    div.bg_photo30pn {
        width: 20.8vw;
    }

    div.bg_photo30pn p {
        margin: 24.5vw 0;
    }

    div.bg_photo30pn:hover p {
        width: 20.8vw;
    }

    div.album31pn {
        width: 27%;
        padding: 0.2% 12%;
        margin: 0% 0%;
    }

    div.item-projects31pn {
        width: 20.8vw;
        height: 27vw;
    }

    div.bg_photo31pn {
        width: 20.8vw;
    }

    div.bg_photo31pn p {
        margin: 24.5vw 0;
    }

    div.bg_photo31pn:hover p {
        width: 20.8vw;
    }

    /* koniec pion - pn */

    div.descrip {
        text-align: justify;
        padding: 3% 13% 10% 9%;
    }
}

@media(orientation: landscape) and (min-width: 1280px) {

    /* początek poziom - pz */
    div.album1pz {
        width: 23.4%;
        padding: 0.3% 11%;
        margin: 0% 0%;
    }

    div.item-projects1pz {
        width: 23vw;
        height: 17vw;
        background-size: 110%;
    }

    div.bg_photo1pz {
        width: 23vw;
    }

    div.bg_photo1pz p {
        margin: 14.8vw 0;
    }

    div.bg_photo1pz:hover p {
        width: 23vw;
    }

    div.bg_photo2pz p {
        margin: 25vw 0;
    }

    div.bg_photo3pz p,
    div.bg_photo22pz p {
        margin: 17.8vw 0;
    }

    div.bg_photo4pz p {
        margin: 15.8vw 0;
    }

    div.bg_photo5pz p {
        margin: 23.9vw 0;
    }

    div.bg_photo6pz p {
        margin: 15.8vw 0;
    }

    div.album7pz {
        width: 49%;
        padding: 0.2% 11%;
        margin: 0% 0%;
    }

    div.item-projects7pz {
        width: 30vw;
        height: 17vw;
    }

    div.bg_photo7pz {
        width: 30vw;
    }

    div.bg_photo7pz p {
        margin: 14.8vw 0;
    }

    div.bg_photo7pz:hover p {
        width: 30vw;
    }

    div.bg_photo8pz p {
        margin: 23vw 0;
    }

    div.album9pz {
        width: 38%;
        padding: 0.2% 11%;
        margin: 0% 0%;
    }

    div.item-projects9pz {
        width: 26vw;
        height: 17vw;
    }

    div.bg_photo9pz {
        width: 26vw;
    }

    div.bg_photo9pz p {
        margin: 14.8vw 0;
    }

    div.bg_photo9pz:hover p {
        width: 26vw;
    }

    div.bg_photo10pz p {
        margin: 15.8vw 0;
    }

    div.album11pz {
        width: 33.4%;
        padding: 0.2% 11%;
        margin: 0% 0%;
    }

    div.item-projects11pz {
        width: 32.8vw;
        height: 19vw;
    }

    div.bg_photo11pz {
        width: 32.8vw;
    }

    div.bg_photo11pz p {
        margin: 17vw 0;
    }

    div.bg_photo11pz:hover p {
        width: 32.8vw;
    }

    div.bg_photo12pz p,
    div.bg_photo26pz p {
        margin: 21.7vw 0;
    }

    div.bg_photo13pz p {
        margin: 15.8vw 0;
    }

    div.bg_photo14pz p,
    div.bg_photo25pz p {
        margin: 15.8vw 0;
    }

    div.bg_photo15pz p {
        margin: 25vw 0;
    }

    div.bg_photo16pz p {
        margin: 18vw 0;
    }

    div.bg_photo17pz p {
        margin: 15.9vw 0;
    }

    div.bg_photo18pz p {
        margin: 18vw 0;
    }

    div.bg_photo19pz p {
        margin: 20.8vw 0;
    }

    div.bg_photo20pz p {
        margin: 17.8vw 0;
    }

    div.bg_photo21pz p {
        margin: 15.8vw 0;
    }

    div.bg_photo23pz p {
        margin: 22.8vw 0;
    }

    div.bg_photo24pz p,
    div.bg_photo27pz p {
        margin: 16.8vw 0;
    }

    div.album28pz {
        width: 55.4%;
        padding: 0.2% 13.5%;
        margin: 0% 0%;
    }

    div.item-projects28pz {
        width: 43vw;
        height: 25vw;
    }

    div.bg_photo28pz {
        width: 43vw;
    }

    div.bg_photo28pz p {
        margin: 22.9vw 0;
    }

    div.bg_photo28pz:hover p {
        width: 43vw;
    }

    div.album29pz {
        margin: 0% 0%;
        padding: 0.2% 13.5%;
        width: 31.4%;
    }

    div.item-projects29pz {
        width: 31vw;
        height: 21vw;
    }

    div.bg_photo29pz {
        width: 31vw;
    }

    div.bg_photo29pz p {
        margin: 18.8vw 0;
    }

    div.bg_photo29pz:hover p {
        width: 31vw;
    }

    div.bg_photo30pz p {
        margin: 16.1vw 0;
    }

    div.bg_photo31pz p {
        margin: 21vw 0;
    }

    div.bg_photo33pz p {
        margin: 20.1vw 0;
    }

    div.bg_photo34pz p {
        margin: 15vw 0;
    }

    div.bg_photo35pz p {
        margin: 18vw 0;
    }

    div.bg_photo36pz p {
        margin: 25vw 0;
    }

    /* koniec poziom - pz */
    /* początek pion - pn */
    div.bg_photo1pn p {
        margin: 18vw 0;
    }

    div.bg_photo2pn p {
        margin: 25vw 0;
    }

    div.bg_photo3pn p {
        margin: 24vw 0;
    }

    div.bg_photo4pn p {
        margin: 23.9vw 0;
    }

    div.album5pn {
        width: 24%;
        padding: 0.2% 1.5%;
        margin: 0% 0%;
    }

    div.item-projects5pn {
        width: 19vw;
        height: 25vw;
    }

    div.bg_photo5pn {
        width: 19vw;
    }

    div.bg_photo5pn p {
        margin: 22.9vw 0;
    }

    div.bg_photo5pn:hover p {
        width: 19vw;
    }

    div.bg_photo6pn p {
        margin: 34vw 0;
    }

    div.album7pn {
        width: 25.5%;
        padding: 0.3% 12%;
        margin: 0% 0%;
    }

    div.item-projects7pn {
        width: 22.5vw;
        height: 27vw;
    }

    div.bg_photo7pn {
        width: 22.5vw;
    }

    div.bg_photo7pn p {
        margin: 24.8vw 0;
    }

    div.bg_photo7pn:hover p {
        width: 22.5vw;
    }

    div.bg_photo8pn p {
        margin: 21.7vw 0;
    }

    div.bg_photo9pn p {
        margin: 27.8vw 0;
    }

    div.bg_photo10pn p {
        margin: 21.7vw 0;
    }

    div.bg_photo11pn p,
    div.bg_photo18pn p {
        margin: 16.8vw 0;
    }

    div.bg_photo12pn p {
        margin: 19.9vw 0;
    }

    div.bg_photo13pn p {
        margin: 28.8vw 0;
    }

    div.bg_photo14pn p {
        margin: 28.8vw 0;
    }

    div.bg_photo15pn p {
        margin: 23.9vw 0;
    }

    div.bg_photo16pn p {
        margin: 23.9vw 0;
    }

    div.album17pn {
        width: 13.4%;
        padding: 0.2% 0% 0.2% 11%;
        margin: 0% 0%;
    }

    div.item-projects17pn {
        width: 13vw;
        height: 17vw;
    }

    div.bg_photo17pn {
        width: 13vw;
    }

    div.bg_photo17pn p {
        margin: 14.9vw 0;
    }

    div.bg_photo17pn:hover p {
        width: 13vw;
    }

    div.bg_photo19pn p {
        margin: 24vw 0;
    }

    div.bg_photo20pn p {
        margin: 26.8vw 0;
    }

    div.bg_photo21pn p {
        margin: 20.9vw 0;
    }

    div.bg_photo22pn p {
        margin: 27.9vw 0;
    }

    div.bg_photo23pn p {
        margin: 20.9vw 0;
    }

    div.bg_photo24pn p {
        margin: 26.9vw 0;
    }

    div.bg_photo25pn p {
        margin: 28vw 0;
    }

    div.bg_photo26pn p {
        margin: 21vw 0;
    }

    div.bg_photo27pn p {
        margin: 30vw 0;
    }

    div.bg_photo28pn p {
        margin: 28vw 0;
    }

    div.bg_photo29pn p {
        margin: 22.1vw 0;
    }

    div.bg_photo30pn p {
        margin: 25vw 0;
    }

    div.bg_photo31pn p {
        margin: 25vw 0;
    }

    /* koniec pion - pn */
}

@media(orientation: landscape) and (min-width: 1440px) {
    div.features2 {
        width: 70%;
    }

    div.features3 {
        width: 60%;
        margin: 0 15%;
    }

    div.features4 {
        width: 90%;
    }

    div.features5 {
        width: 90%;
        margin: 0 0 0 9%;
    }

    /* początek poziom - pz */

    div.album1pz {
        width: 29%;
        padding: 0.2% 14%;
        margin: 0% 0%;
    }

    div.item-projects1pz {
        width: 20vw;
        height: 15vw;
    }

    div.bg_photo1pz {
        width: 20vw;
    }

    div.bg_photo1pz p {
        margin: 13.1vw 0;
    }

    div.bg_photo1pz:hover p {
        width: 20vw;
    }

    div.album2pz {
        width: 20%;
        padding: 0.2% 6%;
        margin: 0% 1.6% 0% 8%;
    }

    div.item-projects2pz {
        width: 23vw;
        height: 17vw;
    }

    div.bg_photo2pz {
        width: 23vw;
    }

    div.bg_photo2pz p {
        margin: 15.2vw 0;
    }

    div.bg_photo2pz:hover p {
        width: 23vw;
    }

    div.album3pz {
        width: 15%;
        padding: 0.2% 6%;
        margin: 0% 1.75% 0% 8%;
    }

    div.item-projects3pz {
        width: 17vw;
        height: 12vw;
    }

    div.bg_photo3pz {
        width: 17vw;
    }

    div.bg_photo3pz p {
        margin: 10.1vw 0;
    }

    div.bg_photo3pz:hover p {
        width: 17vw;
    }

    div.album4pz {
        width: 15%;
        padding: 0.2% 6%;
        margin: 0% 1.75% 0% 8%;
    }

    div.item-projects4pz {
        width: 17vw;
        height: 12vw;
    }

    div.bg_photo4pz {
        width: 17vw;
    }

    div.bg_photo4pz p {
        margin: 10.1vw 0;
    }

    div.bg_photo4pz:hover p {
        width: 17vw;
    }

    div.album5pz {
        width: 20.5%;
        padding: 0.2% 6%;
        margin: 0% 1.75% 0% 8%;
    }

    div.item-projects5pz {
        width: 24.5vw;
        height: 18vw;
    }

    div.bg_photo5pz {
        width: 24.5vw;
    }

    div.bg_photo5pz p {
        margin: 16.1vw 0;
    }

    div.bg_photo5pz:hover p {
        width: 24.5vw;
    }

    div.album6pz {
        width: 29%;
        padding: 0.2% 0%;
        margin: 0% 1%;
    }

    div.item-projects6pz {
        width: 21.3vw;
        height: 18vw;
        background-size: 115%;
    }

    div.bg_photo6pz {
        width: 21.3vw;
    }

    div.bg_photo6pz p {
        margin: 16.1vw 0;
    }

    div.bg_photo6pz:hover p {
        width: 21.3vw;
    }

    div.album7pz {
        width: 47%;
        padding: 0.2% 17%;
        margin: 0% 0%;
    }

    div.item-projects7pz {
        width: 27vw;
        height: 16vw;
    }

    div.bg_photo7pz {
        width: 27vw;
    }

    div.bg_photo7pz p {
        margin: 14.1vw 0;
    }

    div.bg_photo7pz:hover p {
        width: 27vw;
    }

    div.album8pz {
        width: 51%;
        padding: 0.3% 14%;
        margin: 0% 8%;
    }

    div.item-projects8pz {
        width: 49.3vw;
        height: 20vw;
    }

    div.bg_photo8pz {
        width: 49.3vw;
    }

    div.bg_photo8pz p {
        margin: 18.1vw 0;
    }

    div.bg_photo8pz:hover p {
        width: 49.3vw;
    }

    div.album9pz {
        width: 38%;
        padding: 0.2% 17%;
        margin: 0% 0%;
    }

    div.item-projects9pz {
        width: 26vw;
        height: 16vw;
    }

    div.bg_photo9pz {
        width: 26vw;
    }

    div.bg_photo9pz p {
        margin: 14.1vw 0;
    }

    div.bg_photo9pz:hover p {
        width: 26vw;
    }

    div.album10pz {
        width: 42%;
        padding: 0.2% 15%;
        margin: 0% 0%;
    }

    div.item-projects10pz {
        width: 29vw;
        height: 18vw;
    }

    div.bg_photo10pz {
        width: 29vw;
    }

    div.bg_photo10pz p {
        margin: 16.2vw 0;
    }

    div.bg_photo10pz:hover p {
        width: 29vw;
    }

    div.album11pz {
        width: 45.2%;
        padding: 0.2% 17%;
        margin: 0% 0%;
    }

    div.item-projects11pz {
        width: 31.3vw;
        height: 19vw;
    }

    div.bg_photo11pz {
        width: 31.3vw;
    }

    div.bg_photo11pz p {
        margin: 17vw 0;
    }

    div.bg_photo11pz:hover p {
        width: 31.3vw;
    }

    div.album12pz {
        width: 70.9%;
        padding: 0.2% 22%;
        margin: 0% 0%;
    }

    div.item-projects12pz {
        width: 34vw;
        height: 20vw;
    }

    div.bg_photo12pz {
        width: 34vw;
    }

    div.bg_photo12pz p {
        margin: 18.1vw 0;
    }

    div.bg_photo12pz:hover p {
        width: 34vw;
    }

    div.album13pz {
        width: 20%;
        padding: 0.2% 6%;
        margin: 0% 5% 0% 8%;
    }

    div.item-projects13pz {
        width: 22.8vw;
        height: 16vw;
    }

    div.bg_photo13pz {
        width: 22.8vw;
    }

    div.bg_photo13pz p {
        margin: 14.1vw 0;
    }

    div.bg_photo13pz:hover p {
        width: 22.8vw;
    }

    div.album14pz {
        width: 35.4%;
        padding: 0.2% 0 0.2% 22%;
        margin: 0% 0%;
    }

    div.item-projects14pz {
        width: 24.5vw;
        height: 15vw;
    }

    div.bg_photo14pz {
        width: 24.5vw;
    }

    div.bg_photo14pz p {
        margin: 13.1vw 0;
    }

    div.bg_photo14pz:hover p {
        width: 24.5vw;
    }

    div.album15pz {
        width: 36.2%;
        padding: 0.3% 10%;
        margin: 0% 0%;
    }

    div.item-projects15pz {
        width: 23vw;
        height: 17vw;
    }

    div.bg_photo15pz {
        width: 23vw;
    }

    div.bg_photo15pz p {
        margin: 15.2vw 0;
    }

    div.bg_photo15pz:hover p {
        width: 23vw;
    }

    div.album16pz {
        width: 24.1%;
        padding: 0.2% 6%;
        margin: 0% 1.6% 0% 8%;
    }

    div.item-projects16pz {
        width: 23.25vw;
        height: 18vw;
    }

    div.bg_photo16pz {
        width: 23.25vw;
    }

    div.bg_photo16pz p {
        margin: 16.1vw 0;
    }

    div.bg_photo16pz:hover p {
        width: 23.25vw;
    }

    div.album17pz {
        width: 19%;
        padding: 0.2% 0% 0.2% 10%;
        margin: 0% 2% 0% 8%;
    }

    div.item-projects17pz {
        width: 20Vw;
        height: 13vw;
    }

    div.bg_photo17pz {
        width: 20Vw;
    }

    div.bg_photo17pz p {
        margin: 11.1vw 0;
    }

    div.bg_photo17pz:hover p {
        width: 20Vw;
    }

    div.album18pz {
        width: 29%;
        padding: 0.2% 6% 0.2% 10%;
        margin: 0% 1.4% 0% 8%;
    }

    div.item-projects18pz {
        width: 26.4vw;
        height: 16vw;
    }

    div.bg_photo18pz {
        width: 26.4vw;
    }

    div.bg_photo18pz p {
        margin: 14.1vw 0;
    }

    div.bg_photo18pz:hover p {
        width: 26.4vw;
    }

    div.album19pz {
        width: 38%;
        padding: 0.2% 0% 0.2% 13.3%;
        margin: 0% 0% 0% 6%;
    }

    div.item-projects19pz {
        width: 30.4vw;
        height: 18vw;
    }

    div.bg_photo19pz {
        width: 30.4vw;
    }

    div.bg_photo19pz p {
        margin: 16.1vw 0;
    }

    div.bg_photo19pz:hover p {
        width: 30.4vw;
    }

    div.album20pz {
        width: 28.7%;
        padding: 0.2% 6% 0.2% 10%;
        margin: 0% 1.5% 0% 8%;
    }

    div.item-projects20pz {
        width: 26.35vw;
        height: 16vw;
    }

    div.bg_photo20pz {
        width: 26.35vw;
    }

    div.bg_photo20pz p {
        margin: 14.1vw 0;
    }

    div.bg_photo20pz:hover p {
        width: 26.35vw;
    }

    div.album21pz {
        width: 15.7%;
        padding: 0.2% 0% 0.2% 10%;
        margin: 0% 1.75% 0% 8%;
    }

    div.item-projects21pz {
        width: 17.5vw;
        height: 12vw;
    }

    div.bg_photo21pz {
        width: 17.5vw;
    }

    div.bg_photo21pz p {
        margin: 10.1vw 0;
    }

    div.bg_photo21pz:hover p {
        width: 17.5vw;
    }

    div.album22pz {
        width: 39.8%;
        padding: 0.2% 6%;
        margin: 0% 1.75% 0% 8%;
    }

    div.item-projects22pz {
        width: 34.4vw;
        height: 14vw;
    }

    div.bg_photo22pz {
        width: 34.4vw;
    }

    div.bg_photo22pz p {
        margin: 12.1vw 0;
    }

    div.bg_photo22pz:hover p {
        width: 34.4vw;
    }

    div.album23pz {
        width: 30.55%;
        padding: 0.2% 0%;
        margin: 0% 0%;
    }

    div.item-projects23pz {
        width: 27.1vw;
        height: 15vw;
    }

    div.bg_photo23pz {
        width: 27.1vw;
    }

    div.bg_photo23pz p {
        margin: 13.1vw 0;
    }

    div.bg_photo23pz:hover p {
        width: 27.1vw;
    }

    div.album24pz {
        width: 30%;
        padding: 0.3% 19.3%;
        margin: 0% 0%;
    }

    div.item-projects24pz {
        width: 19.5vw;
        height: 14vw;
        background-size: 105%;
    }

    div.bg_photo24pz {
        width: 19.5vw;
    }

    div.bg_photo24pz p {
        margin: 12vw 0;
    }

    div.bg_photo24pz:hover p {
        width: 19.5vw;
    }

    div.album25pz {
        width: 26%;
        padding: 0.2% 0%;
        margin: 0% 0%;
    }

    div.item-projects25pz {
        width: 23vw;
        height: 15vw;
        background-size: 100%;
    }

    div.bg_photo25pz {
        width: 23vw;
    }

    div.bg_photo25pz p {
        margin: 13.1vw 0;
    }

    div.bg_photo25pz:hover p {
        width: 23vw;
    }

    div.album26pz {
        width: 26%;
        padding: 0.2% 0%;
        margin: 0% 0%;
    }

    div.item-projects26pz {
        width: 23vw;
        height: 15vw;
        background-size: 100%;
    }

    div.bg_photo26pz {
        width: 23vw;
    }

    div.bg_photo26pz p {
        margin: 13.1vw 0;
    }

    div.bg_photo26pz:hover p {
        width: 23vw;
    }

    div.album27pz {
        width: 20%;
        padding: 0.3% 0 0.3% 4%;
        margin: 0% 0%;
    }

    div.item-projects27pz {
        width: 19.5vw;
        height: 14vw;
        background-size: 100%;
    }

    div.bg_photo27pz {
        width: 19.5vw;
    }

    div.bg_photo27pz p {
        margin: 12vw 0;
    }

    div.bg_photo27pz:hover p {
        width: 19.5vw;
    }

    div.album28pz {
        width: 73.9%;
        padding: 0.2% 20.5%;
        margin: 0% 0%;
    }

    div.bg_photo28pz p {
        margin: 23.1vw 0;
    }

    div.album29pz {
        margin: 0% 0%;
        padding: 0.2% 20.5%;
        width: 44.8%;
    }

    div.bg_photo29pz p {
        margin: 19vw 0;
    }

    div.album30pz {
        width: 29.5%;
        padding: 0.2% 0 0.2% 19%;
        margin: 0%;
    }

    div.item-projects30pz {
        width: 20.1vw;
        height: 15vw;
    }

    div.bg_photo30pz {
        width: 20.1vw;
    }

    div.bg_photo30pz p {
        margin: 13.3vw 0;
    }

    div.bg_photo30pz:hover p {
        width: 20.1vw;
    }

    div.album31pz {
        width: 22%;
        padding: 0.3% 11%;
        margin: 0% 5%;
    }

    div.item-projects31pz {
        width: 24.1vw;
        height: 15vw;
    }

    div.bg_photo31pz {
        width: 24.1vw;
    }

    div.bg_photo31pz p {
        margin: 13.3vw 0;
    }

    div.bg_photo31pz:hover p {
        width: 24.1vw;
    }

    div.album32pz {
        width: 35.3%;
        padding: 0.2% 15.1%;
        margin: 0% 1%;
    }

    div.item-projects32pz {
        width: 25.55vw;
        height: 16vw;
    }

    div.bg_photo32pz {
        width: 25.55vw;
    }

    div.bg_photo32pz p {
        margin: 14.1vw 0;
    }

    div.bg_photo32pz:hover p {
        width: 25.55vw;
    }

    div.album33pz {
        width: 36.2%;
        padding: 0.2% 0 0.2% 24%;
        margin: 0% 1%;
    }

    div.item-projects33pz {
        width: 26.2vw;
        height: 16vw;
    }

    div.bg_photo33pz {
        width: 26.2vw;
    }

    div.bg_photo33pz p {
        margin: 14.3vw 0;
    }

    div.bg_photo33pz:hover p {
        width: 26.2vw;
    }

    div.album34pz {
        width: 26.7%;
        padding: 0.2% 0 0.2% 20%;
    }

    div.item-projects34pz {
        width: 18.2vw;
        height: 13vw;
    }

    div.bg_photo34pz {
        width: 18.2vw;
    }

    div.bg_photo34pz p {
        margin: 11.2vw 0;
    }

    div.bg_photo34pz:hover p {
        width: 18.2vw;
    }

    div.album35pz {
        width: 40%;
        padding: 0.2% 0 0.2% 20%;
    }

    div.item-projects35pz {
        width: 27.45vw;
        height: 15vw;
    }

    div.bg_photo35pz {
        width: 27.45vw;
    }

    div.bg_photo35pz p {
        margin: 13.2vw 0;
    }

    div.bg_photo35pz:hover p {
        width: 27.45vw;
    }

    div.album36pz {
        width: 35%;
        padding: 0.3% 0%;
        margin: 0%;
    }

    div.item-projects36pz {
        width: 41vw;
        height: 17vw;
    }

    div.bg_photo36pz {
        width: 41vw;
    }

    div.bg_photo36pz p {
        margin: 15.3vw 0;
    }

    div.bg_photo36pz:hover p {
        width: 41vw;
    }

    /* koniec poziom - pz */
    /* początek pion - pn */

    div.album1pn {
        width: 14.5%;
        padding: 0.2% 0% 0.2% 8%;
        margin: 0% 0% 0% 11.25%;
    }

    div.item-projects1pn {
        width: 14vw;
        height: 18vw;
    }

    div.bg_photo1pn {
        width: 14vw;
    }

    div.bg_photo1pn p {
        margin: 16.1vw 0;
    }

    div.bg_photo1pn:hover p {
        width: 14vw;
    }

    div.album2pn {
        width: 14.5%;
        padding: 0.2% 0% 0.2% 8%;
        margin: 0% 0% 0% 11.25%;
    }

    div.item-projects2pn {
        width: 14vw;
        height: 17vw;
    }

    div.bg_photo2pn {
        width: 14vw;
    }

    div.bg_photo2pn p {
        margin: 15.2vw 0;
    }

    div.bg_photo2pn:hover p {
        width: 14vw;
    }

    div.album3pn {
        width: 16%;
        padding: 0.2% 0% 0.2% 13.3%;
        margin: 0% 0% 0% 6%;
    }

    div.item-projects3pn {
        width: 15vw;
        height: 20vw;
        background-size: 115%;
    }

    div.bg_photo3pn {
        width: 15vw;
    }

    div.bg_photo3pn p {
        margin: 18.1vw 0;
    }

    div.bg_photo3pn:hover p {
        width: 15vw;
    }

    div.album4pn {
        width: 14.5%;
        padding: 0.2% 0% 0.2% 8%;
        margin: 0% 0% 0% 6%;
    }

    div.item-projects4pn {
        width: 14vw;
        height: 18vw;
    }

    div.bg_photo4pn {
        width: 14vw;
    }

    div.bg_photo4pn p {
        margin: 16.1vw 0;
    }

    div.bg_photo4pn:hover p {
        width: 14vw;
    }

    div.album5pn {
        width: 24%;
        padding: 0.2% 8.5%;
        margin: 0 0;
    }

    div.bg_photo5pn p {
        margin: 23.1vw 0;
    }

    div.album6pn {
        width: 36%;
        padding: 0.2% 15%;
        margin: 0% 0%;
    }

    div.item-projects6pn {
        width: 15vw;
        height: 18vw;
    }

    div.bg_photo6pn {
        width: 15vw;
    }

    div.bg_photo6pn p {
        margin: 16.1vw 0;
    }

    div.bg_photo6pn:hover p {
        width: 15vw;
    }

    div.album7pn {
        width: 26%;
        padding: 0.3% 6%;
        margin: 0% 0%;
    }

    div.item-projects7pn {
        width: 15.2vw;
        height: 18vw;
    }

    div.bg_photo7pn {
        width: 15.2vw;
    }

    div.bg_photo7pn p {
        margin: 16.1vw 0;
    }

    div.bg_photo7pn:hover p {
        width: 15.2vw;
    }

    div.album8pn {
        width: 13%;
        padding: 0.2% 0%;
        margin: 0% 0%;
    }

    div.item-projects8pn {
        width: 15vw;
        height: 20vw;
        background-size: 110%;
    }

    div.bg_photo8pn {
        width: 15vw;
    }

    div.bg_photo8pn p {
        margin: 18.1vw 0;
    }

    div.bg_photo8pn:hover p {
        width: 15vw;
    }

    div.album9pn {
        width: 24%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects9pn {
        width: 14vw;
        height: 20vw;
    }

    div.bg_photo9pn {
        width: 14vw;
    }

    div.bg_photo9pn p {
        margin: 18.1vw 0;
    }

    div.bg_photo9pn:hover p {
        width: 14vw;
    }

    div.album10pn {
        width: 21%;
        padding: 0.2% 0%;
        margin: 0% 0%;
    }

    div.item-projects10pn {
        width: 12vw;
        height: 15vw;
        background-size: 100%;
    }

    div.bg_photo10pn {
        width: 12vw;
    }

    div.bg_photo10pn p {
        margin: 10.1vw 0;
    }

    div.bg_photo10pn:hover p {
        width: 12vw;
    }

    div.album11pn {
        width: 20.6%;
        padding: 0.3% 0 0.3% 9%;
        margin: 0% 0%;
    }

    div.item-projects11pn {
        width: 10.5vw;
        height: 14vw;
        background-size: 105%;
    }

    div.bg_photo11pn {
        width: 10.5vw;
    }

    div.bg_photo11pn p {
        margin: 10.5vw 0;
    }

    div.bg_photo11pn:hover p {
        width: 10.5vw;
    }

    div.album12pn {
        width: 19%;
        padding: 0.3% 0 0.3% 19.3%;
        margin: 0% -1.7% 0 0%;
    }

    div.item-projects12pn {
        width: 11.9vw;
        height: 15vw;
    }

    div.bg_photo12pn {
        width: 11.9vw;
    }

    div.bg_photo12pn p {
        margin: 13.1vw 0;
    }

    div.bg_photo12pn:hover p {
        width: 11.9vw;
    }

    div.album13pn {
        width: 25%;
        padding: 0.2% 14.6%;
        margin: 0% 0%;
    }

    div.item-projects13pn {
        width: 20vw;
        height: 25vw;
    }

    div.bg_photo13pn {
        width: 20vw;
    }

    div.bg_photo13pn p {
        margin: 23.1vw 0;
    }

    div.bg_photo13pn:hover p {
        width: 20vw;
    }

    div.album14pn {
        width: 32%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects14pn {
        width: 18.85vw;
        height: 25vw;
    }

    div.bg_photo14pn {
        width: 18.85vw;
    }

    div.bg_photo14pn p {
        margin: 23.1vw 0;
    }

    div.bg_photo14pn:hover p {
        width: 18.85vw;
    }

    div.album15pn {
        width: 15.5%;
        padding: 0.2% 0% 0.2% 13.3%;
        margin: 0% 0% 0% 6%;
    }

    div.item-projects15pn {
        width: 14.7vw;
        height: 18vw;
    }

    div.bg_photo15pn {
        width: 14.7vw;
    }

    div.bg_photo15pn p {
        margin: 16.1vw 0;
    }

    div.bg_photo15pn:hover p {
        width: 14.7vw;
    }

    div.album16pn {
        width: 16%;
        padding: 0.2% 0% 0.2% 13.3%;
        margin: 0% 0% 0% 6%;
    }

    div.item-projects16pn {
        width: 15vw;
        height: 20vw;
    }

    div.bg_photo16pn {
        width: 15vw;
    }

    div.bg_photo16pn p {
        margin: 18.1vw 0;
    }

    div.bg_photo16pn:hover p {
        width: 15vw;
    }

    div.album17pn {
        width: 17.6%;
        padding: 0.2% 0% 0.2% 17%;
        margin: 0% 0%;
    }

    div.item-projects17pn {
        width: 12vw;
        height: 16vw;
    }

    div.bg_photo17pn {
        width: 12vw;
    }

    div.bg_photo17pn p {
        margin: 14.1vw 0;
    }

    div.bg_photo17pn:hover p {
        width: 12vw;
    }

    div.album18pn {
        width: 20.6%;
        padding: 0.3% 0 0.3% 12.5%;
        margin: 0% 0%;
    }

    div.item-projects18pn {
        width: 10.5vw;
        height: 14vw;
        background-size: 105%;
    }

    div.bg_photo18pn {
        width: 10.5vw;
    }

    div.bg_photo18pn p {
        margin: 10.5vw 0;
    }

    div.bg_photo18pn:hover p {
        width: 10.5vw;
    }

    div.album19pn {
        width: 16%;
        padding: 0.2% 0% 0.2% 13.3%;
        margin: 0% 0% 0% 6%;
    }

    div.item-projects19pn {
        width: 15vw;
        height: 20vw;
    }

    div.bg_photo19pn {
        width: 15vw;
    }

    div.bg_photo19pn p {
        margin: 18.1vw 0;
    }

    div.bg_photo19pn:hover p {
        width: 15vw;
    }

    div.album20pn {
        width: 16%;
        padding: 0.2% 0% 0.2% 13.3%;
        margin: 0% 0% 0% 6%;
    }

    div.item-projects20pn {
        width: 15vw;
        height: 20vw;
        background-size: 115%;
    }

    div.bg_photo20pn {
        width: 15vw;
    }

    div.bg_photo20pn p {
        margin: 18.1vw 0;
    }

    div.bg_photo20pn:hover p {
        width: 15vw;
    }

    div.album21pn {
        width: 19%;
        padding: 0.3% 0 0.3% 19.3%;
        margin: 0% -1.7% 0 0%;
    }

    div.item-projects21pn {
        width: 11.9vw;
        height: 15vw;
    }

    div.bg_photo21pn {
        width: 11.9vw;
    }

    div.bg_photo21pn p {
        margin: 13.1vw 0;
    }

    div.bg_photo21pn:hover p {
        width: 11.9vw;
    }

    div.album22pn {
        width: 20%;
        padding: 0.2% 0% 0.2% 19.3%;
        margin: 0% 0% 0% 6%;
    }

    div.item-projects22pn {
        width: 17.9vw;
        height: 23vw;
    }

    div.bg_photo22pn {
        width: 17.9vw;
    }

    div.bg_photo22pn p {
        margin: 21.1vw 0;
    }

    div.bg_photo22pn:hover p {
        width: 17.9vw;
    }

    div.album23pn {
        width: 19%;
        padding: 0.3% 0 0.3% 19.3%;
        margin: 0% -1.7% 0 0%;
    }

    div.item-projects23pn {
        width: 11.9vw;
        height: 15vw;
    }

    div.bg_photo23pn {
        width: 11.9vw;
    }

    div.bg_photo23pn p {
        margin: 13.1vw 0;
    }

    div.bg_photo23pn:hover p {
        width: 11.9vw;
    }

    div.album24pn {
        width: 16%;
        padding: 0.2% 0% 0.2% 13.3%;
        margin: 0% 0% 0% 6%;
    }

    div.item-projects24pn {
        width: 15vw;
        height: 20vw;
        background-size: 115%;
    }

    div.bg_photo24pn {
        width: 15vw;
    }

    div.bg_photo24pn p {
        margin: 18.1vw 0;
    }

    div.bg_photo24pn:hover p {
        width: 15vw;
    }

    div.album25pn {
        width: 31%;
        padding: 0.2% 0% 0.2% 19.3%;
        margin: 0%;
    }

    div.item-projects25pn {
        width: 17.9vw;
        height: 23vw;
    }

    div.bg_photo25pn {
        width: 17.9vw;
    }

    div.bg_photo25pn p {
        margin: 21.2vw 0;
    }

    div.bg_photo25pn:hover p {
        width: 17.9vw;
    }

    div.album26pn {
        width: 19.8%;
        padding: 0.3% 0 0.3% 19.2%;
        margin: 0% 0%;
    }

    div.item-projects26pn {
        width: 13.4vw;
        height: 15vw;
    }

    div.bg_photo26pn {
        width: 13.4vw;
    }

    div.bg_photo26pn p {
        margin: 13.3vw 0;
    }

    div.bg_photo26pn:hover p {
        width: 13.4vw;
    }

    div.album27pn {
        width: 19.5%;
        padding: 0.3% 0% 0.3% 19%;
        margin: 0% 0% 0% 6%;
    }

    div.item-projects27pn {
        width: 17.35vw;
        height: 23vw;
    }

    div.bg_photo27pn {
        width: 17.35vw;
    }

    div.bg_photo27pn p {
        margin: 21.1vw 0;
    }

    div.bg_photo27pn:hover p {
        width: 17.35vw;
    }

    div.album28pn {
        width: 26.5%;
        padding: 0.2% 0% 0.2% 19.3%;
        margin: 0%;
    }

    div.item-projects28pn {
        width: 17.9vw;
        height: 23vw;
    }

    div.bg_photo28pn {
        width: 17.9vw;
    }

    div.bg_photo28pn p {
        margin: 21.2vw 0;
    }

    div.bg_photo28pn:hover p {
        width: 17.9vw;
    }

    div.album29pn {
        width: 19.5%;
        padding: 0.2% 0 0.2% 20%;
    }

    div.item-projects29pn {
        width: 13.6vw;
        height: 18vw;
    }

    div.bg_photo29pn {
        width: 13.6vw;
    }

    div.bg_photo29pn p {
        margin: 16.3vw 0;
    }

    div.bg_photo29pn:hover p {
        width: 13.6vw;
    }

    div.album30pn {
        width: 15%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects30pn {
        width: 13vw;
        height: 17vw;
    }

    div.bg_photo30pn {
        width: 13vw;
    }

    div.bg_photo30pn p {
        margin: 15.2vw 0;
    }

    div.bg_photo30pn:hover p {
        width: 13vw;
    }

    div.album31pn {
        width: 15%;
        padding: 0.3% 0%;
        margin: 0% 0%;
    }

    div.item-projects31pn {
        width: 13vw;
        height: 17vw;
    }

    div.bg_photo31pn {
        width: 13vw;
    }

    div.bg_photo31pn p {
        margin: 15.2vw 0;
    }

    div.bg_photo31pn:hover p {
        width: 13vw;
    }

    /* koniec pion - pn */

    div.descrip {
        text-align: justify;
        padding: 3% 13% 10% 9%;
    }
}

@media(orientation: landscape) and (min-width: 1600px) {

    /* początek poziom - pz */

    div.bg_photo3pz p {
        margin: 10.3vw 0;
    }

    div.bg_photo4pz p {
        margin: 10.3vw 0;
    }

    div.bg_photo5pz p {
        margin: 16.3vw 0;
    }

    div.bg_photo6pz p {
        margin: 16.3vw 0;
    }

    div.bg_photo9pz p {
        margin: 14.2vw 0;
    }

    div.bg_photo11pz p {
        margin: 17.3vw 0;
    }

    div.bg_photo12pz p {
        margin: 18.3vw 0;
    }

    div.bg_photo13pz p {
        margin: 14.3vw 0;
    }

    div.bg_photo14pz p {
        margin: 13.3vw 0;
    }

    div.bg_photo16pz p {
        margin: 16.4vw 0;
    }

    div.bg_photo17pz p {
        margin: 11.3vw 0;
    }

    div.bg_photo18pz p {
        margin: 14.3vw 0;
    }

    div.bg_photo19pz p {
        margin: 16.3vw 0;
    }

    div.bg_photo20pz p {
        margin: 14.3vw 0;
    }

    div.bg_photo21pz p {
        margin: 10.3vw 0;
    }

    div.album28pz {
        width: 62.6%;
        padding: 0.2% 25%;
        margin: 0% 0%
    }

    div.item-projects28pz {
        width: 33vw;
        height: 17vw;
    }

    div.bg_photo28pz {
        width: 33vw;
    }

    div.bg_photo28pz p {
        margin: 15.4vw 0;
    }

    div.bg_photo28pz:hover p {
        width: 33vw;
    }

    div.album29pz {
        margin: 0% 0%;
        padding: 0.2% 0 0 25%;
        width: 33.75%;
    }

    div.item-projects29pz {
        width: 23vw;
        height: 17vw;
    }

    div.bg_photo29pz {
        width: 23vw;
    }

    div.bg_photo29pz p {
        margin: 15.5vw 0;
    }

    div.bg_photo29pz:hover p {
        width: 23vw;
    }

    /* koniec poziom - pz */
    /* początek pion - pn */

    div.bg_photo1pn p {
        margin: 16.4vw 0;
    }

    div.bg_photo3pn p,
    div.bg_photo19pn p {
        margin: 18.3vw 0;
    }

    div.bg_photo4pn p {
        margin: 16.3vw 0;
    }

    div.album5pn {
        width: 24%;
        padding: 0.2% 10.55%;
        margin: 0 0;
    }

    div.item-projects5pn {
        width: 13vw;
        height: 17vw;
    }

    div.bg_photo5pn {
        width: 13vw;
    }

    div.bg_photo5pn p {
        margin: 15.4vw 0;
    }

    div.bg_photo5pn:hover p {
        width: 13vw;
    }

    div.bg_photo6pn p {
        margin: 16.3vw 0;
    }

    div.bg_photo8pn p {
        margin: 18.3vw 0;
    }

    div.bg_photo15pn p {
        margin: 16.3vw 0;
    }

    div.bg_photo16pn p {
        margin: 18.3vw 0;
    }

    div.bg_photo20pn p {
        margin: 18.4vw 0;
    }

    div.album22pn {
        width: 20.3%;
        padding: 0.2% 0% 0.2% 19.3%;
        margin: 0% 0% 0% 6%;
    }

    div.bg_photo22pn p {
        margin: 21.4vw 0;
    }
}

@media(orientation: landscape) and (min-width: 1728px) {
    div.bg_photo1pz p {
        margin: 13.4vw 0;
    }

    div.bg_photo7pz p {
        margin: 14.4vw 0;
    }

    div.bg_photo8pz p {
        margin: 18.5vw 0;
    }

    div.bg_photo9pz p {
        margin: 14.4vw 0;
    }

    div.bg_photo10pz p {
        margin: 16.4vw 0;
    }

    div.album15pz {
        width: 41.4%;
        padding: 0.2% 0 0 22%;
        margin: 0% 0%;
    }

    div.item-projects15pz {
        width: 17vw;
        height: 12vw;
    }

    div.bg_photo15pz {
        width: 17vw;
    }

    div.bg_photo15pz p {
        margin: 10.5vw 0;
    }

    div.bg_photo15pz:hover p {
        width: 17vw;
    }

    div.bg_photo22pz p {
        margin: 12.4vw 0;
    }

    div.bg_photo23pz p {
        margin: 13.4vw 0;
    }

    div.bg_photo24pz p {
        margin: 12.4vw 0;
    }

    div.bg_photo25pz p {
        margin: 13.4vw 0;
    }

    div.bg_photo26pz p {
        margin: 13.4vw 0;
    }

    div.bg_photo27pz p {
        margin: 12.4vw 0;
    }

    div.album28pz {
        width: 50.3%;
        padding: 0.2% 5%;
        margin: 0% 0%;
    }

    div.item-projects28pz {
        width: 33vw;
        height: 17vw;
    }

    div.bg_photo28pz {
        width: 33vw;
    }

    div.bg_photo28pz p {
        margin: 15.5vw 0;
    }

    div.bg_photo28pz:hover p {
        width: 33vw;
    }

    div.album29pz {
        margin: 0% 0%;
        padding: 0.2% 0 0 5%;
        width: 39.1%;
    }

    div.item-projects29pz {
        width: 23vw;
        height: 17vw;
    }

    div.bg_photo29pz {
        width: 23vw;
    }

    div.bg_photo29pz p {
        margin: 15.5vw 0;
    }

    div.bg_photo29pz:hover p {
        width: 23vw;
    }

    div.album30pz {
        width: 28.78%;
        padding: 0.2% 0 0.2% 5%;
    }

    div.item-projects30pz {
        width: 16.9vw;
        height: 13vw;
    }

    div.bg_photo30pz {
        width: 16.9vw;
    }

    div.bg_photo30pz p {
        margin: 11.5vw 0;
    }

    div.bg_photo30pz:hover p {
        width: 16.9vw;
    }

    div.album31pz {
        width: 30%;
        padding: 0.2% 5%;
        margin: 0%;
    }

    div.item-projects31pz {
        width: 17.6vw;
        height: 13vw;
        background-size: 110%;
    }

    div.bg_photo31pz {
        width: 17.6vw;
    }

    div.bg_photo31pz p {
        margin: 11.6vw 0;
    }

    div.bg_photo31pz:hover p {
        width: 17.6vw;
    }

    div.album32pz {
        width: 35.1%;
        padding: 0.2% 5%;
        margin: 0%;
    }

    div.item-projects32pz {
        width: 20.6vw;
        height: 13vw;
    }

    div.bg_photo32pz {
        width: 20.6vw;
    }

    div.bg_photo32pz p {
        margin: 11.6vw 0;
    }

    div.bg_photo32pz:hover p {
        width: 20.6vw;
    }

    div.album33pz {
        width: 36.2%;
        padding: 0.2% 4%;
        margin: 0% 1%;
    }

    div.item-projects33pz {
        width: 22.45vw;
        height: 14vw;
    }

    div.bg_photo33pz {
        width: 22.45vw;
    }

    div.bg_photo33pz p {
        margin: 12.5vw 0;
    }

    div.bg_photo33pz:hover p {
        width: 22.45vw;
    }

    div.album34pz {
        width: 26%;
        padding: 0.2% 5%;
    }

    div.item-projects34pz {
        width: 15.2vw;
        height: 11vw;
    }

    div.bg_photo34pz {
        width: 15.2vw;
    }

    div.bg_photo34pz p {
        margin: 9.5vw 0;
    }

    div.bg_photo34pz:hover p {
        width: 15.2vw;
    }

    div.album35pz {
        width: 39%;
        padding: 0.2% 5%;
    }

    div.item-projects35pz {
        width: 22.95vw;
        height: 12vw;
    }

    div.bg_photo35pz {
        width: 22.95vw;
    }

    div.bg_photo35pz p {
        margin: 10.5vw 0;
    }

    div.bg_photo35pz:hover p {
        width: 22.95vw;
    }

    div.album36pz {
        width: 35%;
        padding: 0.2% 0%;
        margin: 0%;
    }

    div.item-projects36pz {
        width: 26vw;
        height: 12vw;
    }

    div.bg_photo36pz {
        width: 26vw;
    }

    div.bg_photo36pz p {
        margin: 10.5vw 0;
    }

    div.bg_photo36pz:hover p {
        width: 26vw;
    }

    /* koniec poziom - pz */
    /* początek pion - pn */
    div.album5pn {
        width: 24%;
        padding: 0.2% 10.55%;
        margin: 0 0;
    }

    div.item-projects5pn {
        width: 13vw;
        height: 17vw;
    }

    div.bg_photo5pn {
        width: 13vw;
    }

    div.bg_photo5pn p {
        margin: 15.6vw 0;
    }

    div.bg_photo5pn:hover p {
        width: 13vw;
    }

    div.bg_photo7pn p {
        margin: 16.4vw 0;
    }

    div.bg_photo9pn p {
        margin: 18.5vw 0;
    }

    div.bg_photo10pn p {
        margin: 13.4vw 0;
    }

    div.bg_photo11pn p {
        margin: 12.4vw 0;
    }

    div.bg_photo12pn p {
        margin: 13.5vw 0;
    }

    div.bg_photo13pn p {
        margin: 23.4vw 0;
    }

    div.bg_photo14pn p {
        margin: 23.5vw 0;
    }

    div.bg_photo17pn p {
        margin: 14.4vw 0;
    }

    div.bg_photo18pn p {
        margin: 12.4vw 0;
    }

    div.bg_photo20pn p {
        margin: 20.1vw 0;
    }

    div.album21pn {
        width: 19%;
        padding: 0.2% 0 0.2% 5%;
        margin: 0% -1.7% 0 0%;
    }

    div.item-projects21pn {
        width: 10vw;
        height: 13vw;
    }

    div.bg_photo21pn {
        width: 10vw;
    }

    div.bg_photo21pn p {
        margin: 11.6vw 0;
    }

    div.bg_photo21pn:hover p {
        width: 10vw;
    }

    div.album22pn {
        width: 21.1%;
        padding: 0.2% 5%;
        margin: 0% 0% 0% 4%;
    }

    div.item-projects22pn {
        width: 14.7vw;
        height: 18vw;
    }

    div.bg_photo22pn {
        width: 14.7vw;
    }

    div.bg_photo22pn p {
        margin: 16.5vw 0;
    }

    div.bg_photo22pn:hover p {
        width: 14.7vw;
    }

    div.album23pn {
        width: 19%;
        padding: 0.2% 0 0.2% 5%;
        margin: 0% -1.7% 0 0%;
    }

    div.item-projects23pn {
        width: 10vw;
        height: 13vw;
    }

    div.bg_photo23pn {
        width: 10vw;
    }

    div.bg_photo23pn p {
        margin: 11.6vw 0;
    }

    div.bg_photo23pn:hover p {
        width: 10vw;
    }

    div.album24pn {
        width: 16.6%;
        padding: 0.2% 0% 0.2% 0%;
        margin: 0% 0% 0% 5%;
    }

    div.item-projects24pn {
        width: 12.6vw;
        height: 16vw;
    }

    div.bg_photo24pn {
        width: 12.6vw;
    }

    div.bg_photo24pn p {
        margin: 14.6vw 0;
    }

    div.bg_photo24pn:hover p {
        width: 12.6vw;
    }

    div.album25pn {
        width: 21.1%;
        padding: 0.2% 5%;
        margin: 0% 0% 0% 4%;
    }

    div.item-projects25pn {
        width: 14.7vw;
        height: 18vw;
    }

    div.bg_photo25pn {
        width: 14.7vw;
    }

    div.bg_photo25pn p {
        margin: 16.5vw 0;
    }

    div.bg_photo25pn:hover p {
        width: 14.7vw;
    }

    div.album26pn {
        width: 20%;
        padding: 0.2% 5%;
        margin: 0% 0%;
    }

    div.item-projects26pn {
        width: 11.65vw;
        height: 13vw;
    }

    div.bg_photo26pn {
        width: 11.65vw;
    }

    div.bg_photo26pn p {
        margin: 11.5vw 0;
    }

    div.bg_photo26pn:hover p {
        width: 11.65vw;
    }

    div.album27pn {
        width: 20.5%;
        padding: 0.2% 0%;
        margin: 0% 0% 0% 5%;
    }

    div.item-projects27pn {
        width: 14.9vw;
        height: 19vw;
    }

    div.bg_photo27pn {
        width: 14.9vw;
    }

    div.bg_photo27pn p {
        margin: 17.5vw 0;
    }

    div.bg_photo27pn:hover p {
        width: 14.9vw;
    }

    div.album28pn {
        width: 21.1%;
        padding: 0.2% 5%;
        margin: 0% 0% 0% 4%;
    }

    div.item-projects28pn {
        width: 14.7vw;
        height: 18vw;
    }

    div.bg_photo28pn {
        width: 14.7vw;
    }

    div.bg_photo28pn p {
        margin: 16.5vw 0;
    }

    div.bg_photo28pn:hover p {
        width: 14.7vw;
    }

    div.album29pn {
        width: 19.5%;
        padding: 0.2% 5%;
    }

    div.item-projects29pn {
        width: 11.3vw;
        height: 14vw;
    }

    div.bg_photo29pn {
        width: 11.3vw;
    }

    div.bg_photo29pn p {
        margin: 12.6vw 0;
    }

    div.bg_photo29pn:hover p {
        width: 11.3vw;
    }

    div.album30pn {
        width: 10.4%;
        padding: 0.2% 0%;
        margin: 0% 0%;
    }

    div.item-projects30pn {
        width: 9vw;
        height: 12vw;
    }

    div.bg_photo30pn {
        width: 9vw;
    }

    div.bg_photo30pn p {
        margin: 10.5vw 0;
    }

    div.bg_photo30pn:hover p {
        width: 9vw;
    }

    div.album31pn {
        width: 10.4%;
        padding: 0.2% 0%;
        margin: 0% 0%;
    }

    div.item-projects31pn {
        width: 9vw;
        height: 12vw;
    }

    div.bg_photo31pn {
        width: 9vw;
    }

    div.bg_photo31pn p {
        margin: 10.5vw 0;
    }

    div.bg_photo31pn:hover p {
        width: 9vw;
    }
}

@media(orientation: landscape) and (min-width: 1920px) {

    /* Nasze-realizacje - szczegółowa galeria */
    div.features2 {
        margin: 0% 17%;
        text-align: center;
        width: 60%;
    }

    /* początek poziom - pz */
    div.album1pz {
        width: 33.3%;
        padding: 0% 0.5%;
        margin: 0.3% 0%;
    }

    div.item-projects1pz {
        width: 19.8vw;
        height: 13vw;
    }

    div.bg_photo1pz {
        width: 19.8vw;
    }

    div.bg_photo1pz p {
        margin: 11.6vw 0;
    }

    div.bg_photo1pz:hover p {
        width: 19.8vw;
    }

    div.bg_photo2pz p {
        margin: 15.6vw 0;
    }

    div.album3pz {
        width: 43.8%;
        padding: 0% 5%;
        margin: 0.2% 0%
    }

    div.item-projects3pz {
        width: 26.1vw;
        height: 15vw;
        background-size: 105%;
    }

    div.bg_photo3pz {
        width: 26.1vw;
    }

    div.bg_photo3pz p {
        margin: 13.6vw 0;
    }

    div.bg_photo3pz:hover p {
        width: 26.1vw;
    }

    div.album4pz {
        width: 18.7%;
        padding: 0.2% 0%;
        margin: 0% 0% 0% 5%;
    }

    div.item-projects4pz {
        width: 14vw;
        height: 10vw;
    }

    div.bg_photo4pz {
        width: 14vw;
    }

    div.bg_photo4pz p {
        margin: 8.6vw 0;
    }

    div.bg_photo4pz:hover p {
        width: 14vw;
    }

    div.album5pz {
        width: 33.7%;
        padding: 0.2% 0%;
        margin: 0% 0% 0% 5%;
    }

    div.item-projects5pz {
        width: 23vw;
        height: 14vw;
    }

    div.bg_photo5pz {
        width: 23vw;
    }

    div.bg_photo5pz p {
        margin: 12.6vw 0;
    }

    div.bg_photo5pz:hover p {
        width: 23vw;
    }

    div.album6pz {
        width: 28.3%;
        padding: 0.2% 0%;
        margin: 0% 1%;
    }

    div.item-projects6pz {
        width: 17.9vw;
        height: 13vw;
        background-size: 105%;
    }

    div.bg_photo6pz {
        width: 17.9vw;
    }

    div.bg_photo6pz p {
        margin: 11.6vw 0;
    }

    div.bg_photo6pz:hover p {
        width: 17.9vw;
    }

    div.album7pz {
        width: 47%;
        padding: 0.2% 5%;
        margin: 0% 0%;
    }

    div.item-projects7pz {
        width: 22vw;
        height: 13vw;
    }

    div.bg_photo7pz {
        width: 22vw;
    }

    div.bg_photo7pz p {
        margin: 11.6vw 0;
    }

    div.bg_photo7pz:hover p {
        width: 22vw;
    }

    div.album8pz {
        width: 51%;
        padding: 0.3% 5%;
        margin: 0% 8%;
    }

    div.item-projects8pz {
        width: 36.3vw;
        height: 14vw;
    }

    div.bg_photo8pz {
        width: 36.3vw;
    }

    div.bg_photo8pz p {
        margin: 12.5vw 0;
    }

    div.bg_photo8pz:hover p {
        width: 36.3vw;
    }

    div.album9pz {
        width: 38%;
        padding: 0.2% 5%;
        margin: 0% 0%;
    }

    div.item-projects9pz {
        width: 17vw;
        height: 13vw;
        background-size: 110%;
    }

    div.bg_photo9pz {
        width: 17vw;
    }

    div.bg_photo9pz p {
        margin: 11.6vw 0;
    }

    div.bg_photo9pz:hover p {
        width: 17vw;
    }

    div.album10pz {
        width: 38%;
        padding: 0.2% 0% 0.2% 10%;
        margin: 0% 0%;
    }

    div.item-projects10pz {
        width: 22.55vw;
        height: 13vw;
    }

    div.bg_photo10pz {
        width: 22.55vw;
    }

    div.bg_photo10pz p {
        margin: 11.6vw 0;
    }

    div.bg_photo10pz:hover p {
        width: 22.55vw;
    }

    div.album11pz {
        width: 40.1%;
        padding: 0.2% 5%;
        margin: 0% 0%;
    }

    div.item-projects11pz {
        width: 23.8vw;
        height: 14vw;
    }

    div.bg_photo11pz {
        width: 23.8vw;
    }

    div.bg_photo11pz p {
        margin: 12.6vw 0;
    }

    div.bg_photo11pz:hover p {
        width: 23.8vw;
    }

    div.album12pz {
        width: 56.8%;
        padding: 0.2% 13%;
        margin: 0% 0%;
    }

    div.item-projects12pz {
        width: 26vw;
        height: 15vw;
        background-size: 115%;
    }

    div.bg_photo12pz {
        width: 26vw;
    }

    div.bg_photo12pz p {
        margin: 13.6vw 0;
    }

    div.bg_photo12pz:hover p {
        width: 26vw;
    }

    div.album13pz {
        width: 29.2%;
        padding: 0% 5%;
        margin: 0.2% 0%;
    }

    div.item-projects13pz {
        width: 17.3vw;
        height: 13vw;
        background-size: 105%;
    }

    div.bg_photo13pz {
        width: 17.3vw;
    }

    div.bg_photo13pz p {
        margin: 11.6vw 0;
    }

    div.bg_photo13pz:hover p {
        width: 17.3vw;
    }

    div.album14pz {
        width: 30.5%;
        padding: 0.2% 13%;
        margin: 0% 0%;
    }

    div.item-projects14pz {
        width: 18vw;
        height: 12vw;
    }

    div.bg_photo14pz {
        width: 18vw;
    }

    div.bg_photo14pz p {
        margin: 10.5vw 0;
    }

    div.bg_photo14pz:hover p {
        width: 18vw;
    }

    div.bg_photo15pz p {
        margin: 10.7vw 0;
    }

    div.album16pz {
        width: 32.4%;
        padding: 0% 0%;
        margin: 0.3% 0%;
    }

    div.item-projects16pz {
        width: 19.1vw;
        height: 13vw;
    }

    div.bg_photo16pz {
        width: 19.1vw;
    }

    div.bg_photo16pz p {
        margin: 11.6vw 0;
    }

    div.bg_photo16pz:hover p {
        width: 19.1vw;
    }

    div.album17pz {
        width: 28.5%;
        padding: 0% 4%;
        margin: 0.2% 1%;
    }

    div.item-projects17pz {
        width: 18vw;
        height: 13vw;
    }

    div.bg_photo17pz {
        width: 18vw;
    }

    div.bg_photo17pz p {
        margin: 11.6vw 0;
    }

    div.bg_photo17pz:hover p {
        width: 18vw;
    }

    div.album18pz {
        width: 23.5%;
        padding: 0.2% 0%;
        margin: 0% 0% 0% 12%;
    }

    div.item-projects18pz {
        width: 21vw;
        height: 13vw;
    }

    div.bg_photo18pz {
        width: 21vw;
    }

    div.bg_photo18pz p {
        margin: 11.6vw 0;
    }

    div.bg_photo18pz:hover p {
        width: 21vw;
    }

    div.album19pz {
        width: 33%;
        padding: 0.2% 0%;
        margin: 0% 0% 0% 8%;
    }

    div.item-projects19pz {
        width: 24.3vw;
        height: 13vw;
    }

    div.bg_photo19pz {
        width: 24.3vw;
    }

    div.bg_photo19pz p {
        margin: 11.6vw 0;
    }

    div.bg_photo19pz:hover p {
        width: 24.3vw;
    }

    div.album20pz {
        width: 39.4%;
        padding: 0.2% 0%;
        margin: 0% 0% 0% 5%;
    }

    div.bg_photo20pz p {
        margin: 14.6vw 0;
    }

    div.album21pz {
        width: 24.6%;
        padding: 0.2% 0%;
        margin: 0% 0% 0% 5%;
    }

    div.bg_photo21pz p {
        margin: 10.6vw 0;
    }

    div.album22pz {
        width: 43.85%;
        padding: 0% 5%;
        margin: 0.2% 0%;
    }

    div.item-projects22pz {
        width: 26.05vw;
        height: 13vw;
    }

    div.bg_photo22pz {
        width: 26.05vw;
    }

    div.bg_photo22pz p {
        margin: 11.5vw 0;
    }

    div.bg_photo22pz:hover p {
        width: 26.05vw;
    }

    div.album24pz {
        width: 27%;
        padding: 0.3% 8%;
        margin: 0% 0%;
    }

    div.item-projects24pz {
        width: 16.5vw;
        height: 12vw;
        background-size: 105%;
    }

    div.bg_photo24pz {
        width: 16.5vw;
    }

    div.bg_photo24pz p {
        margin: 10.5vw 0;
    }

    div.bg_photo24pz:hover p {
        width: 16.5vw;
    }

    div.album27pz {
        width: 19.5%;
        padding: 0.3% 0 0.3% 4%;
        margin: 0% 0%;
    }

    div.item-projects27pz {
        width: 16.5vw;
        height: 12vw;
        background-size: 105%;
    }

    div.bg_photo27pz {
        width: 16.5vw;
    }

    div.bg_photo27pz p {
        margin: 10.5vw 0;
    }

    div.bg_photo27pz:hover p {
        width: 16.5vw;
    }

    div.album28pz {
        width: 50.3%;
        padding: 0.2% 10%;
        margin: 0% 0%;
    }

    div.item-projects28pz {
        width: 30vw;
        height: 14vw;
    }

    div.bg_photo28pz {
        width: 30vw;
    }

    div.bg_photo28pz p {
        margin: 12.7vw 0;
    }

    div.bg_photo28pz:hover p {
        width: 30vw;
    }

    div.album29pz {
        margin: 0% 0%;
        padding: 0.2% 0 0.2% 10%;
        width: 34.8%;
    }

    div.item-projects29pz {
        width: 20.5vw;
        height: 13vw;
    }

    div.bg_photo29pz {
        width: 20.5vw;
    }

    div.bg_photo29pz p {
        margin: 11.7vw 0;
    }

    div.bg_photo29pz:hover p {
        width: 20.5vw;
    }

    div.bg_photo30pz p {
        margin: 11.7vw 0;
    }

    div.bg_photo31pz p {
        margin: 11.8vw 0;
    }

    div.bg_photo33pz p {
        margin: 12.7vw 0;
    }

    div.bg_photo34pz p {
        margin: 9.7vw 0;
    }

    div.bg_photo35pz p {
        margin: 10.7vw 0;
    }

    div.bg_photo36pz p {
        margin: 10.7vw 0;
    }

    /* koniec poziom - pz */
    /* początek pion - pn */

    div.album1pn {
        width: 22.1%;
        padding: 0% 5%;
        margin: 0.2% 0%;
    }

    div.item-projects1pn {
        width: 10vw;
        height: 13vw;
    }

    div.bg_photo1pn {
        width: 10vw;
    }

    div.bg_photo1pn p {
        margin: 11.5vw 0;
    }

    div.bg_photo1pn:hover p {
        width: 10vw;
    }

    div.album2pn {
        width: 17.8%;
        padding: 0.2% 0% 0.2% 8%;
        margin: 0% 0% 0% 11.25%;
    }

    div.bg_photo2pn p {
        margin: 15.6vw 0;
    }

    div.album3pn {
        width: 12.5%;
        padding: 0.2% 0%;
        margin: 0% 0% 0% 8%;
    }

    div.item-projects3pn {
        width: 12vw;
        height: 16vw;
    }

    div.bg_photo3pn {
        width: 12vw;
    }

    div.bg_photo3pn p {
        margin: 14.6vw 0;
    }

    div.bg_photo3pn:hover p {
        width: 12vw;
    }

    div.album4pn {
        width: 13.7%;
        padding: 0.2% 0%;
        margin: 0% 0% 0% 5%;
    }

    div.item-projects4pn {
        width: 11vw;
        height: 14vw;
    }

    div.bg_photo4pn {
        width: 11vw;
    }

    div.bg_photo4pn p {
        margin: 12.6vw 0;
    }

    div.bg_photo4pn:hover p {
        width: 11vw;
    }

    div.album5pn {
        width: 24%;
        padding: 0.2% 10.55%;
        margin: 0 0;
    }

    div.item-projects5pn {
        width: 11vw;
        height: 14vw;
    }

    div.bg_photo5pn {
        width: 11vw;
    }

    div.bg_photo5pn p {
        margin: 12.7vw 0;
    }

    div.bg_photo5pn:hover p {
        width: 11vw;
    }

    div.album6pn {
        width: 22.4%;
        padding: 0.2% 0% 0.2% 9%;
        margin: 0% 1%;
    }

    div.item-projects6pn {
        width: 9vw;
        height: 13vw;
        background-size: 110%;
    }

    div.bg_photo6pn {
        width: 9vw;
    }

    div.bg_photo6pn p {
        margin: 11.6vw 0;
    }

    div.bg_photo6pn:hover p {
        width: 9vw;
    }

    div.album7pn {
        padding: 0.3% 12.2%;
    }

    div.album8pn {
        width: 13%;
        padding: 0.2% 0%;
        margin: 0% 0%;
    }

    div.item-projects8pn {
        width: 10vw;
        height: 15vw;
        background-size: 120%;
    }

    div.bg_photo8pn {
        width: 10vw;
    }

    div.bg_photo8pn p {
        margin: 13.6vw 0;
    }

    div.bg_photo8pn:hover p {
        width: 10vw;
    }

    div.album11pn {
        width: 18%;
        padding: 0.3% 0 0.3% 9%;
        margin: 0% 0%;
    }

    div.item-projects11pn {
        width: 7.5vw;
        height: 12vw;
        background-size: 125%;
    }

    div.bg_photo11pn {
        width: 7.5vw;
    }

    div.bg_photo11pn p {
        margin: 9.2vw 0;
    }

    div.bg_photo11pn:hover p {
        width: 7.5vw;
    }

    div.album12pn {
        width: 17.1%;
        padding: 0.2% 6%;
        margin: 0% 0%;
    }

    div.item-projects12pn {
        width: 10vw;
        height: 13vw;
    }

    div.bg_photo12pn {
        width: 10vw;
    }

    div.bg_photo12pn p {
        margin: 11.6vw 0;
    }

    div.bg_photo12pn:hover p {
        width: 10vw;
    }

    div.album13pn {
        width: 17.1%;
        padding: 0.2% 5%;
        margin: 0% 0%;
    }

    div.item-projects13pn {
        width: 10vw;
        height: 13vw;
        background-size: 105%;
    }

    div.bg_photo13pn {
        width: 10vw;
    }

    div.bg_photo13pn p {
        margin: 11.6vw 0;
    }

    div.bg_photo13pn:hover p {
        width: 10vw;
    }

    div.album15pn {
        width: 13.7%;
        padding: 0.2% 0%;
        margin: 0% 0% 0% 5%;
    }

    div.item-projects15pn {
        width: 11vw;
        height: 14vw;
    }

    div.bg_photo15pn {
        width: 11vw;
    }

    div.bg_photo15pn p {
        margin: 12.6vw 0;
    }

    div.bg_photo15pn:hover p {
        width: 11vw;
    }

    div.album16pn {
        width: 15.5%;
        padding: 0.2% 0%;
        margin: 0% 0% 0% 5%;
    }

    div.item-projects16pn {
        width: 12vw;
        height: 16vw;
    }

    div.bg_photo16pn {
        width: 12vw;
    }

    div.bg_photo16pn p {
        margin: 14.6vw 0;
    }

    div.bg_photo16pn:hover p {
        width: 12vw;
    }

    div.album17pn {
        width: 17.1%;
        padding: 0.2% 5%;
        margin: 0% 0%;
    }

    div.item-projects17pn {
        width: 10vw;
        height: 13vw;
    }

    div.bg_photo17pn {
        width: 10vw;
    }

    div.bg_photo17pn p {
        margin: 11.6vw 0;
    }

    div.bg_photo17pn:hover p {
        width: 10vw;
    }

    div.album18pn {
        width: 19%;
        padding: 0.3% 0 0.3% 12.5%;
        margin: 0% 0%;
    }

    div.item-projects18pn {
        width: 7.5vw;
        height: 12vw;
        background-size: 125%;
    }

    div.bg_photo18pn {
        width: 7.5vw;
    }

    div.bg_photo18pn p {
        margin: 9.2vw 0;
    }

    div.bg_photo18pn:hover p {
        width: 7.5vw;
    }

    div.album19pn {
        width: 21.37%;
        padding: 0.2% 6%;
        margin: 0% 0% 0% 0%;
    }

    div.item-projects19pn {
        width: 12.55vw;
        height: 16vw;
    }

    div.bg_photo19pn {
        width: 12vw;
    }

    div.bg_photo19pn p {
        margin: 14.5vw 0;
    }

    div.bg_photo19pn:hover p {
        width: 12vw;
    }

    div.album20pn {
        width: 15.5%;
        padding: 0.2% 0%;
        margin: 0% 0% 0% 6%;
    }

    div.item-projects20pn {
        width: 12.5vw;
        height: 16.5vw;
        background-size: 100%;
    }

    div.bg_photo20pn {
        width: 12.5vw;
    }

    div.bg_photo20pn p {
        margin: 15.2vw 0;
    }

    div.bg_photo20pn:hover p {
        width: 12.5vw;
    }

    div.bg_photo22pn p {
        margin: 16.7vw 0;
    }

    div.bg_photo25pn p {
        margin: 16.7vw 0;
    }

    div.bg_photo26pn p {
        margin: 11.8vw 0;
    }

    div.bg_photo27pn p {
        margin: 17.6vw 0;
    }

    div.bg_photo30pn p {
        margin: 10.7vw 0;
    }

    div.bg_photo31pn p {
        margin: 10.7vw 0;
    }

    /* koniec pion - pn */

    div.descrip {
        padding: 2% 27.5% 5% 20%;
    }
}

@media(orientation: landscape) and (min-width: 2048px) {

    /* początek poziom - pz */
    div.bg_photo32pz p {
        margin: 11.8vw 0;
    }

    /* koniec poziom - pz */
    /* początek pion - pn */

    div.bg_photo21pn p {
        margin: 11.8vw 0;
    }

    div.bg_photo23pn p {
        margin: 11.8vw 0;
    }

    div.bg_photo24pn p {
        margin: 14.8vw 0;
    }

    /* koniec pion - pn */
}

@media(orientation: landscape) and (min-width: 2560px) {

    /* Nasze-realizacje - szczegółowa galeria */
    div.features2 {
        width: 50%;
    }

    div.features3 {
        width: 55%;
    }

    /* początek poziom - pz */
    div.album1pz {
        width: 31.8%;
        padding: 0% 15.5%;
        margin: 0.3% 0.1%;
    }

    div.item-projects1pz {
        width: 15.8vw;
        height: 11vw;
    }

    div.bg_photo1pz {
        width: 15.8vw;
    }

    div.bg_photo1pz p {
        margin: 10vw 0;
    }

    div.bg_photo1pz:hover p {
        width: 15.8vw;
    }

    div.album2pz {
        width: 25%;
        padding: 0.2% 6%;
        margin: 0% 1.6% 0 8%;
    }

    div.item-projects2pz {
        width: 21vw;
        height: 13vw;
    }

    div.bg_photo2pz {
        width: 21vw;
    }

    div.bg_photo2pz p {
        margin: 12vw 0;
    }

    div.bg_photo2pz:hover p {
        width: 21vw;
    }

    div.album3pz {
        width: 28.25%;
        padding: 0% 0% 0% 13%;
        margin: 0.2% 5%;
    }

    div.item-projects3pz {
        width: 18.95vw;
        height: 10vw;
        background-size: 100%;
    }

    div.bg_photo3pz {
        width: 18.95vw;
    }

    div.bg_photo3pz p {
        margin: 8.9vw 0;
    }

    div.bg_photo3pz:hover p {
        width: 18.95vw;
    }

    div.album4pz {
        width: 16.4%;
        padding: 0.2% 8%;
        margin: 0% 0% 0% 5%;
    }

    div.item-projects4pz {
        width: 10.5vw;
        height: 7.5vw;
    }

    div.bg_photo4pz {
        width: 10.5vw;
    }

    div.bg_photo4pz p {
        margin: 6.4vw 0;
    }

    div.bg_photo4pz:hover p {
        width: 10.5vw;
    }

    div.album5pz {
        width: 31.4%;
        padding: 0.2% 8%;
        margin: 0% 0% 0% 5%;
    }

    div.item-projects5pz {
        width: 16vw;
        height: 11vw;
    }

    div.bg_photo5pz {
        width: 16vw;
    }

    div.bg_photo5pz p {
        margin: 10vw 0;
    }

    div.bg_photo5pz:hover p {
        width: 16vw;
    }

    div.album6pz {
        width: 28.3%;
        padding: 0.2% 0%;
        margin: 0% 1%;
    }

    div.item-projects6pz {
        width: 14.9vw;
        height: 11vw;
    }

    div.bg_photo6pz {
        width: 14.9vw;
    }

    div.bg_photo6pz p {
        margin: 9.9vw 0;
    }

    div.bg_photo6pz:hover p {
        width: 14.9vw;
    }

    div.album7pz {
        width: 47%;
        padding: 0.2% 16%;
        margin: 0% 0%;
    }

    div.item-projects7pz {
        width: 16vw;
        height: 10vw;
    }

    div.bg_photo7pz {
        width: 16vw;
    }

    div.bg_photo7pz p {
        margin: 8.9vw 0;
    }

    div.bg_photo7pz:hover p {
        width: 16vw;
    }

    div.album8pz {
        padding: 0.3% 13%;
    }

    div.item-projects8pz {
        width: 32.3vw;
        height: 11vw;
    }

    div.bg_photo8pz {
        width: 32.3vw;
    }

    div.bg_photo8pz p {
        margin: 10vw 0;
    }

    div.bg_photo8pz:hover p {
        width: 32.3vw;
    }

    div.album9pz {
        width: 38%;
        padding: 0.2% 16%;
        margin: 0% 0%;
    }

    div.item-projects9pz {
        width: 13vw;
        height: 10vw;
    }

    div.bg_photo9pz {
        width: 13vw;
    }

    div.bg_photo9pz p {
        margin: 8.9vw 0;
    }

    div.bg_photo9pz:hover p {
        width: 13vw;
    }

    div.album10pz {
        width: 38.5%;
        padding: 0.2% 0% 0.2% 21%;
        margin: 0% 0%;
    }

    div.item-projects10pz {
        width: 19vw;
        height: 11vw;
    }

    div.bg_photo10pz {
        width: 19vw;
    }

    div.bg_photo10pz p {
        margin: 9.9vw 0;
    }

    div.bg_photo10pz:hover p {
        width: 19vw;
    }

    div.album11pz {
        width: 38.4%;
        padding: 0.2% 16%;
        margin: 0% 0%;
    }

    div.item-projects11pz {
        width: 19vw;
        height: 11vw;
    }

    div.bg_photo11pz {
        width: 19vw;
    }

    div.bg_photo11pz p {
        margin: 10vw 0;
    }

    div.bg_photo11pz:hover p {
        width: 19vw;
    }

    div.album12pz {
        width: 65.5%;
        padding: 0.2% 21%;
        margin: 0% 0%;
    }

    div.item-projects12pz {
        width: 22vw;
        height: 13vw;
    }

    div.bg_photo12pz {
        width: 22vw;
    }

    div.bg_photo12pz p {
        margin: 12vw 0;
    }

    div.bg_photo12pz:hover p {
        width: 22vw;
    }

    div.album13pz {
        width: 15.5%;
        padding: 0% 0% 0% 13%;
        margin: 0.2% 5%;
    }

    div.item-projects13pz {
        width: 12.55vw;
        height: 9vw;
    }

    div.bg_photo13pz {
        width: 12.55vw;
    }

    div.bg_photo13pz p {
        margin: 7.9vw 0;
    }

    div.bg_photo13pz:hover p {
        width: 12.55vw;
    }

    div.album14pz {
        width: 32.5%;
        padding: 0.2% 0% 0.2% 21%;
        margin: 0% 0%;
    }

    div.item-projects14pz {
        width: 16vw;
        height: 12vw;
    }

    div.bg_photo14pz {
        width: 16vw;
    }

    div.bg_photo14pz p {
        margin: 10.9vw 0;
    }

    div.bg_photo14pz:hover p {
        width: 16vw;
    }

    div.album15pz {
        width: 42.3%;
        padding: 0.2% 0 0 27%;
        margin: 0% 0%;
    }

    div.item-projects15pz {
        width: 13.5vw;
        height: 10vw;
    }

    div.bg_photo15pz {
        width: 13.5vw;
    }

    div.bg_photo15pz p {
        margin: 9.1vw 0;
    }

    div.bg_photo15pz:hover p {
        width: 13.5vw;
    }

    div.album16pz {
        width: 32.7%;
        padding: 0.2% 0;
        margin: 0%;
    }

    div.item-projects16pz {
        width: 16.15vw;
        height: 10vw;
    }

    div.bg_photo16pz {
        width: 16.15vw;
    }

    div.bg_photo16pz p {
        margin: 9vw 0;
    }

    div.bg_photo16pz:hover p {
        width: 16.15vw;
    }

    div.album17pz {
        width: 18.5%;
        padding: 0% 11.2%;
        margin: 0.2% 2%;
    }

    div.item-projects17pz {
        width: 13vw;
        height: 10vw;
    }

    div.bg_photo17pz {
        width: 13vw;
    }

    div.bg_photo17pz p {
        margin: 8.9vw 0;
    }

    div.bg_photo17pz:hover p {
        width: 13vw;
    }

    div.album18pz {
        width: 20.5%;
        padding: 0.2% 8%;
        margin: 0% 0% 0% 12%;
    }

    div.item-projects18pz {
        width: 16vw;
        height: 10vw;
    }

    div.bg_photo18pz {
        width: 16vw;
    }

    div.bg_photo18pz p {
        margin: 9vw 0;
    }

    div.bg_photo18pz:hover p {
        width: 16vw;
    }

    div.album19pz {
        width: 32%;
        padding: 0.2% 8%;
        margin: 0% 0% 0% 9%;
    }

    div.item-projects19pz {
        width: 20.3vw;
        height: 11vw;
    }

    div.bg_photo19pz {
        width: 20.3vw;
    }

    div.bg_photo19pz p {
        margin: 10vw 0;
    }

    div.bg_photo19pz:hover p {
        width: 20.3vw;
    }

    div.album20pz {
        width: 34.7%;
        padding: 0.2% 10%;
        margin: 0% 0% 0% 8%;
    }

    div.item-projects20pz {
        width: 21.15vw;
        height: 11vw;
    }

    div.bg_photo20pz {
        width: 21.15vw;
    }

    div.bg_photo20pz p {
        margin: 10vw 0;
    }

    div.bg_photo20pz:hover p {
        width: 21.15vw;
    }

    div.album21pz {
        width: 20.5%;
        padding: 0.2% 10%;
        margin: 0% 0% 0% 8%;
    }

    div.item-projects21pz {
        width: 14vw;
        height: 10vw;
    }

    div.bg_photo21pz {
        width: 14vw;
    }

    div.bg_photo21pz p {
        margin: 8.9vw 0;
    }

    div.bg_photo21pz:hover p {
        width: 14vw;
    }

    div.album22pz {
        width: 28.25%;
        padding: 0% 0% 0% 13%;
        margin: 0.2% 5%;
    }

    div.item-projects22pz {
        width: 18.95vw;
        height: 10vw;
        background-size: 100%;
    }

    div.bg_photo22pz {
        width: 18.95vw;
    }

    div.bg_photo22pz p {
        margin: 8.9vw 0;
    }

    div.bg_photo22pz:hover p {
        width: 18.95vw;
    }

    div.album23pz {
        width: 21.5%;
        padding: 0.1% 0 0.1% 15%;
        margin: 0% 0%;
    }

    div.item-projects23pz {
        width: 19.1vw;
        height: 11vw;
        background-size: 105%;
    }

    div.bg_photo23pz {
        width: 19.1vw;
    }

    div.bg_photo23pz p {
        margin: 9.9vw 0;
    }

    div.bg_photo23pz:hover p {
        width: 19.1vw;
    }

    div.album24pz {
        width: 36%;
        padding: 0.3% 17%;
        margin: 0% 0%;
    }

    div.item-projects24pz {
        width: 13.5vw;
        height: 9vw;
        background-size: 105%;
    }

    div.bg_photo24pz {
        width: 13.5vw;
    }

    div.bg_photo24pz p {
        margin: 7.9vw 0;
    }

    div.bg_photo24pz:hover p {
        width: 13.5vw;
    }

    div.album25pz {
        width: 18.1%;
        padding: 0.1% 0% 0.1% 15%;
        margin: 0% 0%;
    }

    div.item-projects25pz {
        width: 16vw;
        height: 11vw;
        background-size: 105%;
    }

    div.bg_photo25pz {
        width: 16vw;
    }

    div.bg_photo25pz p {
        margin: 9.9vw 0;
    }

    div.bg_photo25pz:hover p {
        width: 16vw;
    }

    div.album26pz {
        width: 18.1%;
        padding: 0.1% 15%;
        margin: 0% 0%;
    }

    div.item-projects26pz {
        width: 16vw;
        height: 11vw;
        background-size: 105%;
    }

    div.bg_photo26pz {
        width: 16vw;
    }

    div.bg_photo26pz p {
        margin: 9.9vw 0;
    }

    div.bg_photo26pz:hover p {
        width: 16vw;
    }

    div.album27pz {
        width: 19.5%;
        padding: 0.3% 0 0.3% 4%;
        margin: 0% 0%;
    }

    div.item-projects27pz {
        width: 13.5vw;
        height: 9vw;
        background-size: 105%;
    }

    div.bg_photo27pz {
        width: 13.5vw;
    }

    div.bg_photo27pz p {
        margin: 7.9vw 0;
    }

    div.bg_photo27pz:hover p {
        width: 13.5vw;
    }

    div.album28pz {
        width: 50.9%;
        padding: 0.2% 22%;
        margin: 0% 0%;
    }

    div.item-projects28pz {
        width: 19.4vw;
        height: 11vw;
    }

    div.bg_photo28pz {
        width: 19.4vw;
    }

    div.bg_photo28pz p {
        margin: 10.1vw 0;
    }

    div.bg_photo28pz:hover p {
        width: 19.4vw;
    }

    div.album29pz {
        width: 28%;
        padding: 0.2% 0 0.2% 22%;
        margin: 0;
    }

    div.item-projects29pz {
        width: 13.7vw;
        height: 9vw;
    }

    div.bg_photo29pz {
        width: 13.7vw;
    }

    div.bg_photo29pz p {
        margin: 8.1vw 0;
    }

    div.bg_photo29pz:hover p {
        width: 13.7vw;
    }

    div.album30pz {
        width: 28.8%;
        padding: 0.2% 0 0.2% 17%;
    }

    div.item-projects30pz {
        width: 14.1vw;
        height: 11vw;
    }

    div.bg_photo30pz {
        width: 14.1vw;
    }

    div.bg_photo30pz p {
        margin: 10vw 0;
    }

    div.bg_photo30pz:hover p {
        width: 14.1vw;
    }

    div.album31pz {
        width: 20%;
        padding: 0.2% 14%;
        margin: 0%;
    }

    div.item-projects31pz {
        width: 15.2vw;
        height: 11vw;
        background-size: 110%;
    }

    div.bg_photo31pz {
        width: 15.2vw;
    }

    div.bg_photo31pz p {
        margin: 10vw 0;
    }

    div.bg_photo31pz:hover p {
        width: 15.2vw;
    }

    div.album32pz {
        width: 36.1%;
        padding: 0.2% 14%;
        margin: 0%;
    }

    div.item-projects32pz {
        width: 17.7vw;
        height: 13vw;
    }

    div.bg_photo32pz {
        width: 17.7vw;
    }

    div.bg_photo32pz p {
        margin: 12vw 0;
    }

    div.bg_photo32pz:hover p {
        width: 17.7vw;
    }

    div.album33pz {
        width: 36.25%;
        padding: 0.2% 13%;
        margin: 0% 1%;
    }

    div.item-projects33pz {
        width: 18.8vw;
        height: 12vw;
    }

    div.bg_photo33pz {
        width: 18.8vw;
    }

    div.bg_photo33pz p {
        margin: 11vw 0;
    }

    div.bg_photo33pz:hover p {
        width: 18.8vw;
    }

    div.album34pz {
        width: 26.65%;
        padding: 0.2% 0 0.2% 20%;
    }

    div.item-projects34pz {
        width: 13.1vw;
        height: 9vw;
    }

    div.bg_photo34pz {
        width: 13.1vw;
    }

    div.bg_photo34pz p {
        margin: 8vw 0;
    }

    div.bg_photo34pz:hover p {
        width: 13.1vw;
    }

    div.album35pz {
        width: 40%;
        padding: 0.2% 0 0.2% 20%;
    }

    div.item-projects35pz {
        width: 19.7vw;
        height: 11vw;
    }

    div.bg_photo35pz {
        width: 19.7vw;
    }

    div.bg_photo35pz p {
        margin: 10vw 0;
    }

    div.bg_photo35pz:hover p {
        width: 19.7vw;
    }

    div.album36pz {
        width: 35%;
        padding: 0.2% 0%;
        margin: 0%;
    }

    div.item-projects36pz {
        width: 23vw;
        height: 10vw;
    }

    div.bg_photo36pz {
        width: 23vw;
    }

    div.bg_photo36pz p {
        margin: 9.1vw 0;
    }

    div.bg_photo36pz:hover p {
        width: 23vw;
    }

    /* koniec poziom - pz */
    /* początek pion - pn */

    div.album1pn {
        width: 30.5%;
        padding: 0.2% 0% 0.2% 14%;
        margin: 0% 0% 0% 3%;
    }

    div.item-projects1pn {
        width: 8vw;
        height: 10vw;
    }

    div.bg_photo1pn {
        width: 8vw;
    }

    div.bg_photo1pn p {
        margin: 9vw 0;
    }

    div.bg_photo1pn:hover p {
        width: 8vw;
    }

    div.album2pn {
        width: 16.5%;
        padding: 0.2% 0% 0.2% 10%;
        margin: 0% 0% 0% 8%;
    }

    div.item-projects2pn {
        width: 10vw;
        height: 13vw;
    }

    div.bg_photo2pn {
        width: 10vw;
    }

    div.bg_photo2pn p {
        margin: 11.9vw 0;
    }

    div.bg_photo2pn:hover p {
        width: 10vw;
    }

    div.album3pn {
        width: 17.5%;
        padding: 0.2% 0% 0.2% 14%;
        margin: 0% 0% 0% 3%;
    }

    div.item-projects3pn {
        width: 10vw;
        height: 13vw;
    }

    div.bg_photo3pn {
        width: 10vw;
    }

    div.bg_photo3pn p {
        margin: 11.9vw 0;
    }

    div.bg_photo3pn:hover p {
        width: 10vw;
    }

    div.album4pn {
        width: 12.6%;
        padding: 0.2% 4% 0.2% 8%;
        margin: 0% 0% 0% 5%;
    }

    div.item-projects4pn {
        width: 8.6vw;
        height: 11vw;
    }

    div.bg_photo4pn {
        width: 8.6vw;
    }

    div.bg_photo4pn p {
        margin: 8.6vw 0;
    }

    div.bg_photo4pn:hover p {
        width: 8.6vw;
    }

    div.album5pn {
        width: 24%;
        padding: 0.2% 10.55%;
        margin: 0 0;
    }

    div.item-projects5pn {
        width: 8vw;
        height: 11vw;
        background-size: 110%;
    }

    div.bg_photo5pn {
        width: 8vw;
    }

    div.bg_photo5pn p {
        margin: 10.1vw 0;
    }

    div.bg_photo5pn:hover p {
        width: 8vw;
    }

    div.album6pn {
        width: 36.5%;
        padding: 0.2% 0% 0.2% 21%;
        margin: 0% 0%;
    }

    div.item-projects6pn {
        width: 8vw;
        height: 11vw;
    }

    div.bg_photo6pn {
        width: 8vw;
    }

    div.bg_photo6pn p {
        margin: 9.9vw 0;
    }

    div.bg_photo6pn:hover p {
        width: 8vw;
    }

    div.album7pn {
        width: 26%;
        padding: 0.2% 0% 0.2% 21%;
        margin: 0% 0%;
    }

    div.item-projects7pn {
        width: 14vw;
        height: 18vw;
        background-size: 105%;
    }

    div.bg_photo7pn {
        width: 14vw;
    }

    div.bg_photo7pn p {
        margin: 16.9vw 0;
    }

    div.bg_photo7pn:hover p {
        width: 14vw;
    }

    div.album8pn {
        width: 13%;
        padding: 0.2% 0%;
        margin: 0% 0%;
    }

    div.item-projects8pn {
        width: 10vw;
        height: 13vw;
    }

    div.bg_photo8pn {
        width: 10vw;
    }

    div.bg_photo8pn p {
        margin: 12vw 0;
    }

    div.bg_photo8pn:hover p {
        width: 10vw;
    }

    div.album9pn {
        width: 22.1%;
        padding: 0.2% 0% 0.2% 22%;
        margin: 0% -2% 0 0%;
    }

    div.item-projects9pn {
        width: 10.7vw;
        height: 14vw;
    }

    div.bg_photo9pn {
        width: 10.7vw;
    }

    div.bg_photo9pn p {
        margin: 12.9vw 0;
    }

    div.bg_photo9pn:hover p {
        width: 10.7vw;
    }

    div.album10pn {
        width: 16%;
        padding: 0.1% 3.1%;
        margin: 0% 0%;
    }

    div.item-projects10pn {
        width: 9vw;
        height: 11vw;
        background-size: 105%;
    }

    div.bg_photo10pn {
        width: 9vw;
    }

    div.bg_photo10pn p {
        margin: 9.9vw 0;
    }

    div.bg_photo10pn:hover p {
        width: 9vw;
    }

    div.album11pn {
        width: 18%;
        padding: 0.3% 0% 0.3% 8.5%;
        margin: 0% 0%;
    }

    div.item-projects11pn {
        width: 6.5vw;
        height: 9vw;
        background-size: 125%;
    }

    div.bg_photo11pn {
        width: 6.5vw;
    }

    div.bg_photo11pn p {
        margin: 7vw 0;
    }

    div.bg_photo11pn:hover p {
        width: 6.5vw;
    }

    div.album12pn {
        width: 20%;
        padding: 0.2% 0% 0.2% 20%;
        margin: 0 -3.3% 0% 0%;
    }

    div.item-projects12pn {
        width: 8.05vw;
        height: 10vw;
    }

    div.bg_photo12pn {
        width: 8.05vw;
    }

    div.bg_photo12pn p {
        margin: 8.9vw 0;
    }

    div.bg_photo12pn:hover p {
        width: 8.05vw;
    }

    div.album13pn {
        width: 25%;
        padding: 0.2% 0% 0.2% 21%;
        margin: 0% 0%;
    }

    div.item-projects13pn {
        width: 12vw;
        height: 16vw;
        background-size: 105%;
    }

    div.bg_photo13pn {
        width: 12vw;
    }

    div.bg_photo13pn p {
        margin: 14.8vw 0;
    }

    div.bg_photo13pn:hover p {
        width: 12vw;
    }

    div.album14pn {
        width: 26.7%;
        padding: 0.2% 0% 0.2% 22%;
        margin: 0% 0%;
    }

    div.item-projects14pn {
        width: 14.4vw;
        height: 17vw;
    }

    div.bg_photo14pn {
        width: 14.4vw;
    }

    div.bg_photo14pn p {
        margin: 15.9vw 0;
    }

    div.bg_photo14pn:hover p {
        width: 14.4vw;
    }

    div.album15pn {
        width: 14.8%;
        padding: 0.2% 6%;
        margin: 0% 0% 0% 3%;
    }

    div.item-projects15pn {
        width: 8.7vw;
        height: 11vw;
    }

    div.bg_photo15pn {
        width: 8.7vw;
    }

    div.bg_photo15pn p {
        margin: 10vw 0;
    }

    div.bg_photo15pn:hover p {
        width: 8.7vw;
    }

    div.album16pn {
        width: 17.5%;
        padding: 0.2% 0% 0.2% 14%;
        margin: 0% 0% 0% 3%;
    }

    div.item-projects16pn {
        width: 10vw;
        height: 13vw;
    }

    div.bg_photo16pn {
        width: 10vw;
    }

    div.bg_photo16pn p {
        margin: 11.9vw 0;
    }

    div.bg_photo16pn:hover p {
        width: 10vw;
    }

    div.album17pn {
        width: 16.8%;
        padding: 0.2% 0 0.2% 16%;
        margin: 0% 0%;
    }

    div.item-projects17pn {
        width: 8.2vw;
        height: 10vw;
    }

    div.bg_photo17pn {
        width: 8.2vw;
    }

    div.bg_photo17pn p {
        margin: 8.9vw 0;
    }

    div.bg_photo17pn:hover p {
        width: 8.2vw;
    }

    div.album18pn {
        width: 18%;
        padding: 0.3% 0% 0.3% 12%;
        margin: 0% 0%;
    }

    div.item-projects18pn {
        width: 6.5vw;
        height: 9vw;
        background-size: 125%;
    }

    div.bg_photo18pn {
        width: 6.5vw;
    }

    div.bg_photo18pn p {
        margin: 7vw 0;
    }

    div.bg_photo18pn:hover p {
        width: 6.5vw;
    }

    div.album19pn {
        width: 19.85%;
        padding: 0.2% 0% 0.2% 19%;
        margin: 0 0% 0% 1%;
    }

    div.item-projects19pn {
        width: 10.2vw;
        height: 13vw;
    }

    div.bg_photo19pn {
        width: 10.2vw;
    }

    div.bg_photo19pn p {
        margin: 11.9vw 0;
    }

    div.bg_photo19pn:hover p {
        width: 10.2vw;
    }

    div.album20pn {
        width: 18.5%;
        padding: 0.2% 0% 0.2% 21%;
        margin: 0% -2.4% 0% 0%;
    }

    div.item-projects20pn {
        width: 9vw;
        height: 12vw;
    }

    div.bg_photo20pn {
        width: 9vw;
    }

    div.bg_photo20pn p {
        margin: 11vw 0;
    }

    div.bg_photo20pn:hover p {
        width: 9vw;
    }

    div.album21pn {
        width: 17.3%;
        padding: 0.2% 0 0.2% 17%;
        margin: 0%;
    }

    div.item-projects21pn {
        width: 8.4vw;
        height: 11vw;
    }

    div.bg_photo21pn {
        width: 8.4vw;
    }

    div.bg_photo21pn p {
        margin: 10vw 0;
    }

    div.bg_photo21pn:hover p {
        width: 8.4vw;
    }

    div.album22pn {
        width: 28%;
        padding: 0.2% 0 0.2% 21%;
        margin: 0% -2% 0% 0%;
    }

    div.item-projects22pn {
        width: 12.7vw;
        height: 15vw;
    }

    div.bg_photo22pn {
        width: 12.7vw;
    }

    div.bg_photo22pn p {
        margin: 14vw 0;
    }

    div.bg_photo22pn:hover p {
        width: 12.7vw;
    }

    div.album23pn {
        width: 17.3%;
        padding: 0.2% 0 0.2% 17%;
        margin: 0%;
    }

    div.item-projects23pn {
        width: 8.4vw;
        height: 11vw;
    }

    div.bg_photo23pn {
        width: 8.4vw;
    }

    div.bg_photo23pn p {
        margin: 10vw 0;
    }

    div.bg_photo23pn:hover p {
        width: 8.4vw;
    }

    div.album24pn {
        width: 19.6%;
        padding: 0.2% 0% 0.2% 15%;
        margin: 0% 0% 0% 2%;
    }

    div.item-projects24pn {
        width: 10.5vw;
        height: 13vw;
    }

    div.bg_photo24pn {
        width: 10.5vw;
    }

    div.bg_photo24pn p {
        margin: 12vw 0;
    }

    div.bg_photo24pn:hover p {
        width: 10.5vw;
    }

    div.album25pn {
        width: 28%;
        padding: 0.2% 0 0.2% 27%;
        margin: 0% -4% 0% 0%;
    }

    div.item-projects25pn {
        width: 12.7vw;
        height: 15vw;
    }

    div.bg_photo25pn {
        width: 12.7vw;
    }

    div.bg_photo25pn p {
        margin: 14vw 0;
    }

    div.bg_photo25pn:hover p {
        width: 12.7vw;
    }

    div.album26pn {
        width: 20.6%;
        padding: 0.2% 0 0.2% 17%;
        margin: 0% 0%;
    }

    div.item-projects26pn {
        width: 10vw;
        height: 11vw;
    }

    div.bg_photo26pn {
        width: 10vw;
    }

    div.bg_photo26pn p {
        margin: 10vw 0;
    }

    div.bg_photo26pn:hover p {
        width: 10vw;
    }

    div.album27pn {
        width: 20.5%;
        padding: 0.2% 9%;
        margin: 0% 0% 0% 5%;
    }

    div.item-projects27pn {
        width: 12.5vw;
        height: 17vw;
    }

    div.bg_photo27pn {
        width: 12.5vw;
    }

    div.bg_photo27pn p {
        margin: 16vw 0;
    }

    div.bg_photo27pn:hover p {
        width: 12.5vw;
    }

    div.album28pn {
        width: 30%;
        padding: 0.2% 0 0.2% 25%;
        margin: 0% -4% 0% 0%;
    }

    div.item-projects28pn {
        width: 12.7vw;
        height: 15vw;
    }

    div.bg_photo28pn {
        width: 12.7vw;
    }

    div.bg_photo28pn p {
        margin: 14vw 0;
    }

    div.bg_photo28pn:hover p {
        width: 12.7vw;
    }

    div.album29pn {
        width: 19.5%;
        padding: 0.2% 0 0.2% 20%;
    }

    div.item-projects29pn {
        width: 9.8vw;
        height: 13vw;
    }

    div.bg_photo29pn {
        width: 9.8vw;
    }

    div.bg_photo29pn p {
        margin: 12vw 0;
    }

    div.bg_photo29pn:hover p {
        width: 9.8vw;
    }

    div.album30pn {
        width: 8.6%;
        padding: 0.2% 0%;
        margin: 0% 0%;
    }

    div.item-projects30pn {
        width: 7.5vw;
        height: 10vw;
    }

    div.bg_photo30pn {
        width: 7.5vw;
    }

    div.bg_photo30pn p {
        margin: 9.1vw 0;
    }

    div.bg_photo30pn:hover p {
        width: 7.5vw;
    }

    div.album31pn {
        width: 8.6%;
        padding: 0.2% 0%;
        margin: 0% 0%;
    }

    div.item-projects31pn {
        width: 7.5vw;
        height: 10vw;
    }

    div.bg_photo31pn {
        width: 7.5vw;
    }

    div.bg_photo31pn p {
        margin: 9.1vw 0;
    }

    div.bg_photo31pn:hover p {
        width: 7.5vw;
    }

    /* koniec pion - pn */

    div.descrip {
        padding: 2% 27.5% 5% 24%;
    }
}

/* @MEDIA - Nasze-realizacje - szczegółowa galeria - KONIEC */

div.photo1_1 {
    background-image: url(../img/realizacje/poziom/czern_drewno/czd_1.jpg);
}

div.photo1_2 {
    background-image: url(../img/realizacje/poziom/czern_drewno/czd_2.jpg);
}

div.photo1_3 {
    background-image: url(../img/realizacje/poziom/czern_drewno/czd_3.jpg);
}

div.photo1_4 {
    background-image: url(../img/realizacje/poziom/czern_drewno/czd_4.jpg);
}

div.photo1_5 {
    background-image: url(../img/realizacje/poziom/czern_drewno/czd_5.jpg);
}

div.photo1_6 {
    background-image: url(../img/realizacje/poziom/czern_drewno/czd_6.jpg);
}

div.photo1_7 {
    background-image: url(../img/realizacje/poziom/czern_drewno/czd_7.jpg);
}

div.photo2_1 {
    background-image: url(../img/realizacje/poziom/dom_dariusza/domd_1.jpg);
}

div.photo2_2 {
    background-image: url(../img/realizacje/poziom/dom_dariusza/domd_2.jpg);
}

div.photo2_3 {
    background-image: url(../img/realizacje/poziom/dom_dariusza/domd_3.jpg);
}

div.photo2_4 {
    background-image: url(../img/realizacje/poziom/dom_dariusza/domd_4.jpg);
}

div.photo2_5 {
    background-image: url(../img/realizacje/poziom/dom_dariusza/domd_5.jpg);
}

div.photo2_6 {
    background-image: url(../img/realizacje/poziom/dom_dariusza/domd_6.jpg);
}

div.photo2_7 {
    background-image: url(../img/realizacje/poziom/dom_dariusza/domd_7.jpg);
}

div.photo3_1 {
    background-image: url(../img/realizacje/poziom/znakomite_polaczenie_kolorow/ciepla-biel1.jpg);
}

div.photo3_2 {
    background-image: url(../img/realizacje/poziom/znakomite_polaczenie_kolorow/ciepla-biel2.jpg);
}

div.photo3_3 {
    background-image: url(../img/realizacje/poziom/znakomite_polaczenie_kolorow/ciepla-biel3.jpg);
}

div.photo3_4 {
    background-image: url(../img/realizacje/poziom/znakomite_polaczenie_kolorow/ciepla-biel4.jpg);
}

div.photo3_5 {
    background-image: url(../img/realizacje/poziom/znakomite_polaczenie_kolorow/ciepla-biel5.jpg);
}

div.photo3_6 {
    background-image: url(../img/realizacje/poziom/znakomite_polaczenie_kolorow/ciepla-biel6.jpg);
}

div.photo3_7 {
    background-image: url(../img/realizacje/poziom/znakomite_polaczenie_kolorow/ciepla-biel7.jpg);
}

div.photo4_1 {
    background-image: url(../img/realizacje/poziom/dwa_poziomy/poziomy1.jpg);
}

div.photo4_2 {
    background-image: url(../img/realizacje/poziom/dwa_poziomy/poziomy2.jpg);
}

div.photo5_1 {
    background-image: url(../img/realizacje/poziom/frezowane_fronty/f_fronty.jpg);
}

div.photo5_2 {
    background-image: url(../img/realizacje/poziom/frezowane_fronty/f_fronty2.jpg);
}

div.photo5_3 {
    background-image: url(../img/realizacje/poziom/frezowane_fronty/f_fronty3.jpg);
}

div.photo5_4 {
    background-image: url(../img/realizacje/poziom/frezowane_fronty/f_fronty4.jpg);
}

div.photo5_5 {
    background-image: url(../img/realizacje/poziom/frezowane_fronty/f_fronty5.jpg);
}

div.photo6_1 {
    background-image: url(../img/realizacje/poziom/interesujace_dobranie_odcieni/antracyt1.jpg);
}

div.photo6_2 {
    background-image: url(../img/realizacje/poziom/interesujace_dobranie_odcieni/antracyt2.jpg);
}

div.photo6_3 {
    background-image: url(../img/realizacje/poziom/interesujace_dobranie_odcieni/antracyt3.jpg);
}

div.photo6_4 {
    background-image: url(../img/realizacje/poziom/interesujace_dobranie_odcieni/antracyt4.jpg);
}

div.photo6_5 {
    background-image: url(../img/realizacje/poziom/interesujace_dobranie_odcieni/antracyt5.jpg);
}

div.photo6_6 {
    background-image: url(../img/realizacje/poziom/interesujace_dobranie_odcieni/antracyt6.jpg);
}

div.photo7_1 {
    background-image: url(../img/realizacje/poziom/komoda_piotra/komoda1.jpg);
}

div.photo7_2 {
    background-image: url(../img/realizacje/poziom/komoda_piotra/komoda2.jpg);
}

div.photo7_3 {
    background-image: url(../img/realizacje/poziom/komoda_piotra/komoda3.jpg);
}

div.photo8_1 {
    background-image: url(../img/realizacje/poziom/kremowa_RTV/k_rtv1.jpg);
}

div.photo8_2 {
    background-image: url(../img/realizacje/poziom/kremowa_RTV/k_rtv2.jpg);
}

div.photo9_1 {
    background-image: url(../img/realizacje/poziom/kuchnia_w_wesolej/wesola1.jpg);
}

div.photo9_2 {
    background-image: url(../img/realizacje/poziom/kuchnia_w_wesolej/wesola2.jpg);
}

div.photo9_3 {
    background-image: url(../img/realizacje/poziom/kuchnia_w_wesolej/wesola3.jpg);
}

div.photo9_4 {
    background-image: url(../img/realizacje/poziom/kuchnia_w_wesolej/wesola4.jpg);
}

div.photo9_5 {
    background-image: url(../img/realizacje/poziom/kuchnia_w_wesolej/wesola5.jpg);
}

div.photo9_6 {
    background-image: url(../img/realizacje/poziom/kuchnia_w_wesolej/wesola6.jpg);
}

div.photo9_7 {
    background-image: url(../img/realizacje/poziom/kuchnia_w_wesolej/wesola7.jpg);
}

div.photo9_8 {
    background-image: url(../img/realizacje/poziom/kuchnia_w_wesolej/wesola8.jpg);
}

div.photo9_9 {
    background-image: url(../img/realizacje/poziom/kuchnia_w_wesolej/wesola9.jpg);
}

div.photo9_10 {
    background-image: url(../img/realizacje/poziom/kuchnia_w_wesolej/wesola10.jpg);
}

div.photo10_1 {
    background-image: url(../img/realizacje/poziom/kuchnia_z_marsa/zmarsa2.jpg);
}

div.photo10_2 {
    background-image: url(../img/realizacje/poziom/kuchnia_z_marsa/zmarsa3.jpg);
}

div.photo10_3 {
    background-image: url(../img/realizacje/poziom/kuchnia_z_marsa/zmarsa4.jpg);
}

div.photo10_4 {
    background-image: url(../img/realizacje/poziom/kuchnia_z_marsa/zmarsa5.jpg);
}

div.photo10_5 {
    background-image: url(../img/realizacje/poziom/kuchnia_z_marsa/zmarsa6.jpg);
}

div.photo10_6 {
    background-image: url(../img/realizacje/poziom/kuchnia_z_marsa/zmarsa7.jpg);
}

div.photo11_1 {
    background-image: url(../img/realizacje/poziom/lazienka_w_drewnie/drewno1.jpg);
}

div.photo11_2 {
    background-image: url(../img/realizacje/poziom/lazienka_w_drewnie/drewno2.jpg);
}

div.photo11_3 {
    background-image: url(../img/realizacje/poziom/lazienka_w_drewnie/drewno3.jpg);
}

div.photo11_4 {
    background-image: url(../img/realizacje/poziom/lazienka_w_drewnie/drewno4.jpg);
}

div.photo11_5 {
    background-image: url(../img/realizacje/poziom/lazienka_w_drewnie/drewno5.jpg);
}

div.photo11_6 {
    background-image: url(../img/realizacje/poziom/lazienka_w_drewnie/drewno6.jpg);
}

div.photo11_7 {
    background-image: url(../img/realizacje/poziom/lazienka_w_drewnie/drewno7.jpg);
}

div.photo11_8 {
    background-image: url(../img/realizacje/poziom/lazienka_w_drewnie/drewno8.jpg);
}

div.photo12_1 {
    background-image: url(../img/realizacje/poziom/lodowka_70/lodowka1.jpg);
}

div.photo12_2 {
    background-image: url(../img/realizacje/poziom/lodowka_70/lodowka2.jpg);
}

div.photo12_3 {
    background-image: url(../img/realizacje/poziom/lodowka_70/lodowka3.jpg);
}

div.photo12_4 {
    background-image: url(../img/realizacje/poziom/lodowka_70/lodowka4.jpg);
}

div.photo12_5 {
    background-image: url(../img/realizacje/poziom/lodowka_70/lodowka5.jpg);
}

div.photo12_6 {
    background-image: url(../img/realizacje/poziom/lodowka_70/lodowka6.jpg);
}

div.photo12_7 {
    background-image: url(../img/realizacje/poziom/lodowka_70/lodowka7.jpg);
}

div.photo12_8 {
    background-image: url(../img/realizacje/poziom/lodowka_70/lodowka8.jpg);
}

div.photo12_9 {
    background-image: url(../img/realizacje/poziom/lodowka_70/lodowka9.jpg);
}

div.photo13_1 {
    background-image: url(../img/realizacje/poziom/meble_na_ostrobramskiej/ostrob1.jpg);
}

div.photo13_2 {
    background-image: url(../img/realizacje/poziom/meble_na_ostrobramskiej/ostrob2.jpg);
}

div.photo13_3 {
    background-image: url(../img/realizacje/poziom/meble_na_ostrobramskiej/ostrob3.jpg);
}

div.photo14_1 {
    background-image: url(../img/realizacje/poziom/mieszkanie_na_szpaczej/szpacza2.jpg);
}

div.photo14_2 {
    background-image: url(../img/realizacje/poziom/mieszkanie_na_szpaczej/szpacza3.jpg);
}

div.photo14_3 {
    background-image: url(../img/realizacje/poziom/mieszkanie_na_szpaczej/szpacza4.jpg);
}

div.photo14_4 {
    background-image: url(../img/realizacje/poziom/mieszkanie_na_szpaczej/szpacza5.jpg);
}

div.photo14_5 {
    background-image: url(../img/realizacje/poziom/mieszkanie_na_szpaczej/szpacza6.jpg);
}

div.photo15_1 {
    background-image: url(../img/realizacje/poziom/mieszkanie_przy_wisle/przy_wisle1.jpg);
}

div.photo15_2 {
    background-image: url(../img/realizacje/poziom/mieszkanie_przy_wisle/przy_wisle2.jpg);
}

div.photo15_3 {
    background-image: url(../img/realizacje/poziom/mieszkanie_przy_wisle/przy_wisle3.jpg);
}

div.photo15_4 {
    background-image: url(../img/realizacje/poziom/mieszkanie_przy_wisle/przy_wisle4.jpg);
}

div.photo15_5 {
    background-image: url(../img/realizacje/poziom/mieszkanie_przy_wisle/przy_wisle5.jpg);
}

div.photo15_6 {
    background-image: url(../img/realizacje/poziom/mieszkanie_przy_wisle/przy_wisle6.jpg);
}

div.photo15_7 {
    background-image: url(../img/realizacje/poziom/mieszkanie_przy_wisle/przy_wisle7.jpg);
}

div.photo15_8 {
    background-image: url(../img/realizacje/poziom/mieszkanie_przy_wisle/przy_wisle8.jpg);
}

div.photo16_1 {
    background-image: url(../img/realizacje/poziom/mis/mis1.jpg);
}

div.photo16_2 {
    background-image: url(../img/realizacje/poziom/mis/mis2.jpg);
}

div.photo17_1 {
    background-image: url(../img/realizacje/poziom/mnostwo_swiatla/swiatlo1.jpg);
}

div.photo17_2 {
    background-image: url(../img/realizacje/poziom/mnostwo_swiatla/swiatlo2.jpg);
}

div.photo17_3 {
    background-image: url(../img/realizacje/poziom/mnostwo_swiatla/swiatlo3.jpg);
}

div.photo17_4 {
    background-image: url(../img/realizacje/poziom/mnostwo_swiatla/swiatlo4.jpg);
}

div.photo18_1 {
    background-image: url(../img/realizacje/poziom/niebieska_i_frezowana/niebieski1.jpg);
}

div.photo18_2 {
    background-image: url(../img/realizacje/poziom/niebieska_i_frezowana/niebieski3.jpg);
}

div.photo18_3 {
    background-image: url(../img/realizacje/poziom/niebieska_i_frezowana/niebieski4.jpg);
}

div.photo18_4 {
    background-image: url(../img/realizacje/poziom/niebieska_i_frezowana/niebieski5.jpg);
}

div.photo18_5 {
    background-image: url(../img/realizacje/poziom/niebieska_i_frezowana/niebieski6.jpg);
}

div.photo19_1 {
    background-image: url(../img/realizacje/poziom/okregowa_izba_lekarska/izba1.jpg);
}

div.photo19_2 {
    background-image: url(../img/realizacje/poziom/okregowa_izba_lekarska/izba2.jpg);
}

div.photo19_3 {
    background-image: url(../img/realizacje/poziom/okregowa_izba_lekarska/izba3.jpg);
}

div.photo19_4 {
    background-image: url(../img/realizacje/poziom/okregowa_izba_lekarska/izba4.jpg);
}

div.photo19_5 {
    background-image: url(../img/realizacje/poziom/okregowa_izba_lekarska/izba5.jpg);
}

div.photo19_6 {
    background-image: url(../img/realizacje/poziom/okregowa_izba_lekarska/izba6.jpg);
}

div.photo19_7 {
    background-image: url(../img/realizacje/poziom/okregowa_izba_lekarska/izba7.jpg);
}

div.photo19_8 {
    background-image: url(../img/realizacje/poziom/okregowa_izba_lekarska/izba8.jpg);
}

div.photo20_1 {
    background-image: url(../img/realizacje/poziom/pokoj_dziecka/dziecko1.jpg);
}

div.photo20_2 {
    background-image: url(../img/realizacje/poziom/pokoj_dziecka/dziecko2.jpg);
}

div.photo21_1 {
    background-image: url(../img/realizacje/poziom/polyski/polyski1.jpg);
}

div.photo21_2 {
    background-image: url(../img/realizacje/poziom/polyski/polyski2.jpg);
}

div.photo21_3 {
    background-image: url(../img/realizacje/poziom/polyski/polyski3.jpg);
}

div.photo21_4 {
    background-image: url(../img/realizacje/poziom/polyski/polyski4.jpg);
}

div.photo21_5 {
    background-image: url(../img/realizacje/poziom/polyski/polyski5.jpg);
}

div.photo21_6 {
    background-image: url(../img/realizacje/poziom/polyski/polyski6.jpg);
}

div.photo22_1 {
    background-image: url(../img/realizacje/poziom/polyski_na_lotnisku/antracytp1.jpg);
}

div.photo22_2 {
    background-image: url(../img/realizacje/poziom/polyski_na_lotnisku/antracytp2.jpg);
}

div.photo22_3 {
    background-image: url(../img/realizacje/poziom/polyski_na_lotnisku/antracytp3.jpg);
}

div.photo23_1 {
    background-image: url(../img/realizacje/poziom/rtv2/rtv1.jpg);
}

div.photo23_2 {
    background-image: url(../img/realizacje/poziom/rtv2/rtv2.jpg);
}

div.photo23_3 {
    background-image: url(../img/realizacje/poziom/rtv2/rtv3.jpg);
}

div.photo24_1 {
    background-image: url(../img/realizacje/poziom/subtelna_szarosc/szarosc1.jpg);
}

div.photo24_2 {
    background-image: url(../img/realizacje/poziom/subtelna_szarosc/szarosc2.jpg);
}

div.photo24_3 {
    background-image: url(../img/realizacje/poziom/subtelna_szarosc/szarosc3.jpg);
}

div.photo25_1 {
    background-image: url(../img/realizacje/poziom/szafa_z_frezowanymi_frontami/frez1.jpg);
}

div.photo25_2 {
    background-image: url(../img/realizacje/poziom/szafa_z_frezowanymi_frontami/frez2.jpg);
}

div.photo26_1 {
    background-image: url(../img/realizacje/poziom/u_kamila/frontyp1.jpg);
}

div.photo26_2 {
    background-image: url(../img/realizacje/poziom/u_kamila/frontyp2.jpg);
}

div.photo26_3 {
    background-image: url(../img/realizacje/poziom/u_kamila/frontyp3.jpg);
}

div.photo27_1 {
    background-image: url(../img/realizacje/poziom/u_pana_dariusza/dariusz1.jpg);
}

div.photo27_2 {
    background-image: url(../img/realizacje/poziom/u_pana_dariusza/dariusz2.jpg);
}

div.photo27_3 {
    background-image: url(../img/realizacje/poziom/u_pana_dariusza/dariusz3.jpg);
}

div.photo27_4 {
    background-image: url(../img/realizacje/poziom/u_pana_dariusza/dariusz4.jpg);
}

div.photo28_1 {
    background-image: url(../img/realizacje/poziom/u_przyjaciela_z_wilna/wilno1.jpg);
}

div.photo28_2 {
    background-image: url(../img/realizacje/poziom/u_przyjaciela_z_wilna/wilno2.jpg);
}

div.photo28_3 {
    background-image: url(../img/realizacje/poziom/u_przyjaciela_z_wilna/wilno3.jpg);
}

div.photo28_4 {
    background-image: url(../img/realizacje/poziom/u_przyjaciela_z_wilna/wilno4.jpg);
}

div.photo29_1 {
    background-image: url(../img/realizacje/poziom/wygodny_wykusz/wykusz1.jpg);
}

div.photo29_2 {
    background-image: url(../img/realizacje/poziom/wygodny_wykusz/wykusz2.jpg);
}

div.photo29_3 {
    background-image: url(../img/realizacje/poziom/wygodny_wykusz/wykusz3.jpg);
}

div.photo29_4 {
    background-image: url(../img/realizacje/poziom/wygodny_wykusz/wykusz4.jpg);
}

div.photo30_1 {
    background-image: url(../img/realizacje/poziom/zielony_i_zloty_na_pradze/zloty1.jpg);
}

div.photo30_2 {
    background-image: url(../img/realizacje/poziom/zielony_i_zloty_na_pradze/zloty3.jpg);
}

div.photo30_3 {
    background-image: url(../img/realizacje/poziom/zielony_i_zloty_na_pradze/zloty4.jpg);
}

div.photo30_4 {
    background-image: url(../img/realizacje/poziom/zielony_i_zloty_na_pradze/zloty5.jpg);
}

div.photo31_1 {
    background-image: url(../img/realizacje/pion/dom_w_chotomowie/chotomow1.jpeg);
}

div.photo31_2 {
    background-image: url(../img/realizacje/pion/dom_w_chotomowie/chotomow2.jpeg);
}

div.photo31_3 {
    background-image: url(../img/realizacje/pion/dom_w_chotomowie/chotomow3.jpeg);
}

div.photo31_4 {
    background-image: url(../img/realizacje/pion/dom_w_chotomowie/chotomow4.jpeg);
}

div.photo31_5 {
    background-image: url(../img/realizacje/pion/dom_w_chotomowie/chotomow5.jpeg);
}

div.photo31_6 {
    background-image: url(../img/realizacje/pion/dom_w_chotomowie/chotomow6.jpeg);
}

div.photo31_7 {
    background-image: url(../img/realizacje/pion/dom_w_chotomowie/chotomow7.jpeg);
}

div.photo31_8 {
    background-image: url(../img/realizacje/pion/dom_w_chotomowie/chotomow8.jpeg);
}

div.photo31_9 {
    background-image: url(../img/realizacje/pion/dom_w_chotomowie/chotomow9.jpeg);
}

div.photo31_10 {
    background-image: url(../img/realizacje/pion/dom_w_chotomowie/chotomow10.jpeg);
}

div.photo31_11 {
    background-image: url(../img/realizacje/pion/dom_w_chotomowie/chotomow11.jpeg);
}

div.photo31_12 {
    background-image: url(../img/realizacje/pion/dom_w_chotomowie/chotomow12.jpeg);
}

div.photo31_13 {
    background-image: url(../img/realizacje/pion/dom_w_chotomowie/chotomow13.jpeg);
}

div.photo31_14 {
    background-image: url(../img/realizacje/pion/dom_w_chotomowie/chotomow14.jpeg);
}

div.photo32_1 {
    background-image: url(../img/realizacje/pion/biel/biel_1.jpg);
}

div.photo32_2 {
    background-image: url(../img/realizacje/pion/biel/biel_2.jpg);
}

div.photo32_3 {
    background-image: url(../img/realizacje/pion/biel/biel_3.jpg);
}

div.photo32_4 {
    background-image: url(../img/realizacje/pion/biel/biel_4.jpg);
}

div.photo32_5 {
    background-image: url(../img/realizacje/pion/biel/biel_5.jpg);
}

div.photo32_6 {
    background-image: url(../img/realizacje/pion/biel/biel_6.jpg);
}

div.photo33_1 {
    background-image: url(../img/realizacje/pion/biel_w_lazience/b_lazienka_1.jpg);
}

div.photo33_2 {
    background-image: url(../img/realizacje/pion/biel_w_lazience/b_lazienka_2.jpg);
}

div.photo34_1 {
    background-image: url(../img/realizacje/pion/biurko_na_wymiar/biurko_1.jpg);
}

div.photo34_2 {
    background-image: url(../img/realizacje/pion/biurko_na_wymiar/biurko_2.jpg);
}

div.photo34_3 {
    background-image: url(../img/realizacje/pion/biurko_na_wymiar/biurko_3.jpg);
}

div.photo35_1 {
    background-image: url(../img/realizacje/pion/cegielki/cegielki_1.jpg);
}

div.photo35_2 {
    background-image: url(../img/realizacje/pion/cegielki/cegielki_2.jpg);
}

div.photo35_3 {
    background-image: url(../img/realizacje/pion/cegielki/cegielki_3.jpg);
}

div.photo35_4 {
    background-image: url(../img/realizacje/pion/cegielki/cegielki_4.jpg);
}

div.photo35_5 {
    background-image: url(../img/realizacje/pion/cegielki/cegielki_5.jpg);
}

div.photo35_6 {
    background-image: url(../img/realizacje/pion/cegielki/cegielki_6.jpg);
}

div.photo35_7 {
    background-image: url(../img/realizacje/pion/cegielki/cegielki_7.jpg);
}

div.photo36_1 {
    background-image: url(../img/realizacje/pion/ciepla_sypialnia/c_sypialnia_1.jpg);
}

div.photo36_2 {
    background-image: url(../img/realizacje/pion/ciepla_sypialnia/c_sypialnia_2.jpg);
}

div.photo36_3 {
    background-image: url(../img/realizacje/pion/ciepla_sypialnia/c_sypialnia_3.jpg);
}

div.photo37_1 {
    background-image: url(../img/realizacje/pion/corten_medic/c_medic_1.jpg);
}

div.photo37_2 {
    background-image: url(../img/realizacje/pion/corten_medic/c_medic_2.jpg);
}

div.photo37_3 {
    background-image: url(../img/realizacje/pion/corten_medic/c_medic_3.jpg);
}

div.photo37_4 {
    background-image: url(../img/realizacje/pion/corten_medic/c_medic_4.jpg);
}

div.photo37_5 {
    background-image: url(../img/realizacje/pion/corten_medic/c_medic_5.jpg);
}

div.photo37_6 {
    background-image: url(../img/realizacje/pion/corten_medic/c_medic_6.jpg);
}

div.photo37_7 {
    background-image: url(../img/realizacje/pion/corten_medic/c_medic_7.jpg);
}

div.photo37_8 {
    background-image: url(../img/realizacje/pion/corten_medic/c_medic_8.jpg);
}

div.photo37_9 {
    background-image: url(../img/realizacje/pion/corten_medic/c_medic_9.jpg);
}

div.photo37_10 {
    background-image: url(../img/realizacje/pion/corten_medic/c_medic_10.jpg);
}

div.photo37_11 {
    background-image: url(../img/realizacje/pion/corten_medic/c_medic_11.jpg);
}

div.photo38_1 {
    background-image: url(../img/realizacje/pion/cudowna_kuchnia_w_falenicy/c_kuchnia_1.jpg);
}

div.photo38_2 {
    background-image: url(../img/realizacje/pion/cudowna_kuchnia_w_falenicy/c_kuchnia_2.jpg);
}

div.photo38_3 {
    background-image: url(../img/realizacje/pion/cudowna_kuchnia_w_falenicy/c_kuchnia_3.jpg);
}

div.photo38_4 {
    background-image: url(../img/realizacje/pion/cudowna_kuchnia_w_falenicy/c_kuchnia_4.jpg);
}

div.photo38_5 {
    background-image: url(../img/realizacje/pion/cudowna_kuchnia_w_falenicy/c_kuchnia_5.jpg);
}

div.photo38_6 {
    background-image: url(../img/realizacje/pion/cudowna_kuchnia_w_falenicy/c_kuchnia_6.jpg);
}

div.photo38_7 {
    background-image: url(../img/realizacje/pion/cudowna_kuchnia_w_falenicy/c_kuchnia_7.jpg);
}

div.photo38_8 {
    background-image: url(../img/realizacje/pion/cudowna_kuchnia_w_falenicy/c_kuchnia_8.jpg);
}

div.photo38_9 {
    background-image: url(../img/realizacje/pion/cudowna_kuchnia_w_falenicy/c_kuchnia_9.jpg);
}

div.photo38_10 {
    background-image: url(../img/realizacje/pion/cudowna_kuchnia_w_falenicy/c_kuchnia_10.jpg);
}

div.photo38_11 {
    background-image: url(../img/realizacje/pion/cudowna_kuchnia_w_falenicy/c_kuchnia_11.jpg);
}

div.photo38_12 {
    background-image: url(../img/realizacje/pion/cudowna_kuchnia_w_falenicy/c_kuchnia_12.jpg);
}

div.photo39_1 {
    background-image: url(../img/realizacje/pion/czern_biel/cb_1.jpg);
}

div.photo39_2 {
    background-image: url(../img/realizacje/pion/czern_biel/cb_2.jpg);
}

div.photo39_3 {
    background-image: url(../img/realizacje/pion/czern_biel/cb_3.jpg);
}

div.photo39_4 {
    background-image: url(../img/realizacje/pion/czern_biel/cb_4.jpg);
}

div.photo40_1 {
    background-image: url(../img/realizacje/pion/czern_braz/czb1.jpeg);
}

div.photo40_2 {
    background-image: url(../img/realizacje/pion/czern_braz/czb2.jpeg);
}

div.photo40_3 {
    background-image: url(../img/realizacje/pion/czern_braz/czb3.jpeg);
}

div.photo40_4 {
    background-image: url(../img/realizacje/pion/czern_braz/czb4.jpeg);
}

div.photo40_5 {
    background-image: url(../img/realizacje/pion/czern_braz/czb5.jpeg);
}

div.photo40_6 {
    background-image: url(../img/realizacje/pion/czern_braz/czb6.jpeg);
}

div.photo40_7 {
    background-image: url(../img/realizacje/pion/czern_braz/czb7.jpeg);
}

div.photo40_8 {
    background-image: url(../img/realizacje/pion/czern_braz/czb8.jpeg);
}

div.photo40_9 {
    background-image: url(../img/realizacje/pion/czern_braz/czb9.jpeg);
}

div.photo40_10 {
    background-image: url(../img/realizacje/pion/czern_braz/czb10.jpeg);
}

div.photo40_11 {
    background-image: url(../img/realizacje/pion/czern_braz/czb11.jpeg);
}

div.photo40_12 {
    background-image: url(../img/realizacje/pion/czern_braz/czb12.jpeg);
}

div.photo40_13 {
    background-image: url(../img/realizacje/pion/czern_braz/czb13.jpeg);
}

div.photo41_1 {
    background-image: url(../img/realizacje/pion/duzo_brazu/braz1.jpg);
}

div.photo41_2 {
    background-image: url(../img/realizacje/pion/duzo_brazu/braz2.jpg);
}

div.photo41_3 {
    background-image: url(../img/realizacje/pion/duzo_brazu/braz3.jpg);
}

div.photo42_1 {
    background-image: url(../img/realizacje/pion/dwie_szafy_i_lazienka/2szafy.jpg);
}

div.photo42_2 {
    background-image: url(../img/realizacje/pion/dwie_szafy_i_lazienka/2szafy2.jpg);
}

div.photo42_3 {
    background-image: url(../img/realizacje/pion/dwie_szafy_i_lazienka/2szafy3.jpg);
}

div.photo42_4 {
    background-image: url(../img/realizacje/pion/dwie_szafy_i_lazienka/2szafy4.jpg);
}

div.photo42_5 {
    background-image: url(../img/realizacje/pion/dwie_szafy_i_lazienka/2szafy5.jpg);
}

div.photo42_6 {
    background-image: url(../img/realizacje/pion/dwie_szafy_i_lazienka/2szafy6.jpg);
}

div.photo43_1 {
    background-image: url(../img/realizacje/pion/garderoba_szyta_na_miare/garderoba1.jpg);
}

div.photo43_2 {
    background-image: url(../img/realizacje/pion/garderoba_szyta_na_miare/garderoba2.jpg);
}

div.photo43_3 {
    background-image: url(../img/realizacje/pion/garderoba_szyta_na_miare/garderoba3.jpg);
}

div.photo43_4 {
    background-image: url(../img/realizacje/pion/garderoba_szyta_na_miare/garderoba4.jpg);
}

div.photo43_5 {
    background-image: url(../img/realizacje/pion/garderoba_szyta_na_miare/garderoba5.jpg);
}

div.photo43_6 {
    background-image: url(../img/realizacje/pion/garderoba_szyta_na_miare/garderoba6.jpg);
}

div.photo43_7 {
    background-image: url(../img/realizacje/pion/garderoba_szyta_na_miare/garderoba7.jpg);
}

div.photo43_8 {
    background-image: url(../img/realizacje/pion/garderoba_szyta_na_miare/garderoba8.jpg);
}

div.photo44_1 {
    background-image: url(../img/realizacje/pion/kuchnia_z_wesolej/zwesolej1.jpg);
}

div.photo44_2 {
    background-image: url(../img/realizacje/pion/kuchnia_z_wesolej/zwesolej2.jpg);
}

div.photo44_3 {
    background-image: url(../img/realizacje/pion/kuchnia_z_wesolej/zwesolej3.jpg);
}

div.photo44_4 {
    background-image: url(../img/realizacje/pion/kuchnia_z_wesolej/zwesolej4.jpg);
}

div.photo45_1 {
    background-image: url(../img/realizacje/pion/kuchnia_z_wyspa/wyspa1.jpg);
}

div.photo45_2 {
    background-image: url(../img/realizacje/pion/kuchnia_z_wyspa/wyspa2.jpg);
}

div.photo45_3 {
    background-image: url(../img/realizacje/pion/kuchnia_z_wyspa/wyspa3.jpg);
}

div.photo45_4 {
    background-image: url(../img/realizacje/pion/kuchnia_z_wyspa/wyspa4.jpg);
}

div.photo46_1 {
    background-image: url(../img/realizacje/pion/lamele_w_kuchni/lamele1.jpg);
}

div.photo46_2 {
    background-image: url(../img/realizacje/pion/lamele_w_kuchni/lamele2.jpg);
}

div.photo46_3 {
    background-image: url(../img/realizacje/pion/lamele_w_kuchni/lamele3.jpg);
}

div.photo46_4 {
    background-image: url(../img/realizacje/pion/lamele_w_kuchni/lamele4.jpg);
}

div.photo47_1 {
    background-image: url(../img/realizacje/pion/lazienka_na_grochowie/grochow1.jpg);
}

div.photo47_2 {
    background-image: url(../img/realizacje/pion/lazienka_na_grochowie/grochow2.jpg);
}

div.photo47_3 {
    background-image: url(../img/realizacje/pion/lazienka_na_grochowie/grochow3.jpg);
}

div.photo47_4 {
    background-image: url(../img/realizacje/pion/lazienka_na_grochowie/grochow4.jpg);
}

div.photo48_1 {
    background-image: url(../img/realizacje/pion/licza_sie_detale/detale1.jpg);
}

div.photo48_2 {
    background-image: url(../img/realizacje/pion/licza_sie_detale/detale2.jpg);
}

div.photo48_3 {
    background-image: url(../img/realizacje/pion/licza_sie_detale/detale3.jpg);
}

div.photo48_4 {
    background-image: url(../img/realizacje/pion/licza_sie_detale/detale4.jpg);
}

div.photo48_5 {
    background-image: url(../img/realizacje/pion/licza_sie_detale/detale5.jpg);
}

div.photo48_6 {
    background-image: url(../img/realizacje/pion/licza_sie_detale/detale6.jpg);
}

div.photo48_7 {
    background-image: url(../img/realizacje/pion/licza_sie_detale/detale7.jpg);
}

div.photo48_8 {
    background-image: url(../img/realizacje/pion/licza_sie_detale/detale8.jpg);
}

div.photo48_9 {
    background-image: url(../img/realizacje/pion/licza_sie_detale/detale9.jpg);
}

div.photo48_10 {
    background-image: url(../img/realizacje/pion/licza_sie_detale/detale10.jpg);
}

div.photo48_11 {
    background-image: url(../img/realizacje/pion/licza_sie_detale/detale11.jpg);
}

div.photo48_12 {
    background-image: url(../img/realizacje/pion/licza_sie_detale/detale12.jpg);
}

div.photo49_1 {
    background-image: url(../img/realizacje/pion/lustra/lustra1.jpg);
}

div.photo50_1 {
    background-image: url(../img/realizacje/pion/lustra_w_lazience/lustral_1.jpg);
}

div.photo50_2 {
    background-image: url(../img/realizacje/pion/lustra_w_lazience/lustral_2.jpg);
}

div.photo51_1 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_bemowie/bem1.jpeg);
}

div.photo51_2 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_bemowie/bem2.jpeg);
}

div.photo51_3 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_bemowie/bem3.jpeg);
}

div.photo51_4 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_bemowie/bem4.jpeg);
}

div.photo51_5 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_bemowie/bem5.jpeg);
}

div.photo51_6 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_bemowie/bem6.jpeg);
}

div.photo51_7 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_bemowie/bem7.jpeg);
}

div.photo51_8 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_bemowie/bem8.jpeg);
}

div.photo51_9 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_bemowie/bem9.jpeg);
}

div.photo51_10 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_bemowie/bem10.jpeg);
}

div.photo51_11 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_bemowie/bem11.jpeg);
}

div.photo51_12 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_bemowie/bem12.jpeg);
}

div.photo52_1 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_grochowie/groch1.jpg);
}

div.photo52_2 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_grochowie/groch2.jpg);
}

div.photo52_3 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_grochowie/groch3.jpg);
}

div.photo52_4 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_grochowie/groch4.jpg);
}

div.photo52_5 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_grochowie/groch5.jpg);
}

div.photo52_6 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_grochowie/groch6.jpg);
}

div.photo52_7 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_grochowie/groch7.jpg);
}

div.photo52_8 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_grochowie/groch8.jpg);
}

div.photo53_1 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_mokotowie/mokotow1.jpeg);
}

div.photo53_2 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_mokotowie/mokotow2.jpeg);
}

div.photo53_3 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_mokotowie/mokotow3.jpeg);
}

div.photo54_1 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_pradze/praga1.jpg);
}

div.photo54_2 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_pradze/praga2.jpg);
}

div.photo54_3 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_pradze/praga3.jpg);
}

div.photo55_1 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_ursynowie/ursynow1.jpg);
}

div.photo55_2 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_ursynowie/ursynow2.jpg);
}

div.photo55_3 {
    background-image: url(../img/realizacje/pion/mieszkanie_na_ursynowie/ursynow3.jpg);
}

div.photo56_1 {
    background-image: url(../img/realizacje/pion/mieszkanie_p_gosi/gosia1.jpg);
}

div.photo56_2 {
    background-image: url(../img/realizacje/pion/mieszkanie_p_gosi/gosia2.jpg);
}

div.photo56_3 {
    background-image: url(../img/realizacje/pion/mieszkanie_p_gosi/gosia3.jpg);
}

div.photo56_4 {
    background-image: url(../img/realizacje/pion/mieszkanie_p_gosi/gosia4.jpg);
}

div.photo56_5 {
    background-image: url(../img/realizacje/pion/mieszkanie_p_gosi/gosia5.jpg);
}

div.photo57_1 {
    background-image: url(../img/realizacje/pion/mieszkanie_pani_ani/ania1.jpg);
}

div.photo57_2 {
    background-image: url(../img/realizacje/pion/mieszkanie_pani_ani/ania2.jpg);
}

div.photo57_3 {
    background-image: url(../img/realizacje/pion/mieszkanie_pani_ani/ania3.jpg);
}

div.photo57_4 {
    background-image: url(../img/realizacje/pion/mieszkanie_pani_ani/ania4.jpg);
}

div.photo57_5 {
    background-image: url(../img/realizacje/pion/mieszkanie_pani_ani/ania5.jpg);
}

div.photo58_1 {
    background-image: url(../img/realizacje/pion/nietypowe_uchwyty/uchwyty1.jpg);
}

div.photo58_2 {
    background-image: url(../img/realizacje/pion/nietypowe_uchwyty/uchwyty2.jpg);
}

div.photo58_3 {
    background-image: url(../img/realizacje/pion/nietypowe_uchwyty/uchwyty3.jpg);
}

div.photo58_4 {
    background-image: url(../img/realizacje/pion/nietypowe_uchwyty/uchwyty4.jpg);
}

div.photo59_1 {
    background-image: url(../img/realizacje/pion/odprezajace_swiatlo/swiatlo1.jpg);
}

div.photo60_1 {
    background-image: url(../img/realizacje/pion/odwazne_fronty_na_wesolej/ffronty1.jpg);
}

div.photo60_2 {
    background-image: url(../img/realizacje/pion/odwazne_fronty_na_wesolej/ffronty2.jpg);
}

div.photo60_3 {
    background-image: url(../img/realizacje/pion/odwazne_fronty_na_wesolej/ffronty3.jpg);
}

div.photo60_4 {
    background-image: url(../img/realizacje/pion/odwazne_fronty_na_wesolej/ffronty4.jpg);
}

div.photo61_1 {
    background-image: url(../img/realizacje/pion/odwazne_kolory/beton1.jpg);
}

div.photo61_2 {
    background-image: url(../img/realizacje/pion/odwazne_kolory/beton2.jpg);
}

div.photo61_3 {
    background-image: url(../img/realizacje/pion/odwazne_kolory/beton3.jpg);
}

div.photo61_4 {
    background-image: url(../img/realizacje/pion/odwazne_kolory/beton4.jpg);
}

div.photo61_5 {
    background-image: url(../img/realizacje/pion/odwazne_kolory/beton5.jpg);
}

div.photo62_1 {
    background-image: url(../img/realizacje/pion/oryginalne_tlo/szyba1.jpg);
}

div.photo62_2 {
    background-image: url(../img/realizacje/pion/oryginalne_tlo/szyba2.jpg);
}

div.photo62_3 {
    background-image: url(../img/realizacje/pion/oryginalne_tlo/szyba3.jpg);
}

div.photo62_4 {
    background-image: url(../img/realizacje/pion/oryginalne_tlo/szyba4.jpg);
}

div.photo62_5 {
    background-image: url(../img/realizacje/pion/oryginalne_tlo/szyba5.jpg);
}

div.photo63_1 {
    background-image: url(../img/realizacje/pion/osiedle_wilno/wilno1.jpg);
}

div.photo63_2 {
    background-image: url(../img/realizacje/pion/osiedle_wilno/wilno2.jpg);
}

div.photo63_3 {
    background-image: url(../img/realizacje/pion/osiedle_wilno/wilno3.jpg);
}

div.photo63_4 {
    background-image: url(../img/realizacje/pion/osiedle_wilno/wilno4.jpg);
}

div.photo64_1 {
    background-image: url(../img/realizacje/pion/pod_wynajem/wynajem1.jpg);
}

div.photo64_2 {
    background-image: url(../img/realizacje/pion/pod_wynajem/wynajem2.jpg);
}

div.photo64_3 {
    background-image: url(../img/realizacje/pion/pod_wynajem/wynajem3.jpg);
}

div.photo64_4 {
    background-image: url(../img/realizacje/pion/pod_wynajem/wynajem4.jpg);
}

div.photo64_5 {
    background-image: url(../img/realizacje/pion/pod_wynajem/wynajem5.jpg);
}

div.photo65_1 {
    background-image: url(../img/realizacje/pion/polyski_w_lazience/polysk1.jpg);
}

div.photo65_2 {
    background-image: url(../img/realizacje/pion/polyski_w_lazience/polysk2.jpg);
}

div.photo65_3 {
    background-image: url(../img/realizacje/pion/polyski_w_lazience/polysk3.jpg);
}

div.photo66_1 {
    background-image: url(../img/realizacje/pion/pomarancz_i_antracyt/orange1.png);
}

div.photo66_2 {
    background-image: url(../img/realizacje/pion/pomarancz_i_antracyt/orange2.png);
}

div.photo66_3 {
    background-image: url(../img/realizacje/pion/pomarancz_i_antracyt/orange3.png);
}

div.photo67_1 {
    background-image: url(../img/realizacje/pion/praca_w_domu/dom1.jpg);
}

div.photo67_2 {
    background-image: url(../img/realizacje/pion/praca_w_domu/dom2.jpg);
}

div.photo67_3 {
    background-image: url(../img/realizacje/pion/praca_w_domu/dom3.jpg);
}

div.photo67_4 {
    background-image: url(../img/realizacje/pion/praca_w_domu/dom4.jpg);
}

div.photo67_5 {
    background-image: url(../img/realizacje/pion/praca_w_domu/dom5.jpg);
}

div.photo67_6 {
    background-image: url(../img/realizacje/pion/praca_w_domu/dom6.jpg);
}

div.photo68_1 {
    background-image: url(../img/realizacje/pion/prezes/prezes1.jpg);
}

div.photo68_2 {
    background-image: url(../img/realizacje/pion/prezes/prezes2.jpg);
}

div.photo68_3 {
    background-image: url(../img/realizacje/pion/prezes/prezes3.jpg);
}

div.photo69_1 {
    background-image: url(../img/realizacje/pion/przesuwana_w_sypialni/przesuwana1.jpg);
}

div.photo69_2 {
    background-image: url(../img/realizacje/pion/przesuwana_w_sypialni/przesuwana2.jpg);
}

div.photo70_1 {
    background-image: url(../img/realizacje/pion/przesuwna_wysoka/wysoka1.jpg);
}

div.photo70_2 {
    background-image: url(../img/realizacje/pion/przesuwna_wysoka/wysoka2.jpg);
}

div.photo70_3 {
    background-image: url(../img/realizacje/pion/przesuwna_wysoka/wysoka3.jpg);
}

div.photo71_1 {
    background-image: url(../img/realizacje/pion/przyjemna_zielen/zielen1.jpeg);
}

div.photo71_2 {
    background-image: url(../img/realizacje/pion/przyjemna_zielen/zielen2.jpeg);
}

div.photo71_3 {
    background-image: url(../img/realizacje/pion/przyjemna_zielen/zielen3.jpeg);
}

div.photo71_4 {
    background-image: url(../img/realizacje/pion/przyjemna_zielen/zielen4.jpeg);
}

div.photo71_5 {
    background-image: url(../img/realizacje/pion/przyjemna_zielen/zielen5.jpeg);
}

div.photo71_6 {
    background-image: url(../img/realizacje/pion/przyjemna_zielen/zielen6.jpeg);
}

div.photo71_7 {
    background-image: url(../img/realizacje/pion/przyjemna_zielen/zielen7.jpeg);
}

div.photo72_1 {
    background-image: url(../img/realizacje/pion/rtv/rtv1.jpg);
}

div.photo73_1 {
    background-image: url(../img/realizacje/pion/ryflowane_fronty_w_szafie/ryflo1.jpg);
}

div.photo73_2 {
    background-image: url(../img/realizacje/pion/ryflowane_fronty_w_szafie/ryflo2.jpg);
}

div.photo73_3 {
    background-image: url(../img/realizacje/pion/ryflowane_fronty_w_szafie/ryflo3.jpg);
}

div.photo73_4 {
    background-image: url(../img/realizacje/pion/ryflowane_fronty_w_szafie/ryflo4.jpg);
}

div.photo73_5 {
    background-image: url(../img/realizacje/pion/ryflowane_fronty_w_szafie/ryflo5.jpg);
}

div.photo74_1 {
    background-image: url(../img/realizacje/pion/sasiedzi/sasiedzi1.jpg);
}

div.photo74_2 {
    background-image: url(../img/realizacje/pion/sasiedzi/sasiedzi2.jpg);
}

div.photo75_1 {
    background-image: url(../img/realizacje/pion/stary_dom_nowa_kuchnia/stary1.jpg);
}

div.photo75_2 {
    background-image: url(../img/realizacje/pion/stary_dom_nowa_kuchnia/stary2.jpg);
}

div.photo75_3 {
    background-image: url(../img/realizacje/pion/stary_dom_nowa_kuchnia/stary3.jpg);
}

div.photo75_4 {
    background-image: url(../img/realizacje/pion/stary_dom_nowa_kuchnia/stary4.jpg);
}

div.photo75_5 {
    background-image: url(../img/realizacje/pion/stary_dom_nowa_kuchnia/stary5.jpg);
}

div.photo75_6 {
    background-image: url(../img/realizacje/pion/stary_dom_nowa_kuchnia/stary6.jpg);
}

div.photo75_7 {
    background-image: url(../img/realizacje/pion/stary_dom_nowa_kuchnia/stary7.jpg);
}

div.photo75_8 {
    background-image: url(../img/realizacje/pion/stary_dom_nowa_kuchnia/stary8.jpg);
}

div.photo75_9 {
    background-image: url(../img/realizacje/pion/stary_dom_nowa_kuchnia/stary9.jpg);
}

div.photo76_1 {
    background-image: url(../img/realizacje/pion/swieza_szafa/swieza-szafa.jpg);
}

div.photo76_2 {
    background-image: url(../img/realizacje/pion/swieza_szafa/swieza-szafa2.jpg);
}

div.photo76_3 {
    background-image: url(../img/realizacje/pion/swieza_szafa/swieza-szafa3.jpg);
}

div.photo77_1 {
    background-image: url(../img/realizacje/pion/szafa_w_holu/hol1.jpg);
}

div.photo77_2 {
    background-image: url(../img/realizacje/pion/szafa_w_holu/hol3.jpg);
}

div.photo78_1 {
    background-image: url(../img/realizacje/pion/szafa_z_lustrami/szafal1.jpg);
}

div.photo78_2 {
    background-image: url(../img/realizacje/pion/szafa_z_lustrami/szafal2.jpg);
}

div.photo78_3 {
    background-image: url(../img/realizacje/pion/szafa_z_lustrami/szafal3.jpg);
}

div.photo78_4 {
    background-image: url(../img/realizacje/pion/szafa_z_lustrami/szafal4.jpg);
}

div.photo78_5 {
    background-image: url(../img/realizacje/pion/szafa_z_lustrami/szafal5.jpg);
}

div.photo79_1 {
    background-image: url(../img/realizacje/pion/szafy_na_poddaszu/poddasze1.jpeg);
}

div.photo79_2 {
    background-image: url(../img/realizacje/pion/szafy_na_poddaszu/poddasze2.jpeg);
}

div.photo79_3 {
    background-image: url(../img/realizacje/pion/szafy_na_poddaszu/poddasze3.jpeg);
}

div.photo80_1 {
    background-image: url(../img/realizacje/pion/tym_razem_akrylowe_fronty/afronty1.jpg);
}

div.photo80_2 {
    background-image: url(../img/realizacje/pion/tym_razem_akrylowe_fronty/afronty3.jpg);
}

div.photo80_3 {
    background-image: url(../img/realizacje/pion/tym_razem_akrylowe_fronty/afronty4.jpg);
}

div.photo81_1 {
    background-image: url(../img/realizacje/pion/uchwyty_frezowane/fszafa1.jpg);
}

div.photo81_2 {
    background-image: url(../img/realizacje/pion/uchwyty_frezowane/fszafa2.jpg);
}

div.photo81_3 {
    background-image: url(../img/realizacje/pion/uchwyty_frezowane/fszafa3.jpg);
}

div.photo82_1 {
    background-image: url(../img/realizacje/pion/uchwyty_frezowane_w_drzwiach/drzwi1.jpg);
}

div.photo82_2 {
    background-image: url(../img/realizacje/pion/uchwyty_frezowane_w_drzwiach/drzwi2.jpg);
}

div.photo83_1 {
    background-image: url(../img/realizacje/pion/urocza_zielen/mat1.jpg);
}

div.photo83_2 {
    background-image: url(../img/realizacje/pion/urocza_zielen/mat2.jpg);
}

div.photo83_3 {
    background-image: url(../img/realizacje/pion/urocza_zielen/mat3.jpg);
}

div.photo83_4 {
    background-image: url(../img/realizacje/pion/urocza_zielen/mat4.jpg);
}

div.photo83_5 {
    background-image: url(../img/realizacje/pion/urocza_zielen/mat5.jpg);
}

div.photo83_6 {
    background-image: url(../img/realizacje/pion/urocza_zielen/mat6.jpg);
}

div.photo84_1 {
    background-image: url(../img/realizacje/pion/w_oczekiwaniu_na_blat/brazk1.jpg);
}

div.photo84_2 {
    background-image: url(../img/realizacje/pion/w_oczekiwaniu_na_blat/brazk2.jpg);
}

div.photo84_3 {
    background-image: url(../img/realizacje/pion/w_oczekiwaniu_na_blat/brazk3.jpg);
}

div.photo84_4 {
    background-image: url(../img/realizacje/pion/w_oczekiwaniu_na_blat/brazk4.jpg);
}

div.photo84_5 {
    background-image: url(../img/realizacje/pion/w_oczekiwaniu_na_blat/brazk5.jpg);
}

div.photo84_6 {
    background-image: url(../img/realizacje/pion/w_oczekiwaniu_na_blat/brazk6.jpg);
}

div.photo85_1 {
    background-image: url(../img/realizacje/pion/witrynka/witrynka1.jpg);
}

div.photo85_2 {
    background-image: url(../img/realizacje/pion/witrynka/witrynka2.jpg);
}

div.photo86_1 {
    background-image: url(../img/realizacje/pion/witrynka_na_bemowie/bemowo1.jpg);
}

div.photo86_2 {
    background-image: url(../img/realizacje/pion/witrynka_na_bemowie/bemowo2.jpg);
}

div.photo86_3 {
    background-image: url(../img/realizacje/pion/witrynka_na_bemowie/bemowo3.jpg);
}

div.photo86_4 {
    background-image: url(../img/realizacje/pion/witrynka_na_bemowie/bemowo4.jpg);
}

div.photo86_5 {
    background-image: url(../img/realizacje/pion/witrynka_na_bemowie/bemowo5.jpg);
}

div.photo86_6 {
    background-image: url(../img/realizacje/pion/witrynka_na_bemowie/bemowo6.jpg);
}

div.photo87_1 {
    background-image: url(../img/realizacje/pion/zabudowa_w_lazience/zabudowa1.jpg);
}

div.photo87_2 {
    background-image: url(../img/realizacje/pion/zabudowa_w_lazience/zabudowa2.jpg);
}

div.photo87_3 {
    background-image: url(../img/realizacje/pion/zabudowa_w_lazience/zabudowa3.jpg);
}

div.photo87_4 {
    background-image: url(../img/realizacje/pion/zabudowa_w_lazience/zabudowa4.jpg);
}

div.photo88_1 {
    background-image: url(../img/realizacje/pion/zabudowa_wg_pomyslu_klientki/kuchnia2.jpg);
}

div.photo88_2 {
    background-image: url(../img/realizacje/pion/zabudowa_wg_pomyslu_klientki/kuchnia3.jpg);
}

div.photo88_3 {
    background-image: url(../img/realizacje/pion/zabudowa_wg_pomyslu_klientki/kuchnia4.jpg);
}

div.photo89_1 {
    background-image: url(../img/realizacje/pion/zielona/Zielona.jpg);
}

div.photo90_1 {
    background-image: url(../img/realizacje/pion/zielona_i_prosta/zkuch1.jpg);
}

div.photo90_2 {
    background-image: url(../img/realizacje/pion/zielona_i_prosta/zkuch2.jpg);
}

div.photo91_1 {
    background-image: url(../img/realizacje/pion/karolina/karo1.jpg);
}

div.photo91_2 {
    background-image: url(../img/realizacje/pion/karolina/karo2.jpg);
}

div.photo91_3 {
    background-image: url(../img/realizacje/pion/karolina/karo3.jpg);
}

div.photo91_4 {
    background-image: url(../img/realizacje/pion/karolina/karo4.jpg);
}

div.photo91_5 {
    background-image: url(../img/realizacje/pion/karolina/karo5.jpg);
}

div.photo92_1 {
    background-image: url(../img/realizacje/pion/marki/mark1.jpg);
}

div.photo92_2 {
    background-image: url(../img/realizacje/pion/marki/mark2.jpg);
}

div.photo92_3 {
    background-image: url(../img/realizacje/pion/marki/mark3.jpg);
}

div.photo92_4 {
    background-image: url(../img/realizacje/pion/marki/mark4.jpg);
}

div.photo92_5 {
    background-image: url(../img/realizacje/pion/marki/mark5.jpg);
}

div.photo92_6 {
    background-image: url(../img/realizacje/pion/marki/mark6.jpg);
}

div.photo92_7 {
    background-image: url(../img/realizacje/pion/marki/mark7.jpg);
}

div.photo92_8 {
    background-image: url(../img/realizacje/pion/marki/mark8.jpg);
}

div.photo92_9 {
    background-image: url(../img/realizacje/pion/marki/mark9.jpg);
}

div.photo92_10 {
    background-image: url(../img/realizacje/pion/marki/mark10.jpg);
}

div.photo92_11 {
    background-image: url(../img/realizacje/pion/marki/mark11.jpg);
}

div.photo92_12 {
    background-image: url(../img/realizacje/pion/marki/mark12.jpg);
}

div.photo92_13 {
    background-image: url(../img/realizacje/pion/marki/mark13.jpg);
}

div.photo92_14 {
    background-image: url(../img/realizacje/pion/marki/mark14.jpg);
}

div.photo92_15 {
    background-image: url(../img/realizacje/pion/marki/mark15.jpg);
}

div.photo92_16 {
    background-image: url(../img/realizacje/pion/marki/mark16.jpg);
}

div.photo93_1 {
    background-image: url(../img/realizacje/pion/okuniew/okun1.jpg);
}

div.photo93_2 {
    background-image: url(../img/realizacje/pion/okuniew/okun2.jpg);
}

div.photo93_3 {
    background-image: url(../img/realizacje/pion/okuniew/okun3.jpg);
}

div.photo93_4 {
    background-image: url(../img/realizacje/pion/okuniew/okun4.jpg);
}

div.photo93_5 {
    background-image: url(../img/realizacje/pion/okuniew/okun5.jpg);
}

div.photo94_1 {
    background-image: url(../img/realizacje/pion/smutek/smut1.JPEG);
}

div.photo94_2 {
    background-image: url(../img/realizacje/pion/smutek/smut2.JPEG);
}

div.photo94_3 {
    background-image: url(../img/realizacje/pion/smutek/smut3.JPEG);
}

div.photo94_4 {
    background-image: url(../img/realizacje/pion/smutek/smut4.JPEG);
}

div.photo94_5 {
    background-image: url(../img/realizacje/pion/smutek/smut5.JPEG);
}

div.photo94_6 {
    background-image: url(../img/realizacje/pion/smutek/smut6.JPEG);
}

div.photo94_7 {
    background-image: url(../img/realizacje/pion/smutek/smut7.JPEG);
}

div.photo94_8 {
    background-image: url(../img/realizacje/pion/smutek/smut8.JPEG);
}

div.photo95_1 {
    background-image: url(../img/realizacje/pion/kuchnia_p_Ani_z_Warszawy/kuchnia_Ani1.jpg);
}

div.photo95_2 {
    background-image: url(../img/realizacje/pion/kuchnia_p_Ani_z_Warszawy/kuchnia_Ani2.jpg);
}

div.photo95_3 {
    background-image: url(../img/realizacje/pion/kuchnia_p_Ani_z_Warszawy/kuchnia_Ani3.jpg);
}

div.photo95_4 {
    background-image: url(../img/realizacje/pion/kuchnia_p_Ani_z_Warszawy/kuchnia_Ani4.jpg);
}

div.photo95_5 {
    background-image: url(../img/realizacje/pion/kuchnia_p_Ani_z_Warszawy/kuchnia_Ani5.jpg);
}

div.photo95_6 {
    background-image: url(../img/realizacje/pion/kuchnia_p_Ani_z_Warszawy/kuchnia_Ani6.jpg);
}

div.photo95_7 {
    background-image: url(../img/realizacje/pion/kuchnia_p_Ani_z_Warszawy/kuchnia_Ani7.jpg);
}

div.photo95_8 {
    background-image: url(../img/realizacje/pion/kuchnia_p_Ani_z_Warszawy/kuchnia_Ani8.jpg);
}

div.photo96_1 {
    background-image: url(../img/realizacje/pion/meble_rembertow/mrembertow1.jpg);
}

div.photo96_2 {
    background-image: url(../img/realizacje/pion/meble_rembertow/mrembertow2.jpg);
}

div.photo96_3 {
    background-image: url(../img/realizacje/pion/meble_rembertow/mrembertow3.jpg);
}

div.photo96_4 {
    background-image: url(../img/realizacje/pion/meble_rembertow/mrembertow4.jpg);
}

div.photo96_5 {
    background-image: url(../img/realizacje/pion/meble_rembertow/mrembertow5.jpg);
}

div.photo96_6 {
    background-image: url(../img/realizacje/pion/meble_rembertow/mrembertow6.jpg);
}

div.photo96_7 {
    background-image: url(../img/realizacje/pion/meble_rembertow/mrembertow7.jpg);
}

div.photo96_8 {
    background-image: url(../img/realizacje/pion/meble_rembertow/mrembertow8.jpg);
}

div.photo96_9 {
    background-image: url(../img/realizacje/pion/meble_rembertow/mrembertow9.jpg);
}

div.photo96_10 {
    background-image: url(../img/realizacje/pion/meble_rembertow/mrembertow10.jpg);
}

div.photo96_11 {
    background-image: url(../img/realizacje/pion/meble_rembertow/mrembertow11.jpg);
}

div.photo96_12 {
    background-image: url(../img/realizacje/pion/meble_rembertow/mrembertow12.jpg);
}

div.photo96_13 {
    background-image: url(../img/realizacje/pion/meble_rembertow/mrembertow13.jpg);
}

div.photo96_14 {
    background-image: url(../img/realizacje/pion/meble_rembertow/mrembertow14.jpg);
}

div.photo97_1 {
    background-image: url(../img/realizacje/pion/zabudowa_rtv/zabudowartv1.jpg);
}

div.photo98_1 {
    background-image: url(../img/realizacje/pion/regal_dla_dziecka/regald1.jpg);
}

div.photo99_1 {
    background-image: url(../img/realizacje/pion/perzan/perzan1.jpg);
}

div.photo99_2 {
    background-image: url(../img/realizacje/pion/perzan/perzan2.jpg);
}

div.photo99_3 {
    background-image: url(../img/realizacje/pion/perzan/perzan3.jpg);
}

div.photo99_4 {
    background-image: url(../img/realizacje/pion/perzan/perzan4.jpg);
}

div.photo99_5 {
    background-image: url(../img/realizacje/pion/perzan/perzan5.jpg);
}

div.photo100_1 {
    background-image: url(../img/realizacje/pion/urszula/urszula1.jpg);
}

div.photo100_2 {
    background-image: url(../img/realizacje/pion/urszula/urszula2.jpg);
}

div.photo100_3 {
    background-image: url(../img/realizacje/pion/urszula/urszula3.jpg);
}

div.photo100_4 {
    background-image: url(../img/realizacje/pion/urszula/urszula4.jpg);
}

div.photo100_5 {
    background-image: url(../img/realizacje/pion/urszula/urszula5.jpg);
}

div.photo101_1 {
    background-image: url(../img/realizacje/pion/zajac/zajac1.jpg);
}

div.photo101_2 {
    background-image: url(../img/realizacje/pion/zajac/zajac2.jpg);
}

div.photo101_3 {
    background-image: url(../img/realizacje/pion/zajac/zajac3.jpg);
}

div.photo101_4 {
    background-image: url(../img/realizacje/pion/zajac/zajac4.jpg);
}

div.photo101_5 {
    background-image: url(../img/realizacje/pion/zajac/zajac5.jpg);
}

div.photo101_6 {
    background-image: url(../img/realizacje/pion/zajac/zajac6.jpg);
}

div.photo102_1 {
    background-image: url(../img/realizacje/poziom/budrim/budrim1.jpg);
}

div.photo102_2 {
    background-image: url(../img/realizacje/poziom/budrim/budrim2.jpg);
}

div.photo102_3 {
    background-image: url(../img/realizacje/poziom/budrim/budrim3.jpg);
}

div.photo102_4 {
    background-image: url(../img/realizacje/poziom/budrim/budrim4.jpg);
}

div.photo102_5 {
    background-image: url(../img/realizacje/poziom/budrim/budrim5.jpg);
}

div.photo102_6 {
    background-image: url(../img/realizacje/poziom/budrim/budrim6.jpg);
}

div.photo102_7 {
    background-image: url(../img/realizacje/poziom/budrim/budrim7.jpg);
}

div.photo102_8 {
    background-image: url(../img/realizacje/poziom/budrim/budrim8.jpg);
}

div.photo102_9 {
    background-image: url(../img/realizacje/poziom/budrim/budrim9.jpg);
}

div.photo102_10 {
    background-image: url(../img/realizacje/poziom/budrim/budrim10.jpg);
}

div.photo102_11 {
    background-image: url(../img/realizacje/poziom/budrim/budrim11.jpg);
}

div.photo103_1 {
    background-image: url(../img/realizacje/pion/kosowska/kosowska1.jpg);
}

div.photo103_2 {
    background-image: url(../img/realizacje/pion/kosowska/kosowska2.jpg);
}

div.photo103_3 {
    background-image: url(../img/realizacje/pion/kosowska/kosowska3.jpg);
}

div.photo103_4 {
    background-image: url(../img/realizacje/pion/kosowska/kosowska4.jpg);
}

/* Koniec Nasze-realizacje */

div.service1 {
    background-image: url(../img/services/1.jpg)
}

div.service2 {
    background-image: url(../img/services/2.jpg)
}

div.service3 {
    background-image: url(../img/services/3.jpg)
}

div.service4 {
    background-image: url(../img/services/4.jpg)
}

div.service5 {
    background-image: url(../img/services/5.jpg)
}

div.service6 {
    background-image: url(../img/services/6.jpg)
}

div.service7 {
    background-image: url(../img/services/7.jpg)
}

div.service8 {
    background-image: url(../img/services/8.jpg)
}

div.service9 {
    background-image: url(../img/services/9.jpg)
}

div.service10 {
    background-image: url(../img/services/10.jpg)
}

div.service11 {
    background-image: url(../img/services/11.jpg)
}

div.service12 {
    background-image: url(../img/services/12.jpg)
}

div.service13 {
    background-image: url(../img/services/13.jpg)
}

div.service14 {
    background-image: url(../img/services/14.jpg)
}

@media (min-width: 250px) {
    .header {
        min-height: 190px
    }

    div#blum {
        position: absolute;
        top: 1.5vw;
        left: 0
    }

    img.logo_blum {
        width: 100px
    }

    .mar_top {
        margin-top: 6vh
    }

    div.album_services {
        min-height: 30vw
    }

    div.service1,
    div.service2,
    div.service3,
    div.service4,
    div.service5,
    div.service6,
    div.service7,
    div.service8,
    div.service9,
    div.service10,
    div.service11,
    div.service12 {
        height: 50vw;
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 110%;
        transition: 2s;
        float: left
    }

    div.service13,
    div.service14 {
        height: 50vw;
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 120%;
        transition: 2s;
        float: left
    }

    div.service1:hover,
    div.service2:hover,
    div.service3:hover,
    div.service4:hover,
    div.service5:hover,
    div.service6:hover,
    div.service7:hover,
    div.service8:hover,
    div.service9:hover,
    div.service10:hover,
    div.service11:hover,
    div.service12:hover {
        background-size: 140%;
        transition: 3s
    }

    div.service13:hover,
    div.service14:hover {
        background-size: 150%;
        transition: 3s
    }
}

@media (min-width: 600px) {

    div.service1,
    div.service2,
    div.service3,
    div.service4,
    div.service5,
    div.service6,
    div.service7,
    div.service8,
    div.service9,
    div.service10,
    div.service11,
    div.service12 {
        height: 30vw
    }

    div.service13,
    div.service14 {
        height: 30vw
    }
}

@media (min-width: 900px) {
    div#blum {
        left: 10vw
    }

    div.service1,
    div.service2,
    div.service3,
    div.service4,
    div.service5,
    div.service6,
    div.service7,
    div.service8,
    div.service9,
    div.service10,
    div.service11,
    div.service12 {
        height: 30vw;
        width: 50%
    }

    div.service13,
    div.service14 {
        height: 30vw;
        width: 50%
    }
}

@media (min-width: 1200px) {
    div#blum {
        left: 0
    }

    div.service1,
    div.service2,
    div.service3,
    div.service4,
    div.service5,
    div.service6,
    div.service7,
    div.service8,
    div.service9,
    div.service10,
    div.service11,
    div.service12 {
        height: 20vw
    }

    div.service13,
    div.service14 {
        height: 20vw
    }
}

@media (min-width: 1300px) {
    div#blum {
        left: 5vw
    }

    div.service1,
    div.service2,
    div.service3,
    div.service4,
    div.service5,
    div.service6,
    div.service7,
    div.service8,
    div.service9,
    div.service10,
    div.service11,
    div.service12 {
        height: 20vw;
        width: 33%
    }

    div.service13,
    div.service14 {
        height: 20vw;
        width: 33%
    }
}

@media (min-width: 1400px) {
    div#blum {
        left: 10vw
    }
}

@media (min-width: 1600px) {
    div#blum {
        left: 15vw
    }

    div.service1,
    div.service2,
    div.service3,
    div.service4,
    div.service5,
    div.service6,
    div.service7,
    div.service8,
    div.service9,
    div.service10,
    div.service11,
    div.service12 {
        background-size: 120%
    }

    div.service13,
    div.service14 {
        background-size: 130%
    }
}

@media (min-width: 1800px) {
    div#blum {
        left: 20vw
    }

    div.service1,
    div.service2,
    div.service3,
    div.service4,
    div.service5,
    div.service6,
    div.service7,
    div.service8,
    div.service9,
    div.service10,
    div.service11,
    div.service12 {
        background-size: 140%
    }

    div.service13,
    div.service14 {
        background-size: 150%
    }

    div.service1:hover,
    div.service2:hover,
    div.service3:hover,
    div.service4:hover,
    div.service5:hover,
    div.service6:hover,
    div.service7:hover,
    div.service8:hover,
    div.service9:hover,
    div.service10:hover,
    div.service11:hover,
    div.service12:hover {
        background-size: 170%;
        transition: 3s
    }

    div.service13:hover,
    div.service14:hover {
        background-size: 180%;
        transition: 3s
    }
}

@media (min-width: 2100px) {
    .header {
        min-height: 190px
    }

    div#blum {
        left: 25vw
    }

    div.service1,
    div.service2,
    div.service3,
    div.service4,
    div.service5,
    div.service6,
    div.service7,
    div.service8,
    div.service9,
    div.service10,
    div.service11,
    div.service12 {
        height: 15vw
    }

    div.service13,
    div.service14 {
        height: 15vw
    }
}

/* koniec services */
/* poczatek - animacja zliczanie */
section.test {
    height: 100vh;
    background: #fefae0;
    display: grid;
    place-items: center;
    font-size: 90px;
}

.wrapper {
    position: absolute;
    width: 80vw;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: space-around;
    gap: 10px;
}

.container-a {
    width: 28vmin;
    height: 28vmin;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 1em 0;
    position: relative;
    font-size: 16px;
    border-radius: 0.5em;
    background-color: #21242b;
    border-bottom: 10px solid #18f98f;
}

i {
    color: #18f98f;
    font-size: 2.5em;
    text-align: center;
}

span.num {
    color: #ffffff;
    display: grid;
    place-items: center;
    font-weight: 600;
    font-size: 3em;
}

span.text {
    color: #e0e0e0;
    font-size: 1em;
    text-align: center;
    pad: 0.7em 0;
    font-weight: 400;
    line-height: 0;
}

/* koniec - animacja zliczanie */
/* Początek - Opinie */
/*czytaj wiecej */
.read-more-state {
    display: none;
}

.read-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    transition: .25s ease;
}

.read-more-state:checked~.read-more-wrap .read-more-target {
    opacity: 1;
    font-size: 14px;
}

.read-more-state~.read-more-trigger:before {
    content: 'Czytaj więcej';
}

.read-more-state:checked~.read-more-trigger:before {
    content: 'Czytaj mniej';
}

.read-more-trigger {
    cursor: pointer;
    font-size: 14px;
    color: darkgrey;
    line-height: 0;
    float: left;
    padding: 10px;
}

.show-text {
    display: none;
}

.show-text:target {
    display: block;
}

/*koniec czytaj wiecej */

h3.textc {
    color: whitesmoke;
}

section.feedback {
    background-color: #323232;
}

div.fback {
    margin: 20px 18%;
    text-align: center;
    width: 65%;
    min-height: 210px;
    max-height: 850px;
}

div.i-fback {
    float: left;
    width: 23%;
    min-height: 210px;
    max-height: 850px;
    padding: 0px 0px;
    margin: 5px 10px;
    border: gray solid 1px;
    border-radius: 5px;
    background-color: white;
}

div.h-fback {
    padding: 10px 0 0 10px;
}

div.h-fback1 {
    float: left;
    width: 18%;
    height: 50px;
}

div.h-fback2 {
    float: left;
    width: 66%;
    height: 50px;
    margin-top: 10px;
}

div.h-fback2 p {
    font-size: 14px;
    line-height: 0.7;
    color: #151515;
    text-align: left;
    padding-left: 10px;
}

div.h-fback2 p:nth-child(2) {
    font-size: 10px;
    color: darkgrey;
}

div.h-fback3 {
    float: left;
    width: 16%;
    height: 50px;
}

div.h-fback3 img {
    width: 50%;
}

div.h-fback4 {
    float: left;
    width: 100%;
}

div.h-fback4 img {
    float: left;
    width: 35%;
}

div.m-fback p {
    font-size: 14px;
    line-height: 1.5;
    color: #151515;
    text-align: left;
    padding: 0 10px;
}

@media(orientation: portrait) and (min-width: 320px) {
    h3.textc {
        color: whitesmoke;
    }

    section.feedback {
        background-color: #323232;
    }

    div.fback {
        margin: 0 13%;
        text-align: center;
        width: 75%;
        min-height: 1050px;
        max-height: 1500px;
    }

    div.i-fback {
        float: left;
        width: 100%;
        min-height: 210px;
        max-height: 850px;
        padding: 0px 0px;
        margin: 2% 0%;
        border: gray solid 1px;
        border-radius: 5px;
        background-color: white;
    }

    div.h-fback {
        padding: 10px 0 0 10px;
    }

    div.h-fback1 {
        float: left;
        width: 18%;
        height: 50px;
    }

    div.h-fback2 {
        float: left;
        width: 66%;
        height: 50px;
        margin-top: 10px;
    }

    div.h-fback2 p {
        font-size: 14px;
        line-height: 0.7;
        color: #151515;
        text-align: left;
        padding-left: 10px;
    }

    div.h-fback2 p:nth-child(2) {
        font-size: 10px;
        color: darkgrey;
    }

    div.h-fback3 {
        float: left;
        width: 16%;
        height: 50px;
    }

    div.h-fback3 img {
        width: 50%;
    }

    div.h-fback4 {
        float: left;
        width: 100%;
    }

    div.h-fback4 img {
        float: left;
        width: 35%;
    }

    div.m-fback p {
        font-size: 14px;
        line-height: 1.5;
        color: #151515;
        text-align: left;
        padding: 0 10px;
    }
}

@media(orientation: portrait) and (min-width: 390px) {
    div.i-fback {
        width: 98%;
        margin: 2% 2%;
    }
}

@media(orientation: portrait) and (min-width: 640px) {
    div.fback {
        margin: 0 11%;
        width: 80%;
        min-height: 500px;
    }

    div.i-fback {
        width: 47%;
        margin: 1% 1%;
        min-height: 257px;
    }

    div.h-fback2 p:first-child {
        line-height: 1;
    }
}

@media(orientation: portrait) and (min-width: 810px) {
    div.fback {
        min-height: 470px;
    }

    div.i-fback {
        min-height: 220px;
    }
}

@media(orientation: portrait) and (min-width: 1024px) {
    section.feedback {
        background-color: #323232;
    }

    div.fback {
        margin: 20px 14%;
        text-align: center;
        width: 75%;
        min-height: 210px;
        max-height: 850px;
    }

    div.i-fback {
        float: left;
        width: 46%;
        min-height: 227px;
        max-height: 850px;
        padding: 0px 0px;
        margin: 10px 10px;
        border: gray solid 1px;
        border-radius: 5px;
        background-color: white;
    }

    div.h-fback {
        padding: 10px 0 0 10px;
    }

    div.h-fback1 {
        float: left;
        width: 18%;
        height: 50px;
    }

    div.h-fback2 {
        float: left;
        width: 66%;
        height: 50px;
        margin-top: 10px;
    }

    div.h-fback2 p {
        font-size: 14px;
        line-height: 0.7;
        color: #151515;
        text-align: left;
        padding-left: 10px;
    }

    div.h-fback2 p:nth-child(2) {
        font-size: 10px;
        color: darkgrey;
    }

    div.h-fback3 {
        float: left;
        width: 16%;
        height: 50px;
    }

    div.h-fback3 img {
        width: 50%;
    }

    div.h-fback4 {
        float: left;
        width: 100%;
    }

    div.h-fback4 img {
        float: left;
        width: 35%;
    }

    div.m-fback p {
        font-size: 14px;
        line-height: 1.5;
        color: #151515;
        text-align: left;
        padding: 0 10px;
    }
}

@media(orientation: landscape) and (min-width: 568px) {
    h3.textc {
        color: whitesmoke;
    }

    section.feedback {
        background-color: #323232;
    }

    div.fback {
        margin: 15px 9%;
        text-align: center;
        width: 84%;
        min-height: 540px;
        max-height: 850px;
    }

    div.i-fback {
        float: left;
        width: 45%;
        min-height: 255px;
        max-height: 850px;
        padding: 0px 0px;
        margin: 2% 2%;
        border: gray solid 1px;
        border-radius: 5px;
        background-color: white;
    }

    div.h-fback {
        padding: 10px 0 0 10px;
    }

    div.h-fback1 {
        float: left;
        width: 18%;
        height: 50px;
    }

    div.h-fback2 {
        float: left;
        width: 66%;
        height: 50px;
        margin-top: 10px;
    }

    div.h-fback2 p {
        font-size: 14px;
        line-height: 0.7;
        color: #151515;
        text-align: left;
        padding-left: 10px;
    }

    div.h-fback2 p:first-child {
        line-height: 1;
    }

    div.h-fback2 p:nth-child(2) {
        font-size: 10px;
        color: darkgrey;
    }

    div.h-fback3 {
        float: left;
        width: 16%;
        height: 50px;
    }

    div.h-fback3 img {
        width: 50%;
    }

    div.h-fback4 {
        float: left;
        width: 100%;
    }

    div.h-fback4 img {
        float: left;
        width: 35%;
    }

    div.m-fback p {
        font-size: 14px;
        line-height: 1.5;
        color: #151515;
        text-align: left;
        padding: 0 10px;
    }
}

@media(orientation: landscape) and (min-width: 732px) {
    div.i-fback {
        min-height: 240px;

    }
}

@media(orientation: landscape) and (min-width: 812px) {
    div.fback {
        width: 88%;
        min-height: 475px;
    }

    div.i-fback {
        min-height: 225px;
        width: 44%;
        margin: 1% 1%;
    }
}

@media(orientation: landscape) and (min-width: 896px) {
    div.i-fback {
        min-height: 230px;
    }
}

@media(orientation: landscape) and (min-width: 1366px) {
    div.fback {
        margin: 17px 9%;
        width: 90%;
        min-height: 240px;
    }

    div.i-fback {
        width: 21%;
        min-height: 240px;
    }
}

@media(orientation: landscape) and (min-width: 1536px) {
    div.fback {
        margin: 17px 9%;
        width: 82%;
    }

    div.i-fback {
        width: 24%;
        min-height: 240px;
        margin: 1% 0.4%;
    }
}

@media(orientation: landscape) and (min-width: 1920px) {
    div.fback {
        margin: 15px 17%;
    }

    div.i-fback {
        width: 20%;
        min-height: 230px;
    }
}

@media(orientation: landscape) and (min-width: 2560px) {
    div.fback {
        margin: 15px 26%;
        width: 58%;
    }
}

/* Koniec - Opinie */
.col-sm-6a {
    flex: 0 0 100%
}

.col-lg-3a {
    flex: 0 0 100%;
    margin-bottom: 30px
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
    text-align: center
}

.dropdown:hover .dropdown-content {
    display: block
}

.navbar .navbar-nav .nav-item.dropdown:active ul.dropdown-content .nav-link span:after,
.navbar .navbar-nav .nav-item.dropdown:focus ul.dropdown-content .nav-link span:after,
.navbar .navbar-nav .nav-item.dropdown:hover ul.dropdown-content .nav-link span:after {
    width: 0
}

.navbar .navbar-nav .nav-item.dropdown ul.dropdown-content .nav-item.active .nav-link span:after,
.navbar .navbar-nav .nav-item.dropdown ul.dropdown-content .nav-item:hover .nav-link span:after {
    width: 100%
}

@media screen and (max-width:991px) {
    .dropdown:hover .dropdown-content {
        display: none
    }
}

.sm-panel {
    position: fixed;
    width: 155px;
    top: 200px;
    right: -105px;
    z-index: 1000000;
    transition: visibility .25s, opacity .25s
}

.sm-panel>ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.sm-panel>ul>li {
    transition: transform .25s
}

.sm-panel>ul>li:hover {
    transform: translateX(-105px)
}

.sm-panel>ul>li>a {
    display: flex;
    align-items: center;
    color: #fff;
    padding: 5px 0 5px 5px;
    text-decoration: none
}

.sm-panel>ul>li>a>img {
    margin: 0 10px 0 0
}

.sm-panel>ul>li>a>span {
    font-size: 14px
}

.sm-panel>ul>li[class^=sm-] {
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0
}

.sm-text-black {
    color: #000
}

.sm-fb {
    background: #1977f3
}

.sm-twitter {
    background: #28aae1
}

.sm-gmap {
    background: #333
}

.sm-blog {
    background: #0171bb
}

.sm-pinterest {
    background: #d73532
}

.sm-youtube {
    background: #e32c26
}

.sm-allegro {
    background: #ff5a00
}

.sm-linkedin {
    background: #0097bd
}

.sm-payback {
    background: #00349a
}

.sm-olx {
    background: #002f34
}

.sm-instagram {
    background: #eee
}

.sm-pyszne {
    background: #ff8000
}

.sm-tiktok {
    background: #fff
}

.sm-booksy {
    background: #f9e5bc
}

@media screen and (max-width:640px) {
    .sm-panel {
        visibility: hidden;
        opacity: 0
    }
}

/* footer */
@media(orientation: portrait) and (min-width: 320px) {
    .footer .footer-logo {
        display: block;
        max-width: 40%;
        float: left;
        margin-left: 5%;
    }

    .f-row1,
    .f-row2 {
        margin-left: 5%;
    }

    .row {
        margin-left: 0;
        margin-right: 0;
    }
}

@media(orientation: portrait) and (min-width: 480px) {
    .footer .footer-logo {
        max-width: 40%;
        margin-left: 10%;
        margin-top: 5%;
    }
}

@media(orientation: portrait) and (min-width: 640px) {
    .footer .footer-logo {
        max-width: 20%;
        margin-left: 7%;
    }

    .ghost-1 {
        width: 105px;
        height: 125px;
    }

    .f-row1 {
        margin-left: 7%;
        max-width: 25%;
    }

    .f-row2 {
        max-width: 40%;
    }
}

@media(orientation: portrait) and (min-width: 768px) {
    .footer .footer-logo {
        margin-top: 0px;
    }

    .ghost-1 {
        width: 130px;
        height: 150px;
    }
}

@media(orientation: portrait) and (min-width: 810px) {
    .ghost-1 {
        width: 150px;
        height: 170px;
    }

    .f-row1 {
        margin-left: 15%;
        max-width: 25%;
    }

    .f-row2 {
        max-width: 35%;
    }
}

@media(orientation: portrait) and (min-width: 1024px) {
    .footer .footer-logo {
        margin-left: 3%;
    }

    .ghost-1 {
        width: 0;
        height: 0;
    }

    .f-row1 {
        margin-left: 4%;
        max-width: 14%;
    }
}

@media(orientation: portrait) and (min-width: 1200px) {
    .footer .footer-logo {
        margin-left: 3%;
    }
}

@media(orientation: landscape) and (min-width: 568px) {
    .footer .footer-logo {
        display: block;
        max-width: 17%;
        float: left;
        margin-left: 10%;
    }

    .ghost-1 {
        width: 80px;
        height: 100px;
    }

    .f-row1,
    .f-row2 {
        margin-left: 5%;
    }

    .row {
        margin-left: 0;
        margin-right: 0;
    }
}

@media(orientation: landscape) and (min-width: 640px) {
    .footer .footer-logo {
        display: block;
        max-width: 17%;
        float: left;
        margin-left: 10%;
    }

    .ghost-1 {
        width: 100px;
        height: 120px;
    }
}

@media(orientation: landscape) and (min-width: 732px) {
    .ghost-1 {
        width: 120px;
        height: 150px;
    }

    .f-row1 {
        margin-left: 7%;
        max-width: 30%;
    }

    .f-row2 {
        max-width: 45%;
    }
}

@media(orientation: landscape) and (min-width: 896px) {
    .f-row1 {
        margin-left: 4%;
        max-width: 13%;
    }

    .f-row2 {
        max-width: 25%;
    }
}

@media(orientation: landscape) and (min-width: 1024px) {

    .ghost-1 {
        width: 0;
        height: 0;
    }
}

@media(orientation: landscape) and (min-width: 1280px) {
    .footer .footer-logo {
        display: block;
        max-width: 45%;
        float: left;
        margin-left: 5%;
    }

    .f-row1 {
        margin-left: 2%;
        max-width: 10%;
    }

    .f-row2 {
        max-width: 25%;
        margin-left: 2%;
    }
}

@media(orientation: landscape) and (min-width: 1700px) {
    .footer .footer-logo {
        display: block;
        max-width: 45%;
        float: left;
        margin-left: 5%;
    }

    .ghost-1 {
        width: 150px;
        height: 170px;
    }

    .f-row1 {
        margin-left: 2%;
        max-width: 12%;
    }

}

@media(orientation: landscape) and (min-width: 2560px) {
    .footer .footer-logo {
        display: block;
        max-width: 45%;
        float: left;
        margin-left: 7%;
        padding-bottom: 10px;
    }

    .ghost-1 {
        width: 150px;
        height: 170px;
    }

}

@media(orientation: landscape) and (min-width: 2700px) {
    .footer .footer-logo {
        display: block;
        max-width: 45%;
        float: left;
        margin-left: 7%;
        padding-bottom: 10px;
    }

}