.index {
	background:url("../galerija/pocetna.jpg");
	height:800px;
	background-size:cover;
}

.navigacija {
	font-family:Courier New, sans-serif;
}

.navigacija ul li, .navigacija a {
	font-weight:900;
}

.pocetna h1 {
	font-family:Courier New, sans-serif;
	color:gold;
	font-weight:700;
	text-align:center;
	margin-top:15%;
	text-shadow:3px 3px 3px  black;
}

.op li a {
	color:gold;
	font-weight:600;
	text-shadow:1px 1px 1px black;
}

.op li a:hover {
	color:gold;
	text-shadow:2px 2px 2px black;
}

.navbottom {
	margin-top:280px;
}

.navbottom h2 {
	color:gold;
	text-shadow:3px 3px 3px  black;
	font-size:25px;
	margin:0;
}

.navbottom p {
	color:white;
	text-shadow:3px 3px 3px  black;
	margin:0;
	margin-bottom:15px;
}

.navbottom ul li, .navbottom a {
	color:gold;
	list-style-type:none;
	text-shadow:3px 3px 3px  black;
	margin-bottom:5px;
}

.navbottom img {
	float:right;
	margin-right:20px;
}

.slanijelovnik {
	background:url(../galerija/slano.jpg);
	background-size:cover;
}

.slanoidesert h1 {
	font-family:Courier New, sans-serif;
	font-weight:900;
	color:gold;
	text-shadow:3px 3px 3px black;
	margin-top:50px;
}

.slanoidesert img {
	padding:10px;
	border:2px solid gold;
	margin-bottom:25px;
	border-radius:5px;
	box-shadow:2px 2px 2px black;
}

.panel {
	border:1px solid black;
	margin-top:20px;
	box-shadow:2px 2px 2px black;
}

.panel h1 {
	text-shadow:2px 2px 2px black;
	font-family:Courier New, sans-serif;
	font-weight:700;
	border-bottom:1px solid black;
	padding-bottom:10px;
}

.panel h2 {
	font-family:Courier New, sans-serif;
	font-weight:600;
	border-bottom:1px dashed black;
	padding-bottom:10px;
}

.panel-body:hover {
	background:#ffb84d;
	box-shadow:0 0 5px 5px silver;
}

.panel-body:hover p {
	color:black;
}

.panel-body:hover a {
	background:#404040;
	color:orange;
}




@media (max-width:425px) {
	.dropdown {
		margin-left:100px;
	}
	.navigacija ul li  {
		color:black;
		font-weight:600;
		background:#ffffe6;
	}
	.navigacija ul li a {
		color:black;
		font-weight:600;
		background:#ffffe6;
	}
	.navbottom {
		margin-top:100px;
	}
	.pocetna h1 {
		margin-top:75px;
	}
}

@media (min-width:769px) {
	.navigacija ul li {
		font-size:17px;
		text-shadow:2px 2px 2px black;
		color:gold;
	}
	.navigacija a {
		font-size:17px;
		color:gold;
		
	}
}

@media (min-device-width: 425px)  and (max-device-width: 769px) {
	.navigacija ul li {
		font-size:14px;
		text-shadow:2px 2px 2px black;
		color:gold;
	}
	.navigacija a {
		font-size:14px;
		color:gold;
		
	}
	.navbottom {
		margin-top:250px;
	}
}

@media (min-width:1440px) {
	.container-fluid {
		height:800px;
	}
}