body {
  font-family: 'Yaldevi', sans-serif !important;
  background: url(../slike/KPV_bckgrBluG.png) top center no-repeat;
  background-size: cover;
  background-attachment: fixed;  
}

body.voda{
  font-family: 'Yaldevi', sans-serif !important;
  background:url(../slike/KPV_bckgrBluGw.png);
  background-size: cover;
  background-attachment: fixed;
}

body.ocov{
  font-family: 'Yaldevi', sans-serif !important;
  background:url(../slike/KPV_bckgrBluGw.png);
  background-size: cover;
  background-attachment: fixed;
}

body.rzo{
  font-family: 'Yaldevi', sans-serif !important;
  background:url(../slike/KPV_bckgrBluGw.png);
  background-size: cover;
  background-attachment: fixed;
}

body.vjp{
  font-family: 'Yaldevi', sans-serif !important;
  background:url(../slike/KPV_bckgrBluGw.png);
  background-size: cover;
  background-attachment: fixed;
}

.text-justify {
    text-align: justify;
}

.nav-link:hover {
	box-shadow: 0px 1px 0px 0px rgba(90,120,40,.65);
}

h7, .h7 {
  font-size: 0.85rem;
}

.fs-7 {
  font-size: 0.85rem !important;
}

.fs-8 {
  font-size: 0.75rem !important;
}

.fs-9 {
  font-size: 0.65rem !important;
}

.header .image-container{
  z-index: 10;
}

.table > tbody > tr > td:nth-child(5) {
	text-align: center !important;
}
.table > tbody > tr > td:nth-child(7) {
	text-align: center !important;
}
.table > tbody > tr > td:nth-child(8) {
	text-align: center !important;
}
.table > tbody > tr > td:nth-child(9) {
	text-align: center !important;
}
.table > tbody > tr > td:nth-child(10) {
	text-align: center !important;
}
.table > tbody > tr > td:nth-child(11) {
	text-align: center !important;
}
.table > tbody > tr > td:nth-child(12) {
	text-align: center !important;
}

.to-top-btn {
  position: fixed;
  z-index: 20;
  bottom: 20px;
  right: 20px;
  opacity: 0;
  width: 52px;
  height: 52px;
  border: none;
  border-radius: 50%;
  outline: none;
  background-color: #44434a;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
}

.to-top-btn:hover {
  background-color: #1d1d21;
}

.to-top-btn img {
  margin-bottom: 0.25rem;
  width: 18px;
}

.show {
  opacity: 1;
}

@media (min-width: 600px)
{
  .container { width: 600px; }
}


.objOsm{
	max-width: 70%;
}

@media (min-width: 99px) {
	.objOsm {
		max-width: 120%;
		p { font-size: calc(13px * 0.8); }
	}
}

@media (min-width: 575px) {
	.objOsm {
		width: 105%;
		p { font-size: calc(13px * 1.0); }
}


@media (min-width: 991px) {
	.objOsm {
		width: 90%;
		p { font-size: calc(13px * 1.15); }
	}
}

@media (min-width: 1199px) {
	.objOsm {
		width: 70%;
		p { font-size: calc(13px * 1.25); }
	}
}