.section {height: auto; overflow: visible; min-height: 100vh;}
.section.fullpage {height: 100vh; overflow: visible;}

.kontent > h1:first-child, .kontent > h2:first-child,.kontent > h3:first-child {margin-top: 0;}

.section .image-kontener .is-image {width: 50%; height: 100%; float: left; overflow: visible; box-sizing: border-box;}

.section.fullpage .is-image, .section .image-kontener {
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    padding: 5.2vh;
    padding-left: calc(567px + 5.2vh); 
    top: 0;
    left: 0;
    margin: 0;
}
.section .is-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 95;
}
.section .is-image-k {height: 100%; overflow: hidden;}

.image-opis {position: absolute; width: 80%; text-align: right;}
.image-opis h2 {font-weight: normal; margin: 15px 0; font-size: 22px; clear: both;}
.image-opis p {font-size: 14px; font-family: 'FuturaPT-BookObl'; margin: 8px 0;}
.image-opis p:last-child {margin: 8px 0 0;}
.image-opis .arrow {width: 50px; height: 50px; float: right;}
.image-opis .arrow > * {width: 15px; height: 1px; background-color: black; top: 50%; left: 50%; transform: translate(-50%, -50%); position: relative;}
.image-opis .arrow > *::after, .image-opis .arrow > *::before {content: ""; display: block; position: absolute; width: 10px; height: 1px; background-color: black; right: 0;}
.image-opis .arrow > *::after {transform: rotate(45deg); transform-origin: right 0.5px;}
.image-opis .arrow > *::before {transform: rotate(-45deg); transform-origin: right 0.5px;}

/* indywidualizacja */
/*kim-s1*/
#kim-s1 .is-image:nth-child(1) {height: 66%; border-right: 1vh solid transparent;}
#kim-s1 .is-image:nth-child(1) img {object-position: center bottom;}
#kim-s1 .is-image:nth-child(2) {height: 31%; border-left: 1vh solid transparent; top: 35%;}
#kim-s1 .is-image:nth-child(2) img {object-position: center bottom;}
#kim-s1 .is-image:nth-child(3) {height: 31%; border-left: 1vh solid transparent; top: calc(35% + 2vh);}
#kim-s1 .is-image:nth-child(1) .image-opis {left: -80%; margin-left: -2vh; bottom: 0;}
#kim-s1 .is-image:nth-child(2) .image-opis {transform: translateY(-100%); top: 0; left: 0; text-align: left; margin-top: -2vh;}
#kim-s1 .is-image:nth-child(2) .image-opis .arrow {position: absolute; bottom: 0; right: -25%; transform: rotate(90deg);}
#kim-s1 .is-image:nth-child(3) .image-opis {left: -100%; width: 100%; bottom: 0; margin-left: -2vh;}

/*kim-s2*/
#kim-s2 .is-image:nth-child(1) {height: 60%; border-right: 1vh solid transparent;}
#kim-s2 .is-image:nth-child(1) .image-opis {left: -80%; margin-left: -4vh; bottom: 0;}
#kim-s2 .is-image:nth-child(2) {height: 60%;top: 40%; border-left: 1vh solid transparent;}
#kim-s2 .is-image:nth-child(2) .image-opis {transform: translateY(-100%); top: 0; left: 0; text-align: left; margin-top: -2vh;}
#kim-s2 .is-image:nth-child(2) .image-opis .arrow {position: absolute; bottom: 0; right: -25%; transform: rotate(90deg);}


/*porady */
#porady1 .is-image:nth-child(1) {height: 20%; width: 38%; border-right: 1vh solid transparent;}
#porady1 .is-image:nth-child(2) {height: 62%; border-left: 1vh solid transparent; float: right;}
#porady1 .is-image:nth-child(3) {height: 62%; border-right: 1vh solid transparent; top: 11%;}
#porady1 .is-image:nth-child(3) .image-opis {left: 100%; bottom: 0; margin-left: 2vh; text-align: left;}
#porady1 .is-image:nth-child(3) .image-opis .arrow {float: left; transform: rotate(180deg);}

/*por-s1 */
#por-s1 .is-image:nth-child(1) {height: 62%; top: 38%; border-right: 1vh solid transparent;}
#por-s1 .is-image:nth-child(1) .image-opis {top: -250px; right: 0; margin-top: -2vh; text-align: right;}
#por-s1 .is-image:nth-child(2) {height: 62%; border-left: 1vh solid transparent;}

/*por-s2 */
#por-s2 .is-image:nth-child(1) {height: 58%; top: 42%; border-right: 1vh solid transparent;}
#por-s2 .is-image:nth-child(2) {height: 66%; border-left: 1vh solid transparent;}


@media screen and (max-width: 1600px) and (min-width: 1400px){
    .section.fullpage .is-image, .section .image-kontener{padding-left: calc(487px + 5.2vh);}
}

@media screen and (max-width: 1400px) and (min-width: 980px) {
    .section.fullpage .is-image, .section .image-kontener {padding-left: calc(345px + 5.2vh);}
    #porady1 .is-image:nth-child(2) {height: 48%;}
    #porady1 .is-image:nth-child(3) {height: 48%; top: 25%;}
    #por-s1 .is-image:nth-child(1) .image-opis {top: -280px; width: 95%;}
    .pion #por-s1 .is-image:nth-child(1) .image-opis {top: -315px;}
}

@media screen and (max-width: 980px) {
    /* sekcja główna */
    .section.fullpage .is-image, .section .image-kontener {width: 100%; height: auto; overflow: hidden; padding: 0; position: static;}
    .section .image-kontener {display: table;}

    /*sekcje*/
    .section {min-height: auto; padding: 10% 8% 0;}
    .image-opis {position: static; width: 100%; text-align: left; margin-bottom: 30px;}
    .is-image .image-opis .arrow {transform: rotate(270deg);}
    #kim-s1 .is-image {width: 100%; height: auto; position: static; border-left: 0; border-right: 0;}
    #kim-s1 .is-image:nth-child(1), #kim-s1 .is-image:nth-child(2), #kim-s1 .is-image:nth-child(3), #kim-s2 .is-image:nth-child(1), #kim-s2 .is-image:nth-child(2) {border-left: 0; border-right: 0; height: auto}
    
    /*kim-s1*/
        #kim-s1 .is-image:nth-child(1) {width: 45%; margin-right: 10%;}
        #kim-s1 .is-image:nth-child(2) {width: 45%; top: 0%;}
        #kim-s1 .is-image:nth-child(3) {}
        #kim-s1 .is-image:nth-child(1) .image-opis {left: 0; margin-left: 0; bottom: unset;}
        #kim-s1 .is-image:nth-child(2) .image-opis {transform: translateY(0); top: 0; left: 0; margin-top: 0vh;}
        #kim-s1 .is-image:nth-child(2) .image-opis .arrow {}
        #kim-s1 .is-image:nth-child(2) .image-opis .arrow {position: static; bottom: unset; right: 0; transform: rotate(270deg); }
        #kim-s1 .is-image:nth-child(3) .image-opis {left: 0; width: 100%; bottom: unset; margin-left: 0;}

    /*kim-s2*/
        #kim-s2 .is-image:nth-child(1) {height: auto; margin-right: 10%; width: 45%; }
        #kim-s2 .is-image:nth-child(1) .image-opis {left: 0; margin-left: 0; bottom: unset;}
        #kim-s2 .is-image:nth-child(2) {height: auto; top: 0; width: 45%; }
        #kim-s2 .is-image:nth-child(2) .image-opis {transform: translateY(0); top: 0; left: 0; margin-top: 0;}
        #kim-s2 .is-image:nth-child(2) .image-opis .arrow {position: static; bottom: unset; right: 0; transform: rotate(270deg);}
    
}

@media screen and (max-width: 500px) {
    #kim-s1 .is-image:nth-child(1) {width: 100%; margin-right: 0;}
    #kim-s1 .is-image:nth-child(2) {width: 100%}
    #kim-s2 .is-image:nth-child(1) {width: 100%; margin-right: 0;}
    #kim-s2 .is-image:nth-child(2) {width: 100%}
}