.carousel-indicators li { background-color:#000; }
blockquote {
  font-size: 1.4em;
  width:60%;
  margin:25px auto;
  font-style:italic;
  padding:1.2em 30px 1.2em 75px;
  line-height:1.6;
  position: relative;
}

blockquote::before {
  font-family:Arial;
  content: "\201C";
  color: #ffffff;   font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

blockquote span {
    font-size: 0.9em;  
  display:block;
  color:#666;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}

.navboja { background-color:#000; color:#000000; }
.navbar-dark .navbar-toggler {  color:#000000; border:0; }
.navbar-toggler:focus { box-shadow:none; }
.h5border { border-bottom:2px solid #000; }
#naslov 
{
   color: #000000;
   position:relative;
}
#naslov2 
{
   color: #000000;
   position:relative;
   padding-top:80px;
   text-align: center!important;
}
#mm, #mm a { color: #000000; 
    text-decoration: none; }

.carousel-caption {
    color: #000000;
}
footer
{ 
    background-color: #000000;
    color: #dedede; 
}

#navMenu { color: #dedede; margin-top:40px; }
#navMenu a 
{ 
    color: white;
    text-decoration: none; 
}

#navMenu a:hover
{
    color: #dedede;
}

footer a 
{ 
    color: white;
    text-decoration: none; 
}

footer a:hover
{
    color: #dedede;
}

.tLight {
    border: 1px solid #007aeb; background-color:#004acb;
    display: inline-block;
    line-height: 0.8rem;
}

.tDark {
    border: 1px solid #004acb; background-color:#003366;
    display: inline-block;
    line-height: 0.8rem;
}

.tWhite {
    border: 1px solid #eeeeee; background-color:#ffffff;
    display: inline-block;
    line-height: 0.8rem;
}

#topLogo {  position:absolute; right:12px; top:12px;height:110px; background-color: white; padding:7px; }

#najava { background-image: linear-gradient(#fefefe, #ffffff); }

@media screen and (max-width: 769px) {
    .smallScreen
    {
        display: block;
    }
    .bigScreen
    {
        display: none;
    }
    blockquote 
    {
        font-size: 1.1em;
        width:95%; 
    }

    #miniLogo { width:110px; background-color: white; padding:5px; visibility:hidden;  }
    #miniLogo2 { width:160px;  }
}
#miniLogoNavbar { position:absolute; top:40%; left:0; right:0; z-index:2; margin:0 auto; width:110px; background-color: white; padding:5px; border:2px solid #000;}
#hexass { height:400px; float:right; top: 2rem; right:0; position: absolute;}
#naslovs { position:relative;}
#zivotopisHeader { position: relative;}
#zivotopisUvod { margin-top: 210px;}
#fotoCv { position:absolute; top:85%; left:0; right:0; z-index:2; margin:0 auto; width:220px; background-color: white; padding:5px; border:2px solid #000;}
#fotoCv2 { position:absolute; top:85%; left:0; right:0; z-index:2; margin:0 auto; max-height:233px; max-width:100%; background-color: white; padding:5px; border:2px solid #000;}
@media screen and (min-width: 1000px)
{
    #naslov { text-align: center!important; }
}
@media screen and (min-width: 770px) {
    .smallScreen
    {
        display: none;
    }
    .bigScreen
    {
        display: block;
    }
    #bigLogo1, #bigLogo2 { height:110px;  }
    
}

@media screen and (max-width: 320px)
{
    h3.display-3 { font-size: calc(1.3rem + 3.3vw); }
    h1.display-1 { font-size: calc(1.5rem + 3.3vw); }
    .display-6 { font-size: calc(1.0rem + 1.2vw); }
  
}

@media screen and (max-width: 480px)
{
     .display-6 { font-size: 1.3rem; //calc(1.0rem + 1.5vw); 
    }
     .lead { font-size: 1.1rem; }
     #fotoCv2 { padding: 0; }
    
}
@media screen and (max-width: 285px)
{
    h3.display-3 { font-size: calc(1.1rem + 3.3vw); }
    h1.display-1 { font-size: calc(1.3rem + 3.3vw); }
    h5.display-6 { font-size: calc(1.2rem + 1.5vw); }
 
}
@media screen and (max-width: 240px)
{
    h3.display-3 { font-size: calc(1.1rem + 2.3vw); }
    h1.display-1 { font-size: calc(1.3rem + 2.3vw); }
    h5.display-6 { font-size: calc(1.0rem + 1.5vw); }
    
    div.carousel-caption p { font-size: 0.8rem; }
}

#popisi .nav-link { border:0; background:0 0; }
#popisi .nav-link.active { background-color: #ffffff; }
.center-pills {
    display: flex;
    justify-content: center;
}
#popisi-liste { max-width: 800px; }
#cvdiv { max-width:800px;}
.cvlista li { margin-left: 1rem;}
.mojaboja { color: #ffffff; }