html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
 background-color: white;
}
.content {
  flex: 1 0 auto;
}
.footer {
  flex-shrink: 0;
}

p{
    color:black;
}
a{
    color:darkslateblue; 
}
.caption-ispod-slike {
    color:yellow; 
    background-color:#95000B; 
}
.napomena{
    z-index:2;
    position:absolute; 
    padding:0.5% 2.5% 0.5% 2.5%;  
    margin-top:0%;
    width:88%;   
}

.napomena_na_tipu_stan{
    z-index:2;
    float:right;
    padding:0.5% 2.5% 0.5% 2.5%;
    
    margin-left:auto;
    margin-top:-4%;
}
.naslov{
    z-index:2;
    color:yellow; 
    position:absolute; 
    padding:0.5% 2.5% 0.5% 2.5%;  
    margin-top:0%;
    width:88%; 
}
.podnaslovi-na-tipu-stan{
     font-size: 120%;
     padding: 10px;
}
.naslov_za_lokacije{
    z-index:2;
    color:yellow; 
    position:absolute; 
    padding:0.5% 2.5% 0.5% 2.5%;  
    margin-top:-10%;
}

.napomena_za_sprat{
    z-index:2;
    position:absolute; 
    padding:0.5% 2.5% 0.5% 2.5%;  
    margin-top:0%;
    width:94%;
}
.napomena_za_vest{
    z-index:2;
    color:yellow;  
    padding:0.5% 2.5% 0.5% 2.5%;  
    margin-top:-13%;
    width:100%;
    background-color:#95000B;   
}
.napomena_za_pocetnu{
    z-index:2;
    color:yellow; 
    width:100%;
    margin-top: -5%;
    padding:0.5% 2.5% 0.5% 2.5%;  
    
    background-color:#95000B;   
}

.napomena_za_mobil{
    z-index:2;
    color:yellow; 
    position:absolute; 
    padding:0.55% 0.5% 0.5% 0.5%;  
    margin:1% 1% 1% 1%; 
    background-color:#95000B;   
}

.napomena-donja{
   z-index:2;
   position:absolute;
   padding:1%;
   margin-top:60%;
   margin-left:2%; 
   color:yellow;
   background-color:#95000B; 
}

.napomena_za_lokacije{
   z-index:2;
   position:absolute;
   padding-left:2%;
   padding-top:1%;
   padding-right:2%;
   padding-bottom:1%;
   margin-top:1%;
   margin-left:1%; 
   color:yellow;
   background-color:#95000B; 
}
.napomena_za_stan_na_spratu{
   z-index:2;
   position:absolute;
   padding-left:2%;
   padding-top:1%;
   padding-right:2%;
   padding-bottom:1%;
   margin-top:60%;
   margin-left:25%; 
   color:yellow;
   background-color:#95000B; 
}


.naslov-detalji{
    font-size: 120%;
    color:#95000B;
}

.paragraf{
   color:black;
   text-align: justify;
   text-justify: inter-word;
   
}

.link_u_tekstu{
    color:blue;
}

.nazivi_dokumenata{
    color:#95000B;
    font-weight: bold; 
}

.grupa_dokumenata{
   
   
}
.img-hover-zoom{
  height: 100%; /* Modify this according to your need */
  overflow: hidden; /* Removing this will break the effects */
}

.img-hover-zoom--basic img {
  transition: transform .5s ease;
}

.img-hover-zoom--basic:hover img {
  transform: scale(1.2); 
  background:darkslategray !important;
  opacity:1 !important;
}
.overlay{
    
}
    
/* Blur-zoom Container */
.img-hover-zoom--blur img {
  transition: transform 1s, filter 2s ease-in-out;
  filter: blur(2px);
  transform: scale(1.2);
}

/* The Transformation */
.img-hover-zoom--blur:hover img {
  filter: blur(0);
  transform: scale(1);
}
.img-hover-zoom--zoom-n-rotate img {
  transition: transform .5s ease-in-out;
}

/* The Transformation */
.img-hover-zoom--zoom-n-rotate:hover img {
  transform: scale(1.2) rotate(5deg);
  background:white !important;
  opacity:1 !important;
}

.carousel-item:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(7,7,7,0.3);
}