main 
{
    margin-bottom: 26vh;
    position: relative;
}

.start-tlo
{
    height: 184vh;
    position: relative;
    margin-top: 94px;
}

/* Animacja */

    #animacja
    {
        position: fixed;
        top: 0;
        z-index: -2;
        bottom: 0;
        width: 130vw;
    }

    /* maska animacji */

    .start-tlo:after 
    {
        content: '';
        display: block;
        position: fixed;
        background-color: rgba(1, 0, 23, 0.678);
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: -1;
    }

/**/

/* blok startowy */

    .start
    {
        height: 80vh;
        width: 80vw;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #start__tytul
    {
        color: white;
        font-family: 'Titillium Web', sans-serif;
        font-size: 8vw;
        line-height: 12vh;
        font-weight: 900;
        text-transform: uppercase;
        margin-top: 14vh;
        position: relative;
    }

    .pierwsza_linia
    {
        display: flex;
        margin-bottom: 4vh;
        position: relative;
    }

    .druga_linia
    {
        position: relative;
    }

    /* owocach napis */

    #start__tytul span:nth-child(2)
    {
        width: 15vw;
        position: relative;
        padding: 0px 0.6vw;
        margin-left: 0.2vw;
        margin-right: 0.2vw;
        display: flex;
        align-items: center;
        color: transparent;
        max-height: 10.8vh;
        margin-top: 1.2vh;
        color: transparent;
        -webkit-text-stroke: 1px white;
        font-size: 3.3vw;
        /* transition: 0.3s; */
    }

    #start__tytul span:nth-child(2) img 
    {
        width: 100%;
    }

    #start__tytul span:nth-child(2):hover:after, #start__tytul span:nth-child(2):hover:before
    {
        opacity: 0;
    }

    /* Pomarańczo i ananas */

    #start__tytul span:nth-child(2):after 
    {
        content: '';
        background-image: url(../grafika/ananas.webp);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: -6vw;
        bottom: -6vh;
        height: 52vh;
        width: 16vw;
        transition: 0.5s;
    }

    #start__tytul span:nth-child(2):before 
    {
        content: '';
        background-image: url(../grafika/pomarancza.webp);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: 3vw;
        bottom: -5.4vh;
        height: 22vh;
        width: 15vw;
        z-index: 2;
        transition: 0.5s;
    }

    #start__tytul span.hide:before, #start__tytul span.hide:after
    {
        opacity: 0;
    }

    /* 2 linia tytułu */

    .druga_linia span
    {
        color: transparent;
        -webkit-text-stroke: 1px white;
    }

    /* Treść pod tytułem */

    .start__tresc
    {
        width: 100%;
        position: relative;
    }

    .start__tresc p
    {
        color: white;
        display: block;
        width: 80%;
        margin-left: 0.6vw;
        font-size: 18px;
        line-height: 33px;
        font-weight: 300;
    }

    /* plusy */

    .start__tresc:before    
    {
        content: '';
        background-image: url(../grafika/cross2.webp);
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        position: absolute;
        width: 43px;
        height: 43px;
        left: -2vw;
        bottom: -9vh;
    }

    #start__tytul:after
    {
        content: '';
        background-image: url(../grafika/cross1.webp);
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        position: absolute;
        height: 52px;
        width: 52px;
        top: -12vh;
        right: -4vw;
    }

/**/

/* Mobilka */

    @media all and (min-width: 0px) and (max-width: 639px) 
    {
        nav.nawigacja-tlo
        {
            display: none;
        }

        .start__tresc::before
        {
            left: -8vw;
            bottom: -4vh;
        }

        #start__tytul::after
        {
            right: -6vw;
        }

        .stopka-dol, .kolumna
        {
            max-width: 100%!important;
        }
        
        #kontener
        {
            /* overflow: hidden; */
        }

        #animacja
        {
            height: 133vh;
            object-fit: cover;
            width: 100%;
        }

        header
        {
            width: 100%;
        }

        .pierwsza_linia {
            flex-wrap: wrap;
            margin-bottom: 8px;
        }

        #start__tytul
        {
            line-height: 41px;
            font-size: 12vw;
        }

        .start
        {
            height: auto;
            width: 88%;
        }

        .strony .menu-strony-1-poziom
        {
            width: 100%!important;
            min-width: 100%!important;
            flex-direction: column;
            gap: 32px;
        }

        .strony .menu-strony-1-poziom li
        {
            padding-left: 16px;
            margin-left: 24px;
        }

        .strony .menu-strony-1-poziom li a 
        {
            display: flex;
            justify-content: center;
        }

        .strony
        {
            margin-top: 64px;
        }
    }

    @media all and (min-width: 640px) and (max-width: 1023px)
    {
        /* wyłączenie przewijania */



        /**/

        .o-nas section > div
        {
            display: none;
        }

        .o-nas section.section-active .zaufali-nam-tlo
        {
            display: block;
        }

        #start__tytul
        {
            line-height: 1vh;
            margin-top: 0;
        }

        .strony
        {
            margin: -150px auto 0 auto !important;
        }

        #start__tytul span:nth-child(2)::before
        {
            bottom: -16.4vh;
        }

        #start__tytul span:nth-child(2)::after
        {
            bottom: -36vh;
        }

        header .naglowek a img
        {
            height: 6vh;
        }

        .strony .menu-strony-1-poziom li
        {
            padding-right: 24px;
        }

        .strony .menu-strony-1-poziom li a
        {
            font-size: 16px;
        }

        #animacja
        {
            width: auto;
            height: 162vh;
        }

        .nasze-projekty-tlo
        {
            margin-top: -400px;
        }
        article.open .aktualnosci-tresc-tlo
        {
            max-width: 896px;   
        }
        nav.nawigacja-tlo ul
        {
            padding-left: 56px;
        }
        nav.nawigacja-tlo
        {
            top: 83px!important;
        }
    }

    @media all and (min-width: 640px) and (max-width: 1550px)
    {
        
        .menu-zaufali-nam-1-poziom
        {
            gap: 24px 110px;
        }
        .menu-zaufali-nam-1-poziom li a img
        {
            width: 79%;
        }
        .o-nas section.previous .mozg img {
            opacity: 0;
            top: -1432px;
        }

        .o-nas section.previous .dzialanie img {
            opacity: 0;
            top: -2014px;
        }

        .onas-tytul
        {
            margin-bottom: 24px;
        }

        .o-nas-tlo {
            padding-top: 58vh;
        }

        .o-nas-tlo::before {
            background-size: 162%;
            height: 82vh;
            top: -24vh;
        }

        video.stop {
            top: -123px !important;
        }

        nav.nawigacja-tlo
        {
            top: 69px;
        }

        nav.nawigacja-tlo ul 
        {
            max-width: 1232px;
        }

        .monitor img:first-child
        {
            height: 560px;
            left: 442px;
        }

        .monitor img:nth-child(2)
        {
            height: 359px;
            left: 538px;
        }

        .monitor img:nth-child(3) {
            left: 695px;
            height: 295px;
        }

        .mozg img
        {
            height: 420px;
        }

        .dzialanie img
        {
            height: 462px;
        }

        .o-nas section.section-active .monitor img:first-child {
            top: -486px;
        }

        .o-nas section.section-active .monitor img:nth-child(2) {
            top: -426px;
        }

        .o-nas section.section-active .monitor img:nth-child(3) {
            top: -449px;
        }

        .o-nas section.section-active .mozg img
        {
            top: -1236px;
            /* top: -1052px; */
        }

        .o-nas section.section-active .dzialanie img {
            top: -1940px;
            /* top: -1762px; */
        }
    }

    @media all and (min-height: 300px) and (max-height: 500px)
    {

        .slick-next, .slick-prev
        {
            display: none!important;
        }

        footer .stopka-tresc-tlo
        {
            padding: 200px 0;
            padding-bottom: 64px;
        }

        .maska-stopka
        {
            height: 62vw;
        }

        footer .stopka-tresc-tlo
        {
            height: auto;
        }

        .nasze-projekty__tytul
        {
            margin-bottom: 0;
        }

        .nasze-projekty__tytul
        {
            font-size: 64px;
            line-height: 126px;
        }

        .slick-initialized .slick-slide
        {
            display: flex;
            height: 106px;
        }

        #start__tytul
        {
            line-height: 6vw!important;
        }

        header .naglowek a img
        {
            height: 6vw;
        }

        header .naglowek .hamburger span:nth-child(2), header .naglowek .hamburger span:nth-child(3)
        {
            top: 0.9vw;
        }

        header .naglowek .hamburger span:nth-child(4)
        {
            top: 1.9vw;
        }

        header.fixed .naglowek a img
        {
            height: 5vw;
        }

        #start__tytul span:nth-child(2)::before {
            bottom: -3.4vw;
        }

        #start__tytul span:nth-child(2)::after {
            bottom: -5vw;
        }

        .strony {
            margin: 32px auto 0 auto !important;
        }

        #o-nas-kontener {
            top: -36vh;
        }

        .nasze-projekty-tlo {
            margin-top: 0px;
        }

        .o-nas__tytul
        {
            font-size: 64px;
        }
        
        .o-nas section.section-active article, .o-nas section.section-active .zaufali-nam-tlo {
            top: 36vh;
        }

        .stopka-tresc-tytul
        {
            font-size: 28px;
            line-height: 48px;
        }

        .o-nas section.section-active p
        {
            margin: 0;
        }

        .stopka-tresc-tresc span
        {
            line-height: 22px;
        }
    }

    /* Animacja stop */

    @media all and (max-width: 1536px)
    {
        video.stop {
            top: -365.067px!important;
        }
    }

    @media all and (max-width: 1920px)
    {
        video.stop {
            top: -472.667px!important;
        }
    }

    @media all and (max-width: 2400px)
    {
        video.stop {
            top: -472.667px!important;
        }
    }

/**/

/* stop */

@media all and (max-width: 1600px)
{
    video.stop {
        top: -400px!important;
    }
}

video.stopAnim {
    top: 0px!important;
}

@media all and (min-height: 300px) and (max-height: 500px)
{
    .o-nas-tlo::before {
        background-size: 112%;
    }
    .stopka-tresc-tresc p span
    {
        font-size: 13px!important;
    }

    header.fixed .hamburger {
        margin-top: 4.2vh;
    }

    video.stop {
        top: -233.333px!important;
    }

    .stopka-tresc-tresc p span 
    {
        background-color: transparent!important;
    }
}