*{box-sizing: border-box}

li {color: purple;
font-size: large;
 }
	
h1 {color: navy;
text-align: center;
font-size: 40px;
}

h2 {color: purple;
text-align: left;
font-size: 30px;
font-family: Arial;
}

p {color: black;
font-family: Arial;
text-indent: 2%;
text-decoration: none;
}

.metulj{font-weight: bold}

a:link {color: fuchsia;
text-decoration: none;}

a:visited {color: purple}

a:hover {text-decoration: underline;
color: blue;}

img {max-height: 300px}

nav {background-color: indigo;
padding: 0px;
}

nav a:link,nav a:visited {color: #FFE4E1;
padding: 15px 10px;
margin: 10px;
background-color: #483D8B;
text-decoration: none;
display: inline-block;
}

footer {position: fixed;
bottom: 10px;
text-align: center;
color: #FFE4E1;
background-color: #483D8B;
}

body {background-color: #F0F8FF;
}

.active{background-color: black !important;
color: #FFE4E1 !important;
}

@media (max-width: 1200px){
	img {max-width: 45%}
}

@media (max-width: 900px){
	img {max-width: 65%;
	margin: auto;
	padding: 2px;
	}

}

@media (max-width: 600px){
	img {max-width: 100%}
	nav a {display: block !important;
	margin: 2px 5px;
	}
	nav a:first-child {margin-top: 15px !important;}
}