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

body{
    min-height: 100vh;
    background: #7d2ae8;
    font-family: 'Segoe UI';
    font-weight: 380;
}

.container {
    width: 60%;
    margin-left: 20%;
    padding-left: 70px;
    padding-right: 70px;
    background-color: whitesmoke;
    display: flex;
    flex-direction: column;
}

div {
    font-size: 20px;
}

a {
    text-decoration: none;
    color: #5318a0;
    font-weight: 500;
}


.linija-IZNAD-uzglavlja {
    width: 40%;
    margin: 8px 30% 20px 30%;
}

.linija-ISPOD-uzglavlja {
    width: 20%;
    margin: 20px 40% 20px 40%;
}

header{
    width: 90%;
    margin-left: 5%;
    padding-top: 15px;
    font-size: 24px;
    text-align: center;
    font-weight: 370;
}

#OM-za-om-str {
    font-size: 62px;
    font-weight: 240;
}


table{
    margin-bottom: 40px;
}

.tablica-UPUTA-na-upozorenje {
    width: 100%;
    background-color: rgba(125,42,232, 0.1);
    border-radius: 150px 1px;
}

.tablica-UPUTA-na-upozorenje td{
    text-align: center;
    font-weight: 400;
}

.tablica-UPUTA-na-upozorenje td:first-child{
    width: 80%;
    font-size: 16px;
    padding-right: 20px;
    padding-left: 5%; 
    text-align: right;
}

#SLIKA-upozorenje {
    width: 120px;
    border-radius: 30px;
}

img {
    width: 60%;
    padding-bottom: 20px;
}

.Broj-01-01-naslovni-dio p {
    text-align: center;
}

#naslovnica-s-pozadinom {
    background-color: rgba(211,211,211, 0.4);
}

#hrv-naslov {
    font-size: 40px;
    font-weight: 400;
}

#lat-naslov {
    font-size: 36px;
    font-weight: 340;
    padding-top: 20px;
}

#naslov-sadrzaja-broja {
    font-size: 30px;
    text-align: center;
    background-color: rgba(211, 211, 211, 0.4);
}

ul {
    list-style: none;
}

.sadrzaj-broja-LISTA li {
    margin-bottom: 20px;
}

.tekstovi-s-popisa li {
    margin-left: 60px;
    margin-top: 20px;
    margin-bottom: 20px;
}


hr {
    color: rgba(128, 128, 128, 0.3);
}

.brojevna-simbolika-poglavlja {
    font-size: 16px;
    text-align: center;
}


#naslov-TEKSTA {
    font-size: 52px;
    font-weight: 360;
    text-align: center;
}

#podnaslov-naslova-TEKSTA {
    font-size: 30px;
    font-weight: 360;
    text-align: center;
}

.tab-SIMBOL {
    width: 30%;
    margin-left: 60%;
    text-align: center;
    margin-bottom: 5px;
}

.tab-SIMBOL img {
    width: 30px;
    display: inline-block;
}

.text-broja {
    width: 80%;
    margin-left: 10%;
    text-align: justify;
}

#tablica-za-povratak-gore {
    width: 20%;
    margin-left: 80%;
    text-align: center;
    font-size: 14px;
}

strong{
    font-weight: 600;
}

#citat-teksta {
    width: 70%;
    margin-left: 15%;
    font-size: 24px;
    font-weight: 480;
    text-align: center;
    background-color: rgba(125,42,232, 0.1);
    border-radius: 150px 0px;
}



.text-povratak-na-prethodnu-stranicu p {
    font-size: 16px;
    text-align: right;
}

/*.IKONA-povratak-na-prethodnu-stranicu {

}*/

.mini-ikonice-poveznice {
    text-align: center; 
}

.mini-slike-poveznice {
    text-align: center;
}

.mini-slike-poveznice img{
    width: 50px;
    margin-right: 50px;
    border-radius: 60px;
    padding-bottom: 20px;
}

footer{
    width: 100%;
    padding-bottom: 20px;
    font-size: 16px;
    text-align: center;
    font-weight: 480;   
}

/* _____________________________________________ */




@media(max-width: 1200px){
    

    #citat-teksta {
        font-size: larger;
}


}



@media(max-width: 980px){
    .container{
        width: 100%;
        margin-left: 0;
        padding-left: 50px;
        padding-right: 50px;
    }

    .mini-slike-poveznice img {
        margin-right: 10px;
    }
    
    #lat-naslov {
        font-size: 32px;
    }

    img {
        width: 80%;
    }

    .tekstovi-s-popisa li {
        margin-left: 40px;
    }

    .text-broja {
        width: 100%;
        margin-left: 0;
    }

    #naslov-TEKSTA {
        font-size: 42px;
    }

    #podnaslov-naslova-TEKSTA {
        font-size: 24px;
        font-weight: 360;
        text-align: center;
    }

}