@charset "utf-8";
/* CSS Document */
body {background:url(backgroundkljucar.jpg);margin:0;font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"}
#wraper {width:1200px;margin:0 auto;background:black;}
header {height:150px;background:url(teksturahider.jpg);padding:10px;background-size: cover;}
header h1 {margin-top:45px;}
nav {height:50px;background:url(teksturahider.jpg);background-size: cover;}
nav ul {list-style: none;margin:0px;}
nav ul li {float:left;}
nav ul li a {height:10px;padding:20px;display:block;text-decoration: none;font-weight:bold;color:black;}
nav ul li a:hover {background:green;}
nav ul li a:active {background: #E45C5E;}
main {background:url(Pocetna.jpg);padding:40px;background-size:cover;background-repeat: no-repeat;}
footer {height:50px;background:url(teksturahider.jpg);text-align:center;font-width:bold;padding:2px;background-size:cover;}
footer p {font-width:bold;}
.kont {background:green;}
main p {font-size: 23px;}



@media screen and (min-width:1024px) and (max-width:1260px){
	#wraper {width:980px;;background:#107d5c;} 
	main {background-size:100%}
	iframe {width:100%}
}

@media screen and (min-width:768px) and (max-width:1023px){
	#wraper {width:670px;background:#107d5c;}
	main {background-size:100%}
	iframe {width:100%}
	
}

@media screen and (max-width:768px) {
		#wraper {width:auto;background:#107d5c;}
	main {background-size:100%}
	nav ul li {float:none;}
	nav {height:auto;}
	iframe {width:100%}
	footer {width:auto}
	
	
	
}