body {
	background-color: rgb(219, 219, 219);
	margin-bottom: 100px;
}

ul {
	font-size: 20px;
	color: green;
}

ol {
	font-size: 30px;
	color: rgb(0,0,150);
}

table, td, th {
	border: 2px solid rgb(0,0,0);
}

td {padding: 10px;}
.nav_bar {
	display: flex;
	justify-content: center;
	flex-direction: row;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: rgb(130, 70, 50);
	font-size: 25px;
	width: 100%;
	
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
}

.active {
	color: rgb(50, 50, 50) !important;
	background-color: rgba(230, 162, 60, 0.531);
	border-radius: 6px;
	padding: 6px;
}

.nav_small a {
	display: inline-block;
	text-decoration: none;
	color: rgb(255, 255, 255);
	border-radius: 6px;
	padding: 6px;
}

.nav_small {
	display: flex;
	gap: 40px;
}

#menu_btn {
	display: none;
}


footer {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 40px;
	width: 100%;
	background-color: rgb(100, 100, 100);
}
footer p {
	color: rgb(255, 255, 255);
	font-size: 15px;
	text-align: center;
	margin-bottom: 20px;
}


h1 {
	display: flex;
	justify-content: center;
	margin-top: 120px;
	font-size: 50px;
	color: rgb(10, 10, 10);
}

.info_naslovi {
	display: flex;
	justify-content: center;
	font-size: 40px;
	color: rgb(0, 0, 0);
}

.podnaslov {
	margin-left: 30px;
	color: rgb(0, 0, 0);
}

#povezava:link{
	display: flex;
	justify-content: center;
	padding: 20px;
	font-size: 25px;
	color: antiquewhite;
}
#povezava:visited{
	color: antiquewhite;
}

#povezava_file:link, #povezava_file:visited {
	text-decoration: underline;
	color: rgb(75, 72, 72);
}

.container {
	display: flex;
	justify-content: center;
}

#slika {
	margin-top: 30px;
	max-width: 800px;
    height: auto;
}

/* medvedi_slo */

.besedilo{
    color: rgb(99, 23, 23);
}

.odstavek{
	color: rgb(99, 23, 23);
}

p {
	color: rgb(23, 23, 23);
	font-size: 20px;
	margin-left: 50px;
	margin-right: 50px;
	text-indent: 15px;
	padding-bottom: 20px;

}

.image-container {
    margin-top: 50px;
    margin-bottom: 100px;
}

#slika1 {
	display: block;
  	margin: auto;
    max-width: 800px;
    height: auto;
    margin-bottom: 30px;
}

#slika2 {
	display: block;
	margin: auto;
    max-width: 800px;
    height: auto;
}

#med_slo_povezava {font-size: 20px;}
#med_slo_povezava:link {
	color: green;
	text-decoration: none;
}
#med_slo_povezava:visited {
	color: purple;
}


div.slike {
	margin-top: 100px;
	margin-bottom: 40px;
	margin-left: 15%;
	margin-right: 15%;
}
div.slike img {
	height: auto;
	width: 30%;
	padding: 10px;
}


@media (max-width: 1000px) {
	#slika, #slika1, #slika2 {
		max-width: 60%;
    	height: auto;
	}

	h1 {
		font-size: 30px !important;
	}

	div.slike {
		margin-left: 10%;
		margin-right: 10%;
	}
	div.slike img {
		width: 40%;
	}
}

@media (max-width: 600px) {
	#menu_btn {
		color: white;
		background-color: rgb(79, 80, 80);
		border: none;
		font-size: 17px;
		border-radius: 6px;
		height: 40px;
		width: 70px;
		padding: 0, 10px;
		cursor: pointer;
		margin-left: 75%;
	}

	.nav_small {
		padding: 10px;
		min-width: 150px;
		display: none;
	}

	.nav_small a {
		color: rgb(0, 0, 0);
		padding: 10px 15px;
		text-decoration: none;
		display: block;
	}

	.nav_bar:hover .nav_small {
		display: block;
	}

	.nav_bar {
		flex-direction: column;
		text-align: center;
	}

	.active {
		color: rgb(50, 50, 50) !important;
		background-color: rgba(230, 162, 60, 0.531);
		border-radius: 10px;
		padding: 10px !important;
		margin-left: 50px;
		margin-right: 50px;
	}
	

	#menu_btn {
		display: block;
	}
}

@media (min-width: 1000px) {
	#menu_btn {
		display: none;
	}

}