#pocetna-okvir {
height:500px;
}

#pocetna-poster {

width:100vw;
height:var(--tango-pocetna2);
margin: auto;
 background-repeat: no-repeat;
 background-size: contain;
 background-position:center;
 background: linear-gradient(86.42deg, #494C5C 8.93%, #20212C 110.98%);
}
#pocetna-poster-slika {

width:var(--tango-pocetna3);
height:var(--tango-pocetna4);
margin: auto;
 
    padding-top: 15px;

 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#pocetna-poster-slika2 {
width:var(--tango-pocetna3);
height:var(--tango-pocetna4);
}


#pocetna-okvir-slika {
width:200px;
margin-left: 24px;
margin-top: 24px;
 background-repeat: no-repeat;
 background-size: contain;
 background-position:center
}

#pocetna-okvir-tekst1 {
margin-top:90px;
margin-left:20%;
margin-right:20%;
text-align:center;
font-family: 'Playfair Display';
font-style: normal;
font-weight: 900;
font-size: var(--tango-pocetna5);
line-height: var(--tango-pocetna5);
leading-trim: both;
text-edge: cap;
color: #FFFFFF;
text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.6);
}

#pocetna-okvir-tekst2 {
margin-left:20%;
margin-right:20%;
margin-top:20px;
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
font-size: var(--tango-pocetna6);
line-height: var(--tango-pocetna6);
leading-trim: both;
text-edge: cap;
text-align: center;
color: #EDF3EF;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
}

#pocetna-poster-hronologija {
float: right;
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 32px;
leading-trim: both;
text-edge: cap;
display: flex;
align-items: center;
letter-spacing: 0.02em;
color: #228FBF;
}

#pocetna-tekst {
padding:24px;
max-width:900px;
margin-left: auto;
margin-right: auto;



margin-top:24px;
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: var(--tango-hronologija7);
line-height: var(--tango-hronologija8);
leading-trim: both;
text-edge: cap;
letter-spacing: 0.02em;
color: #20212C;





}