.navbar .navbar-brand:hover {
  color: DodgerBlue;
}

.navbar-nav .nav-item .nav-link {
  color: #21254C;
}

.navbar-nav .nav-item:hover .nav-link {
  color: DodgerBlue;
}

.dropdown-item {
  color: #21254C;
}

a.dropdown-item:hover {
  color: DodgerBlue;
}

footer {
  color: #21254C;
  text-align: center;
}

.HTMLBesedilo {
  font-size: 16px;
}

.HTMLBesedilo img {
  border: solid 1px Gainsboro;
}

a:link    {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover   {text-decoration: none;}
a:active  {text-decoration: none;}

.HTMLBesedilo a:link    {color: RoyalBlue; text-decoration: none;}
.HTMLBesedilo a:visited {color: RoyalBlue; text-decoration: none;}
.HTMLBesedilo a:hover   {color: RoyalBlue; text-decoration: underline;}
.HTMLBesedilo a:active  {color: RoyalBlue; text-decoration: none;}

.thumbnail {
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
}

.thumbnail img {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border: solid 1px Gainsboro;
}

hr.Razdelek {
  border: 0;
  height: 5px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(230,230,250,1), rgba(0,0,0,0));
  background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(230,230,250,1), rgba(0,0,0,0));
  background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(230,230,250,1), rgba(0,0,0,0));
  background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(230,230,250,1), rgba(0,0,0,0));
  margin-top: 20px;
  margin-bottom: 15px;
}

body {
  background: url('../images/zastava_slo.png') no-repeat center center fixed;
  background: url('../images/399.jpg') no-repeat center center fixed;  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.header-background-image {
  background-image: url("../images/zastava_slo.png");
  background-color: #cccccc;
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.header-background-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: White;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}