:root {
    --primary-color: #00F0E1;
    --secondary-color: #FF00E5;  
    --bg-color: #010315;
    --light-color: #fff;
    --dark-color: #1f1f1f;
}
html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}
body {
    overflow-x: hidden;
    background-color: var(--bg-color);
    color: var(--light-color);

    background-image: url('../img/elipse-purple.png'),
                        url('../img/elipse-green-lg.png'),
                            url('../img/elipse-pink.png'),
                                    url('../img/elipse-purple.png'),
                                        url('../img/elipse-green-sm.png'),
                                            url('../img/elipse-purple.png');
    background-repeat: no-repeat;
    background-size: 98%, 180%, 110%, 70%, 94%, 112%;
    background-position: -20% 14%, -20% 43%, 200% 54%, -2% 83%, -370% 102%, -200% 101%;
    animation: glowBody 2s ease-in-out infinite;
}
        @keyframes glowBody {
            0% {background-size: 98%, 180%, 110%, 70%, 94%, 112%;}
            50% {background-size: 98.6%, 180.25%, 110.4%, 69.8%, 94.2%, 112.4%;}
            100% {background-size: 98%, 180%, 110%, 70%, 94%, 112%;}
        }

a,
a:hover {
    text-decoration: none;
}
::selection {
    color: var(--light-color);
    background: var(--primary-color);
  }
::-moz-selection {
    color: var(--light-color);
    background: var(--primary-color);
  }


/* INFO  **********************************************************/
#info {
    position: fixed;
    z-index: 1001;
    top: 24px;
    padding: 10px;
    background-color: #010315;
    box-shadow: 3px 3px 20px #363636;
    font-family: "Raleway", Arial,"Helvetica Neue", Helvetica, sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 9px;
    line-height: 10px;
    text-transform: uppercase;
    text-align: center;
}
            #info img {
                width: 36px;
                height: auto;
                margin-bottom: 8px;
            }
            #info p {
                margin-bottom: 0;
            }



/* HEADER  **********************************************************/
header {
    height: 100vh;
    background-image: url('../img/elipse-pink.png'),
                            url('../img/elipse-green-lg.png');
    background-repeat: no-repeat;
    background-size: 80%, 120%;
    background-position: -160% 80%, -50% 90%;
    animation: glowHeader 2s ease-in-out infinite;
}
        @keyframes glowHeader {
            0% {background-size: 80%, 120%;}
            50% {background-size: 80.1%, 119.8%;}
            100% {background-size: 80%, 120%;}
        }
.elipsa  {
    height: 650px;
    width: 650px;
    border: 2px solid var(--secondary-color);
    box-shadow: 5px 5px 40px 1px var(--secondary-color);
    border-radius: 50%;
    background-color: var(--bg-color);
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: glowPink 2s infinite linear;
}
        @keyframes glowPink {
            0% {box-shadow: 5px 5px 40px 1px var(--secondary-color);}
            25% {box-shadow: 5px 5px 45px 1px var(--secondary-color);}
            50% {box-shadow: 5px 5px 48px 1px var(--secondary-color);}
            75% {box-shadow: 5px 5px 45px 1px var(--secondary-color);}
            100% {box-shadow: 5px 5px 40px 1px var(--secondary-color);}
        }
        @keyframes glowTeal {
            0% {box-shadow: 5px 5px 80px 1px var(--primary-color);}
            25% {box-shadow: 5px 5px 90px 1px var(--primary-color);}
            50% {box-shadow: 5px 5px 100px 1px var(--primary-color);}
            75% {box-shadow: 5px 5px 90px 1px var(--primary-color);}
            100% {box-shadow: 5px 5px 80px 1px var(--primary-color);}
        }
.naslov {
    position: relative;
    text-align: center;
    color: #fff;
    width: 310px;
    margin: 100px auto 0 auto;
    height: 340px; /* radi šaltanja elipse prilikom animacije*/
}
        .naslov h1 {
            font-family: 'Inter', sans-serif;
            font-style: normal;
            font-weight: 900;
            font-size: 80px;
            line-height: 76px;
            letter-spacing: 1px;
            text-transform: uppercase;
        }
        .naslov h5 {
            font-family: 'Barlow', sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: 1px;
            margin: 40px 30px 10px 30px;   
        }


/* INTERMISSION **********************************************************/
.intermission,
.intermission-2 {
    width: 320px;
    height: 500px;
    margin: 60px auto;
}
.intermission p,
.intermission-2 p {
    font-family: 'Barlow', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: 1px;
    position: relative;
    margin: 160px 0 0 0;
    left: 210px;
    transform: scale(0.001);
}
        .intermission-2 p {
            text-align: end;
            margin: 20px 0 160px 0;
            left: 250px;
        }
.intermission img,
.intermission-2 img {
    position: relative;
    left: -100px;
    width: 100px;
    height: auto;
}
        .intermission-2 img {
            left: -120px;
        }



/* ČLANCI **********************************************************/
.clanci-1,
.clanci-2 {
    width: 320px;
    margin: 80px auto;
    position: relative;
}


/* mobile inscroll v2. no scroll trigger animations ***************************************************************/
.mob-kadar {
    margin-bottom: 20px;
}
.m-slika1,
.m-slika2,
.m-slika3,
.m-slika4,
.m-slika5,
.m-slika6 {
    position: relative;
    border: 2px solid var(--secondary-color);
    box-shadow: 1px 1px 10px 1px var(--secondary-color);
    border-radius: 80px;
    overflow: hidden;
    padding: 0;
    height: 480px;
    animation: glowPink 2s infinite linear;
}
        .m-slika4,
        .m-slika5,
        .m-slika6 {
            border: 2px solid var(--primary-color);
            box-shadow: 1px 1px 10px 1px var(--primary-color);
            animation: glowTeal 2s infinite linear;
        }
        .mob-kadar img,
        .mob-kadar-2 img {
            position: absolute;
            width: auto;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            height: 570px;
        }
        .mobile-kadar-text {
            position: relative;
            height: 300px;
            width: 280px;
            top: -70px;
            margin: 0 auto;
            padding-left: 20px;
        }
                .mobile-kadar-text h1,
                .kadar-text h1 {
                    font-family: 'Inter', sans-serif;
                    font-style: normal;
                    font-weight: 900;
                    font-size: 42px;
                    line-height: 44px;
                    letter-spacing: 1px;
                    -webkit-text-stroke: 1px;
                }
                .mobile-kadar-text p,
                .kadar-text p {
                    font-family: 'Barlow', sans-serif;
                    font-style: normal;
                    font-weight: 300;
                    font-size: 12px;
                    line-height: 16px;
                    letter-spacing: 1px;
                    margin: 20px 0;        
                }
                .btn {
                    color: var(--light-color);
                    font-family: 'Inter', sans-serif;
                    font-style: normal;
                    font-weight: 500;
                    font-size: 12px;
                    line-height: 16px;
                    text-align: center;
                    letter-spacing: 1px;
                    border: 1px solid var(--light-color);
                    border-radius: 50px;
                    padding: 8px 20px;
                    transition: padding 0.4s;
                }
                        .btn:hover {
                            color: var(--primary-color);
                            border: 1px solid var(--primary-color);
                            box-shadow: 1px 1px 20px 3px var(--primary-color);
                        }
                        .end .btn {
                            visibility: hidden;
                        }



/* SECTION MID VIDEO **********************************************************/
.section-mid {
    margin-bottom: 50px;
}
.section-mid .container-fluid {
    padding: 0;
}
    .end {
        margin: 10px auto 190px auto;
        height: 420px;
        text-align: center;
    }
        .section-mid h2 {
            font-family: 'Inter', sans-serif;
            font-style: normal;
            font-weight: 900;
            font-size: 36px;
            line-height: 40px;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin-bottom: 80px;
            padding: 0 40px 0 20px;
        }
                .end h2 {
                    padding: 0 20px;
                    font-size: 36px;
                    line-height: 40px;
                    margin: 50px auto;
                }
        .section-mid h5 {
            font-family: 'Barlow', sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 18px;
            line-height: 26px;
            letter-spacing: 1px;
            margin-bottom: 20px;
            padding: 0 0 0 20px;
        }
.video-wrapper {
    width: 100vw;
    height: 280px;
    overflow: hidden;
    position: relative;
}
        video {
            position: absolute;
            width: 100%;
            height: auto;
            top: 0;
        }




/*******************************************************************************************************************/
.clanci-BIG {
    margin: 100px 0;
}
        .clanci-BIG .container-fluid {
            padding: 0;
        }
        .clanci-big-text {
            text-align: end;
            padding: 20px 50px 20px 100px;
            margin: 30px 0;
        }
        .clanci-big-text:last-of-type {
            text-align: start;
            padding: 20px 100px 20px 50px;
        }
                .clanci-big-text h1 {
                    font-family: 'Inter', sans-serif;
                    font-style: normal;
                    font-weight: 900;
                    font-size: 42px;
                    line-height: 44px;
                    letter-spacing: 1px;
                    -webkit-text-stroke: 1px;
                    margin-bottom: 20px;
                }

.slike-BIG-1,
.slike-BIG-2 {
    height: 300px;
    border: 2px solid var(--secondary-color);
    box-shadow: 5px 5px 80px 1px var(--secondary-color);
    border-radius: 80px 0 0 80px;
    overflow: hidden;
    padding: 0;
    animation: glowPink 6s infinite linear;
    position: relative;
    visibility: hidden;
}
        .slike-BIG-1 {
            margin: 0 0 0 80px;
        }
        .slike-BIG-2 {
            border-radius: 0 80px 80px 0;
            margin: -50px 0 0 -80px;
        }
        .slike-BIG-1 img,
        .slike-BIG-2 img {
            height: auto;
            transition-duration: 0.4s;
            position: absolute;
            width: 450px;
            top: -10px;
            left: -20px;
        } 
        .slike-BIG-2 img {
            width: 550px;
            top: -4px;
            left: -35px;
        }
        .slike-BIG-1 img:hover,
        .slike-BIG-2 img:hover {
            transform: scale(1.05);
        }



/* BTT ********************************************************************************************************************/
#btt {
    position: fixed;
    right: 10px;
    bottom: 20px;
    z-index: 1003;
}
.btt-a {
    color: var(--primary-color);
    font-size: 32px;
    transition: color 0.6s;
}
.btt-a:hover {
    color: #079e94;
}

.btt-hide {
    opacity: 0;
}
.btt-show {
    opacity: 1;
}



/* FOOTER *****************************************************************************************/
footer {
    font-family: "Raleway", Arial,"Helvetica Neue", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0.2px;
    padding: 20px 50px;
    text-align: center;
}
.napomena {
    margin-bottom: 8px;
}
.copy {
    margin-bottom: 0;
}





/* RESPONSIVE *****************************************************************************************/
@media (min-width: 480px) {
    .elipsa {
        top: 80%;
    }
    .naslov {
        top: 20%;
    }
}



/* DESK *************************************/
@media (min-width: 768px) {
    body {
        background-size: 28%, 60%, 80%, 70%, 64%, 98%;
        background-position: -1% 12%, -8% 42%, 3% 54%, -2% 83%, 4% 103%, 906% 102%;
    }
            @keyframes glowBody {
                0% {background-size: 28%, 60%, 80%, 70%, 64%, 98%;}
                50% {background-size: 28.6%, 60.25%, 80.4%, 69.8%, 64.4%, 97.9%;}
                100% {background-size: 28%, 60%, 80%, 70%, 64%, 98%;}
            }
    #info {
        top: 30px;
        padding: 16px;
        font-size: 12px;
        line-height: 12px;
    }
            #info img {
                width: 52px;
                margin-bottom: 12px;
            }            
    header {
        background-size: 80%, 110%;
        background-position: -160% 80%, -80% 104%;
    }
            @keyframes glowHeader {
                0% {background-size: 80%, 110%}
                50% {background-size: 79.8%, 110.2%;}
                100% {background-size: 80%, 110%;}
            }
    .elipsa  {
        height: 1200px;
        width: 1200px;
        top: 36%;
    }
            /* new values */
            @keyframes glowPink {
                0% {box-shadow: 5px 5px 80px 1px var(--secondary-color);}
                25% {box-shadow: 5px 5px 80px 1px var(--secondary-color);}
                50% {box-shadow: 5px 5px 80px 1px var(--secondary-color);}
                75% {box-shadow: 5px 5px 80px 1px var(--secondary-color);}
                100% {box-shadow: 5px 5px 80px 1px var(--secondary-color);}
            }
            @keyframes glowTeal {
                0% {box-shadow: 5px 5px 80px 1px var(--primary-color);}
                25% {box-shadow: 5px 5px 90px 1px var(--primary-color);}
                50% {box-shadow: 5px 5px 100px 1px var(--primary-color);}
                75% {box-shadow: 5px 5px 90px 1px var(--primary-color);}
                100% {box-shadow: 5px 5px 80px 1px var(--primary-color);}
            }
    .naslov {
        width: 580px;
        margin-top: 140px;
        top: 0;
    }
            .naslov h1 {
                font-size: 120px;
                line-height: 126px;
            }
            .naslov h5 {
                font-size: 20px;
                line-height: 24px;
                margin: 50px 30px 10px 30px;   
            }
    .intermission,
    .intermission-2 {
        width: 600px;
        height: 550px;
        margin: 60px auto;
    }
            .intermission p,
            .intermission-2 p {
                margin: 420px 0 0 0;
                left: 300px;
                transform: scale(0.001);
            }
                    .intermission-2 p {
                        margin: 20px 0 0 0;
                        left: -100px;
                    }
            .intermission img,
            .intermission-2 img {
                left: -100px;
                width: 160px;
            }
                    .intermission-2 img {
                        margin: 320px 0 0 0;
                        left: 0;
                    }
    .clanci-1,
    .clanci-2 {
        width: 640px;
        height: 1550px;
        margin: 180px auto;
    }
            .kadar-text {
                margin-bottom: 10px;
                height: 500px;
                position: relative;
                padding: 50px 50px 0 0;
            }
                    .kadar-text h1 {
                        font-size: 36px;
                        line-height: 38px;
                        -webkit-text-stroke: 0px;
                    }
                    .kadar-text p {
                        font-size: 14px;
                        line-height: 18px;
                        margin: 35px 0 25px 0;        
                    }
                    .btn {
                        font-size: 14px;
                        line-height: 18px;
                    }
            .kadar-slike,
            .kadar-slike-2 {
                position: relative;
                border: 2px solid var(--secondary-color);
                box-shadow: 5px 5px 80px 1px var(--secondary-color);
                border-radius: 80px;
                overflow: hidden;
                padding: 0;
                animation: glowPink 2s infinite linear;
                height: 500px;
            }
                    .kadar-slike-2 {
                        border: 2px solid var(--primary-color);
                        box-shadow: 5px 5px 80px 1px var(--primary-color);
                        animation: glowTeal 2s infinite linear;
                    }
                    .kadar-slike img,
                    .kadar-slike-2 img {
                        position: absolute;
                        width: auto;
                        left: 50%;
                        top: 50%;
                        transform: translate(-50%, -50%);
                        height: 580px;
                    }
                    .slika2, 
                    .slika3,
                    .slika5,
                    .slika6 {
                        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
                    }
    .section-mid h2 {
        width: 600px;
        margin-bottom: 60px;
        font-size: 54px;
        line-height: 54px;
    }
            .video-wrapper {
                height: 440px;
            }
    .clanci-big-text {
        margin: 60px 0;
    }
            .clanci-big-text h1 {
                font-size: 54px;
                line-height: 56px;
            }
            .slike-BIG-1,
            .slike-BIG-2 {
                height: 500px;
            }
            .slike-BIG-1 {
                margin: 0 0 0 140px;
            }
            .slike-BIG-2 {
                border-radius: 0 80px 80px 0;
                margin: -50px 0 0 -140px;
            }
                    .slike-BIG-1 img,
                    .slike-BIG-2 img {
                        width: 730px;
                    } 
                    .slike-BIG-2 img {
                        width: 980px;
                        top: -10px;
                        left: 0px;
                    }
    .end {
        margin-bottom: 240px;
    }
    .napomena {
        margin-bottom: 6px;
    } 
}

@media (min-width: 992px) {
    .naslov {
        margin-top: 60px;
    }
    .elipsa {
        height: 1240px;
        width: 1240px;
        top: 6%;
    }
    .intermission,
    .intermission-2 {
        width: 840px;
        height: 290px;
        margin: 100px auto;
    }
            .intermission p,
            .intermission-2 p {
                margin: 40px 0 0 80px;
                left: 400px;
                transform: scale(0.001);
            }
                    .intermission-2 p {
                        margin: 20px 0 0 0;
                        text-align: start;
                        left: -200px;
                    }
                    .intermission-2 img {
                        margin: 20px 0 0 0;
                        left: 300px;
                    }
    .clanci-1,
    .clanci-2 {
        width: 750px;
    }
            .kadar-text {
                padding: 50px 50px 0 0;
            }
            .kadar-slike,
            .kadar-slike-2 {
                width: 580px;            
            }
            .kadar-slike img,
            .kadar-slike-2 img {
                height: 680px;
            }




    .clanci-big-text {
        padding: 100px 70px 0 80px;
        margin: 0;
    }
            .clanci-big-text:last-of-type {
                padding: 180px 80px 0 70px;
            }
            .clanci-big-text h1 {
                font-size: 50px;
                line-height: 52px;
            }

    .slike-BIG-1,
    .slike-BIG-2 {
        height: 600px;
    }
    .slike-BIG-1 {
        margin: 0;
    }
    .slike-BIG-2 {
        margin: -100px 0 0 -80px;
    }
        .slike-BIG-1 img,
        .slike-BIG-2 img {
            width: 1000px;
        } 
        .slike-BIG-2 img {
            width: 1200px;
            top: -20px;
            left: -200px;
        }
}




@media (min-width: 1200px) {
    body {
        background-size: 40%, 60%, 80%, 70%, 64%, 98%;
        background-position: -10% 12%, -8% 42%, 3% 54%, -2% 83%, 120% 103%, 906% 102%;
    }
            @keyframes glowBody {
                0% {background-size: 40%, 60%, 80%, 70%, 64%, 98%;}
                50% {background-size: 38.6%, 60.25%, 80.4%, 69.8%, 64.4%, 97.9%;}
                100% {background-size: 40%, 60%, 80%, 70%, 64%, 98%;}
            }
    #info {
        top: 30px;
        padding: 14px;
        font-size: 12px;
        line-height: 12px;
    }
            #info img {
                width: 50px;
                margin-bottom: 12px;
            }            
    header {
        background-image: url('../img/elipse-pink.png'),
                            url('../img/elipse-purple.png'),
                                url('../img/elipse-green-lg.png'),
                                    url('../img/elipse-pink.png');
        background-size: 60%, 40%, 60%, 30%;
        background-position: -60% 60%, 112% 30%, 110% 90%, 106% -10%;
    }
            @keyframes glowHeader {
                0% {background-size: 60%, 40%, 60%, 30%;}
                50% {background-size: 60.1%, 39.9%, 59.9%, 30.2%;}
                100% {background-size: 60%, 40%, 60%, 30%;}
            }
    .clanci-1,
    .clanci-2 {
        width: 900px;
        height: 1880px;
    }
            .kadar-text {
                height: 600px;
                padding: 100px 80px 0 0;
            }
            .kadar-text h1 {
                font-size: 54px;
                line-height: 56px;
            }
            .kadar-slike,
            .kadar-slike-2 {
                height: 600px;
                max-width: 420px;
            }
            .kadar-slike img,
            .kadar-slike-2 img {
                height: 760px;
            }
    .video-wrapper {
        height: 540px;
    }
            video {
                top: -40px;
            }
    .slike-BIG-2 img {
        left: -147px;
    }
    #btt {
        right: 32px;
        bottom: 50px;
    }
    footer {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0.5px;
        padding: 32px 50px;
    }
}

@media (min-width: 1650px) {
    body {
        background-size: 28%, 60%, 80%, 70%, 64%, 28%;
        background-position: -9% 12%, -48% 42%, 320% 54%, -20% 83%, 124% 103%, 106% 102%;
    }
            @keyframes glowBody {
                0% {background-size: 28%, 60%, 80%, 70%, 64%, 28%;}
                50% {background-size: 28.6%, 60.25%, 80.2%, 69.8%, 64.4%, 27.8%;}
                100% {background-size: 28%, 60%, 80%, 70%, 64%, 28%;}
            }
    #info {
        top: 80px;
        padding: 18px;
        font-size: 11px;
        line-height: 10px;
    }
            #info img {
                width: 56px;
                margin-bottom: 18px;
            }
    header {
        height: 120vh;
    }
    .elipsa  {
        height: 1680px;
        width: 1680px;
        top: 2%;
    }
    .naslov {
        width: 1000px;
        margin: 220px auto 0 auto;
    }
            .naslov h1 {
                font-size: 120px;
                line-height: 126px;
                letter-spacing: 1px;
            }
            .naslov h5 {
                font-size: 22px;
                line-height: 30px;
                margin: 50px 0 0 0;   
            }
    .intermission,
    .intermission-2 {
        width: 1400px;
        margin: 50px auto;
        height: 400px;
    }
            .intermission img,
            .intermission-2 img {
                left: -200px;
                width: 250px;
            }
                .intermission-2 img {
                    left: 250px;
                }
            .intermission p,
            .intermission-2 p {
                font-size: 38px;
                line-height: 40px;
                margin: 80px 100px 0 60px;
                left: 500px;
                transform: scale(0.001);
            }
            .intermission-2 p {
                margin: 80px 100px 0 80px;
                left: -300px;
            }
    .clanci-1,
    .clanci-2 {
        width: 1100px;
        height: 2300px;
        margin: 180px auto 150px auto;
    }
    .kadar-text {
        height: 720px;
        padding: 190px 140px 0 0;
    }
            .kadar-text h1 {
                font-size: 56px;
                line-height: 60px;
            }
            .kadar-text p {
                font-size: 16px;
                line-height: 22px;
                font-weight: 300;
                margin: 30px 0 60px 0;        
            }
            .btn {
                font-size: 14px;
                line-height: 22px;
            }
    .kadar-slike,
    .kadar-slike-2 {
        height: 720px;
        max-width: 500px;
        border-radius: 100px;
    }
            .kadar-slike img,
            .kadar-slike-2 img {
                height: 960px;
            }
    .section-mid {
        margin-bottom: 100px;
    }
            .end {
                height: 550px;
            }
            .section-mid h2 {
                font-size: 65px;
                line-height: 70px;
                width: 1000px;
            }
            .section-mid h5 {
                font-size: 20px;
                line-height: 26px;
            }
                    .end h2,
                    .end h5 {
                        padding: 0;                    
                    }
    .video-wrapper {
        height: 700px;
    }
            video {
                top: -128px;
            }
    .clanci-BIG {
        margin: 200px 0;
    }
            .clanci-big-text {
                text-align: end;
                padding: 110px 90px 0 120px;
            }
            .clanci-big-text:last-of-type {
                text-align: start;
                padding: 300px 120px 0 90px;
            }
            .clanci-big-text h1 {
                font-size: 56px;
                line-height: 58px;
                margin-bottom: 40px;
                }
    .slike-BIG-1,
    .slike-BIG-2 {
        height: 700px;
    }
        .slike-BIG-1 img,
        .slike-BIG-2 img {
            width: 1500px;
            top: -80px;
            left: -20px;
        } 
        .slike-BIG-2 img {
            left: 80px;
            top: -10px;
        }
}

@media (min-width: 1921px) {
    body {
        background-position: -9% 12%, -48% 42%, 320% 54%, -20% 83%, 124% 103%, 106% 102%;
    }
    #info {
        padding: 26px;
        font-size: 12px;
        line-height: 10px;
    }
            #info img {
                width: 60px;
                margin-bottom: 20px;
            }
    .elipsa  {
        height: 2000px;
        width: 2000px;
        top: 26%;
    }
    .naslov {
        width: 1100px;
        margin: 300px auto 0 auto;
    }
            .naslov h1 {
                font-size: 150px;
                line-height: 160px;
            }
            .naslov h5 {
                font-size: 28px;
                line-height: 32px;
                margin: 60px 0 0 0;   
            }
    .intermission,
    .intermission-2 {
        margin: 350px auto 100px auto;
    }
            .intermission img,
            .intermission-2 img {
                left: -300px;
            }
                    .intermission-2 img {
                        left: 250px;
                    }
            .intermission p,
            .intermission-2 p {
                left: 520px;
            }
            .intermission-2 p {
                margin: 80px 100px 0 80px0;
                left: -300px;
            }
    .clanci-1,
    .clanci-2 {
        width: 1300px;
        height: 2500px;
        margin: 220px auto;
    }
            .kadar-text {
                height: 820px;
                padding: 220px 150px 0 0;
            }
                    .kadar-text h1 {
                        font-size: 65px;
                        line-height: 70px;
                    }
                    .kadar-text p {
                        font-size: 18px;
                        line-height: 24px;
                    }
            .kadar-slike,
            .kadar-slike-2 {
                height: 820px;
                max-width: 600px;
                border-radius: 120px;
            }
                    .kadar-slike img,
                    .kadar-slike-2 img {
                        height: 1090px;
                    }
    .section-mid {
        margin-bottom: 100px;
    }
            .end {
                height: 620px;
            }
            .section-mid h2 {
                font-size: 65px;
                line-height: 70px;
                letter-spacing: 1px;
                width: 1000px;
                padding: 0 0 0 50px;
            }
            .section-mid h5 {
                font-size: 20px;
                line-height: 26px;
                padding: 0 0 0 50px;
            }
                    .end h2,
                    .end h5 {
                        padding: 0;                    
                    }
    .video-wrapper {
        height: 800px;
    }
            video {
                top: -238px;
            }
    .clanci-big-text {
        padding: 120px 120px 0 120px;
    }
            .clanci-big-text:last-of-type {
                padding: 480px 120px 0 120px;
            }
                    .clanci-big-text h1 {
                        font-size: 65px;
                        line-height: 70px;
                        margin-bottom: 40px;
                    }
            .slike-BIG-1,
            .slike-BIG-2 {
                height: 900px;
            }
                    .slike-BIG-1 img,
                    .slike-BIG-2 img {
                        width: 1800px;
                        top: -340px;
                    }
                    .slike-BIG-2 img {
                        top: -30px;
                    }
}