a, a:visited, a:hover, a:active {
  color: inherit;
}

a {
  text-decoration: none;
}

:root {
--sarajevo-orange-100: #E68549;
--sarajevo-orange-80: #F2A778; 
--sarajevo-orange-60: #FCC9AA; 
--boja4: #FFF6EE;
--boja5: #DFE0DF;
--boja6: #09152F;

    
--brand-main-100: #515153;
--brand-main-80: #747475;
--brand-main-60: #979798;


--brand2-100: #26A5DD;
--brand2-80: #51B7E4;
--brand2-60: #7DC9EB;


--brand2-shade-100: #004576;
--brand2-shade-80: #006497;




--line-height: 42px;

--button-padding: 8px 12px;

--padding:24px;


--sirina:1440px;
--footer-visina:60px;
--sirina-logo-zaglavlje:415px;
--visina-logo-zaglavlje:53px;
--logo-zaglavlje-sadrzaj:flex-end;
--logo-zaglavlje-sadrzaj-top:-30px;
--logo-zaglavlje-font-size:14px;
--logo-zaglavlje-line-height:21px;



--footer-font:14px;
--footer-display:inline;
--footer-pad:16px;

--footer1:row;
--footer2:24px;
--footer3:right;
--footer4:14px;

--header1:block;

--main1:block;

--video1:50px;


--teror1:row;
--teror2:66vw;
--teror3:33vw;
--teror4:32px;

--zaglavlje1:157px;
--zaglavlje2:49px;
--zaglavlje3:none;
--zaglavlje4:block;

--zaglavlje5:433px;
--zaglavlje6:49px;

--zaglavlje7:block;
--zaglavlje8:row;
--zaglavlje9:nowrap;
--zaglavlje10:0;


--main-flex:row;
--main-sirinateksta:590px;
--main-order1:1;
--main-order2:2;  
--main-pozadina:none;
--main-font:#F8F6F4;
--main-slika:792px;
--main-sirinasivo:749px;
--main-lijevosivo:42px;
--main-maxheight:650px;
--main-vidljivpanel:block;
--main-marginbox:24px;
--main-marginbox2:0px;
--main-razmak24-16:24px;


--main-slika:calc(100% - 32px);
--main-sirinasivo:calc(100% - 80px);


--pretraga-kocka:100%;
--pretraga-kocka-display:row;

--pretraga_panel_width:684px;
--pretraga_panel_slika_height:176px;
--pretraga_panel_slika_width:308px;
--pretraga_panel_width_max:calc(50% - 16px);



--links_width1:calc(33vw - 24px);
--links_height1:calc((33vw - 24px) * 0.75);


--links_width2:calc(100vw - 32px);
--links_height2:calc((100vw - 32px) * 0.75);


--alinks_width1:calc(25vw - 32px);
--alinks_width2:100%;




--inter-prelom:row;
--inter-sirina:50%;
--inter-prelom2:row;
--inter-prelom3:calc(50% - 32px);
--inter-prelom4:calc(50% - 16px);
--inter-prelom5:0px;
--inter-galerija-slika:calc(33% - 12px);

--biog-sirina1:60%;
--biog-sirina2:40%;
--biog-slika1:211px;
--biog-slika2:14px;
--biog-slika3:-160px;



--biog-flex1:row;
--biog-flex2:flex-end;

--biog-slika4:200px;
--biog-slika5:210px;
--biog-slika6:#F8F6F4;

--about-prikaz:block;
--about-flex:row;
--about-sirina1:60%;
--about-sirina2:40%;
--about-special:50%;
--about-kolone:3;



--tango-zaglavlje1:343px;
--tango-zaglavlje2:block;
--tango-zaglavlje3:40px;  
--tango-zaglavlje4:20px;  
--tango-zaglavlje5:32px;  
--tango-zaglavlje6:16px; 
--tango-zaglavlje7:block; 
--tango-zaglavlje8:64px;
--tango-zaglavlje9:20px;
--tango-zaglavlje10:20px;
--tango-zaglavlje11:none;
--tango-zaglavlje12:flex;

--tango-chronology1:block;

--tango-video1:33%;

--tango-video2:600px;

--tango-pocetna1:500px;
--tango-pocetna2:440px;
--tango-pocetna3:470px;
--tango-pocetna4:410px;
--tango-pocetna5:50px;
--tango-pocetna6:16px;

--tango-hronologija1:none;
--tango-hronologija2:row;
--tango-hronologija3:60vw;
--tango-hronologija3a:50vw;
--tango-hronologija4:30vw;
--tango-hronologija5:18px;
--tango-hronologija6:24px;
--tango-hronologija7:18px;
--tango-hronologija8:32px;
--tango-hronologija9:40px;
--tango-hronologija10:54px;

}

body {
    

    
background:black;

  padding:auto;
  margin:auto;
  text-align:centre;
}




ul {
  margin: 20px;
}




#flex-jedinice-panel {
margin-left:24px;
margin-bottom:24px;
 height: calc(100vh - 140px); 
 overflow: auto; 
 overflow-y: scroll; 
position: relative;
float:left;
display:var(--tango-chronology1);

}







@media only screen and (min-width: 769px) and  (max-width: 1200px) {
  /* For tablets: */
:root {
--tango-zaglavlje1:308px;
--tango-zaglavlje2:none;
--tango-zaglavlje3:30px; 
--tango-hronologija3a:50vw;
--tango-zaglavlje4:18px;  
--tango-zaglavlje5:27px;  
--tango-zaglavlje6:18px;  
--tango-zaglavlje7:block; 
--tango-zaglavlje8:54px;
--tango-zaglavlje9:16px;
--tango-zaglavlje10:10px;
--tango-zaglavlje11:none;
--tango-zaglavlje12:flex;

--tango-pocetna5:40px;
--tango-pocetna6:14px;

--tango-chronology1:none;

--tango-video1:50%;
--tango-video2:500px;

--tango-hronologija1:flex;
--tango-hronologija5:16px;
--tango-hronologija6:21px;
--tango-hronologija7:16px;
--tango-hronologija8:24px;
--tango-hronologija9:30px;
--tango-hronologija10:41px;

--padding:16px;
--sirina:100%;

--main-color2: #26A5DD;
--main-color1: #51B7E4;

--main-flex:column;
--main-sirinateksta:none;
--main-order1:2; 
--main-order2:1; 
--main-pozadina:#F8F6F4;
--main-font:#3D3D3E;




--links_width1:calc(50vw - 32px);
--links_height1:calc((50vw - 32px) * 0.75);


--links_width2:calc(100vw - 64px);
--links_height2:calc((100vw - 64px) * 0.75);

--alinks_width1:calc(50vw - 42px);
--alinks_width2:100%;

--main-razmak24-16:16px;

--main-slika:calc(100% - 32px);
--main-sirinasivo:calc(100% - 32px);

--main-marginbox:16px;
--main-lijevosivo:16px;

--footer1:column;
--footer2:auto;
--footer3:center;

--teror1:column;
--teror2:100vw;
--teror3:100vw;
--teror4:48px;



--pretraga-kocka:100%;
--pretraga_panel_width:calc(100% - 32px);
--pretraga_panel_slika_height:176px;
--pretraga_panel_slika_width:calc(40%);
--pretraga_panel_width_max:calc(50% - 32px);

--inter-prelom:column;
--inter-prelom2:column;
--inter-prelom3:calc(100% - 32px);
--inter-prelom4:calc(100% - 32px);
--inter-prelom5:16px;


--inter-sirina:calc(100% - 16px);



--biog-sirina1:calc(100% - 20px);
--biog-sirina2:calc(100% - 20px);

--biog-slika6:#FFFFFF;

--about-prikaz:none;
--about-flex:column;
--about-sirina1:100%;
--about-sirina2:100%;
}

}

@media only screen and (min-width: 100px) and  (max-width: 768px) {
  /* For phones: */
:root {
--tango-zaglavlje1:230px;
--tango-zaglavlje2:none;    
--tango-zaglavlje3:30px; 
--tango-zaglavlje4:12px;  
--tango-zaglavlje5:21px;  
--tango-zaglavlje6:8px;  
--tango-zaglavlje7:none;
--tango-zaglavlje11:flex;

--tango-chronology1:none; 

--tango-video1:100%;
--tango-video2:300px;

--tango-pocetna1:300px;
--tango-pocetna2:240px;
--tango-pocetna3:270px;
--tango-pocetna4:210px;
--tango-pocetna5:30px;
--tango-pocetna6:12px;

--tango-hronologija1:flex;
--tango-hronologija2:column-reverse;
--tango-hronologija3:90vw;
--tango-hronologija3a:90vw;
--tango-hronologija4:60vw;
--tango-hronologija5:16px;
--tango-hronologija6:21px;
--tango-hronologija7:16px;
--tango-hronologija8:24px;
--tango-hronologija9:25px;
--tango-hronologija10:34px;
--tango-zaglavlje12:none;


    
--sirina:100%;
--sirina-logo-zaglavlje:343px;
--visina-logo-zaglavlje:45px;
--padding:16px;
--logo-zaglavlje-sadrzaj:flex-start;
--logo-zaglavlje-sadrzaj-top:-45px;
--logo-zaglavlje-font-size:10px;
--logo-zaglavlje-line-height:15px;

--footer-visina:118px;

--footer-font:10px;
--footer-display:none;
--footer-pad:1px;

--footer1:column;
--footer2:auto;
--footer3:center;
--footer4:10px;

--header1:none;

--main1:none;

--video1:0px;



--teror1:column;
--teror2:100vw;
--teror3:100vw;
--teror4:48px;

--zaglavlje1:105px;
--zaglavlje2:33px;
--zaglavlje3:block;
--zaglavlje4:none;

--zaglavlje5:calc(100vw - 48px);
--zaglavlje6:auto;
--zaglavlje7:none;
--zaglavlje9:wrap;
--zaglavlje10:10;


--main-flex:column;
--inter-prelom2:column;
--main-sirinateksta:none;
--main-order1:2; 
--main-order2:1; 
--main-pozadina:#F8F6F4;
--main-font:#3D3D3E;
--main-color2: #26A5DD;
--main-color1: #006497;
--main-razmak24-16:16px;

--main-slika:calc(100% - 32px);
--main-sirinasivo:calc(100% - 32px);
--main-lijevosivo:16px;
--main-maxheight:750px;
--main-vidljivpanel:none;
--main-marginbox:auto;


--pretraga-kocka:100%;
--pretraga-kocka-display:column;

--pretraga_panel_width:calc(100% - 16px);
 /* bila visina 150px pa stavio na 100% */
--pretraga_panel_slika_height:250px;
--pretraga_panel_slika_width:calc(100% - 32px);
--pretraga_panel_width_max:none;



--links_width1:calc(100vw - 46px);
--links_height1:calc((100vw - 46px) * 0.75);


--links_width2:calc(100vw - 46px);
--links_height2:calc((100vw - 46px) * 0.75);

--alinks_width1:calc(100vw - 46px);
--alinks_width2:100%;

--inter-prelom:column;
--inter-prelom3:calc(100% - 32px);
--inter-prelom4:calc(100% - 32px);
--inter-prelom5:16px;
--inter-sirina:calc(100% - 16px);
--inter-galerija-slika:calc(50% - 18px);

--biog-sirina1:calc(100% - 20px);
--biog-sirina2:calc(100% - 20px);





--biog-flex1:column;
--biog-flex2:flex-start;


--biog-slika4:calc(400px);
--biog-slika5:calc(410px);
--biog-slika6:#FFFFFF;

--about-prikaz:none;
--about-flex:column;
--about-sirina1:100%;
--about-sirina2:100%;
--about-special:100%;
--about-kolone:1;
}

}




}