:root {
    --margin: 5vw;
}
#advert{
    cursor:pointer;
    background-color: #e862cb;
}   
    #footer{
        bottom: 0;
        height: 12%;
        width: 100%;
        z-index: 1;
    }
    #footer > #logotype{
        left:calc(var(--margin)*2);
        bottom:calc(var(--margin)*1);
        width:35%;
        height:100%;
        background-image: url(../assets/logotype.png);
        background-position: bottom;
    }
    #footer > #bar{
        background-image: url(../assets/bar.png);
        background-position: bottom;
    }
    #btnClose{
        top:var(--margin);
        right:var(--margin);
        width:calc(var(--margin)*2);
        height:calc(var(--margin)*2);
        background-image: url(../assets/ico_close.png);
    }
    /* intro */
    .section:nth-child(1){
        background-image: url(../assets/section-start.jpg);
    }
        .section:nth-child(1) > div:nth-child(1){
            height:40%;
        }
            .section:nth-child(1) > div:nth-child(1) > div{
                margin: calc(var(--margin)*2);
                background-image: url(../assets/txt-pojedz-na-wakacje.png);
            }
        .section:nth-child(1) > div:nth-child(2){
            flex-direction: row;
            height:50%;
        }
            .section:nth-child(1) > div:nth-child(2) > div{
                margin:calc(var(--margin)*1.2);
            }
            .section:nth-child(1) > div:nth-child(2) > div:nth-child(1){
                background-image: url(../assets/btn-boat.png);
                animation-delay: .2s;
            }
            .section:nth-child(1) > div:nth-child(2) > div:nth-child(2){
                background-image: url(../assets/btn-car.png);
            }
        .section:nth-child(1) > div:nth-child(3){
            flex-direction: row;
            margin-top:-50%;
        }
            .section:nth-child(1) > div:nth-child(3) > div:nth-child(1){
                background-image: url(../assets/dog.png);
                background-size: 60%;
                margin-right:-40%;
            }
            .section:nth-child(1) > div:nth-child(3) > div:nth-child(2){
                background-image: url(../assets/barbie.png);
                background-size: 138%;
                background-position: top;
                z-index: 1;
            }
    /* boat */
    .section:nth-child(2){
        background-image: url(../assets/section-boat.jpg);
    }
    /* car */
    .section:nth-child(3){
        background-image: url(../assets/section-car.jpg);
    }
    /* video */
    .section:nth-child(4){
        /* background-image: url(../assets/section3-background-video.jpg); */
    }
     /* outro */
    .section:nth-child(5){
        background-image: url(../assets/section-outro.jpg);
    }
        .section:nth-child(5) > div:nth-child(1){
            height:30%;
        }
            .section:nth-child(5) > div:nth-child(1) > div{
                margin: calc(var(--margin)*2);
                background-image: url(../assets/txt-wejdz-do-swiata.png);
            }
        .section:nth-child(5) > div:nth-child(2){
            flex-direction: row;
            height:60%;
        }
            .section:nth-child(5) > div:nth-child(2) > div:nth-child(1){
                flex-direction: row;
            }
                .section:nth-child(5) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1){
                    background-image: url(../assets/dog.png);
                    height: 9%;
                    margin-left: -20%;
                    margin-top: 40%;
                }
                .section:nth-child(5) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2){
                    background-image: url(../assets/barbie.png);
                    margin-left: 45%;
                }
            .section:nth-child(5) > div:nth-child(2) > div:nth-child(1){
                /* margin-left:-50%; */
            }
            .section:nth-child(5) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1){
                /* background-image: url(../assets/btn-a-moze-kamperem.png); */
                z-index: 1;
                margin-right: var(--margin);
                height: 50%;
            }
            .section:nth-child(5) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2){
                background-image: url(../assets/btn-cta.png);
                z-index: 1;
                height: 10%;
                margin-right: var(--margin);
                animation-delay: 0.2s;
            }
.btn-video{
    width:200px;
    height:100px;
    background-color: #e862cb;
}