h1{
    font-family: 'Abel', sans-serif;
}
h2{
    font-family: 'Dancing Script', cursive;
}
h3{
    font-family: 'Roboto Mono', monospace;
}
p{
    font-family: 'Source Code Pro', monospace;
}
a{
    text-decoration: none;
    color: red;
}
.hrana{
    background: url(../images/bcg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bijela{ 
    background: white;
    background-clip: content-box;/* ponistava pading */
    margin-bottom: 30px;
}
.krompiric{
    border-bottom: dashed 1px black;
}
.navbar{
    background-color: rgb(0, 255, 255);
    padding: 0%;
}
.navbar-brand img{
    height: 45px;
}
.navbar-light .navbar-nav .nav-link {
    color: aliceblue;
    padding: 20px;
}
 .navbar-light .navbar-nav .nav-link.active {
     color: aliceblue;
     background: rgb(63,94,251);
background: linear-gradient(90deg, rgba(63,94,251,1) 0%, rgba(220,252,70,1) 100%);
 }
 .navbar-light .navbar-nav .nav-link:hover{
color: brown;

}
.dropdown-menu{
    background-color: rgb(0, 255, 255);
}
.dropdown-item{
  color: white;  
}
.dropdown-item:hover{
color:brown;
background: transparent;
}
.btn-outline-success{
    color: white;
    border-color: white;
}
.hamburger{
    overflow: hidden;
}
.smedja{ 
    background-color: dimgray;
    color: white;
}
.prica i{
    border: 1px solid red;
    border-radius: 50%;
    padding: 5px 7px;
}
.prica a:hover i{
    background: red;
    color: white;
}

    .prica a:hover{
        color: white;
    }
    .adresa{
        background: blanchedalmond;

    }
    .poziv{
        background-color: darkgoldenrod;
    }
    .meil{
        background-color: rgb(79, 43, 28);
    }
    .posalji a{
        padding:50px 0 ;
        display: block;
    }
    .adresa i,.adresa h2{
        color: darkgreen;
    }
    .poziv i, .poziv h2, meil i, .meil h2{
        color:white;
    }
    .adresa a:hover i, .adresa a:hover h2, .adresa a:hover p, .poziv a:hover i, .poziv a:hover h2,.poziv a:hover p, .meil a:hover i, .meil a:hover h2,.meil a:hover p {
        color: red;
    }
    .col-12 h1, .col-12 h2, .col-12 p{
        padding: 20px 0 ;
    }
    .col-12 h2{
        color: red;
    }
    .slanje h1{
        text-align: center;
        color: red;
    }
    .poruka input{
        display: block;
        width: 100%;
        margin-bottom:10px;
    }
    .poruka textarea{
        width: 100%;
        height: 200px;
        
    }
    .Pošalji{
        background: blue;
        color: white;
    }
    
    .Pošalji:hover{
        background: rgb(63,94,251);
        background: linear-gradient(90deg, rgba(63,94,251,1) 0%, rgba(70,233,252,1) 100%);
    }

  .roditelj{
      width: 600px;
      height: 600px;
      background-color: crimson;
      position: relative;
  }  
  .dijete{ 
      width: 300px;
      height: 300px;
      background-color: blue;
      position: absolute;
      bottom: 0%;
      right: 0%;
    
  }
  .palacinka img{
      width: 35%;

  }
  .truba{
      position: relative;
      overflow: hidden;
      padding: 100px 0;
  }
  .teta{
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      opacity: 0.3;
  }
  .linija{
      position: relative;
  }
  .linija::after{
      content: "";
      position: absolute;
    width: 70% ;
    height: 3px ;
    background-color: blueviolet;
    bottom: 0%;
    left: 0%;
  }
  .linija1{
    position: relative;
}
.linija1::after{
    content: "";
    position: absolute;
 
  height: 3px ;
  background-color: rgb(226, 43, 86);
  bottom: 0%;
  right: 15%;
  left: 15%;
}
h3{
    text-align: center;
}
.nav-tabs .nav-link{
    color: red;
}
.accordion-button{
    background-color: rgb(65, 65, 189);
}
.accordion{
    box-shadow: 15px -10px 9px 4px rgba(15,13,13,0.7);
    -webkit-box-shadow: 15px -10px 9px 4px rgba(15,13,13,0.7);
    -moz-box-shadow: 15px -10px 9px 4px rgba(15,13,13,0.7);
}
.ukus img{
    width: 90%;
    
}
.muflon{
    position: absolute;
    top: 0;
      left: 0;
      z-index: -1;
      color: white;
}
.ukus{
    position: relative;
    margin-bottom: 120px;
}
.najbolji img{
    border: 4px solid rgb(147, 137, 164);
    border-radius: 50%; /* zaobljene ivice bordera, 50% za krug */
    padding: 5px 7px; /* da ne bude jajast oblik već okrugao */
}
.najbolji h3{
    color:red
}
.vatra{
    overflow: hidden;
}
.skala h3, .skala h4{
    color: red;
    text-align: left;
}
.prsut{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    text-align: right;
}
#restoran.owl-carousel .owl-nav button.owl-prev,
#restoran.owl-carousel .owl-nav button.owl-next{
    font-size: 60px;

}
#restoran .owl-nav{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 100%;
}
#restoran .owl-nav button.owl-prev{
    float: left;
}
#restoran .owl-nav button.owl-next{
    float: right;
}
.prsut h2, .prsut p{
    background: black;
    color: white;
}
.prsut h3{
    background: white;
    color: red;
}
#brendovi .owl-nav{
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 110%;
}
#brendovi.owl-carousel .owl-nav button.owl-prev{
    float: left;
}
#brendovi.owl-carousel .owl-nav button.owl-next{
    float: right;
}
#brendovi.owl-carousel .owl-nav button.owl-next{
    font-size: 60px;
}
#brendovi.owl-carousel .owl-nav button.owl-prev{
    font-size: 60px;
}
.btn-primary{
    background-color: beige;
    border-color: blueviolet;
    color: blue;
}
.btn-primary:hover{
    background-color: chartreuse;
}
.card:hover{
    box-shadow: 1px 0px 9px 5px rgba(0,0,0,0.75);
-webkit-box-shadow: 1px 0px 9px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 0px 9px 5px rgba(0,0,0,0.75);

}
.galerija{
    background-color: darkseagreen;
    color: azure;
}
.album div{
    border: 1px dashed white;
    padding: 20px;

}

   
















@media(max-width:990px){
    .truba{
        background-color: beige;
    }
}