@font-face {
   font-family: myFirstFont;
   src: url('../font/Bitstream Vera Sans Roman.ttf');
}

html {
	scroll-behavior: smooth;
}

* {
   font-family: myFirstFont;
}

body {
/*	background-image: url('../slike/pozadina.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top;*/
	margin: 0;
	padding: 0;
	min-width: 300px;
	max-width: 100%;
}

.nevidljivi{
	display: none;
}

.social_icons > img{
	float: left;
	width: 50px;
}

@media only screen and (min-width: 600px) and (max-width: 1299px){






	/*NAVIGACIJA*/




	a.skip-main {
	    left:-999px;
	    position:absolute;
	    top:auto;
	    width:1px;
	    height:1px;
	    overflow:hidden;
	    z-index:-999;
	}
	a.skip-main:focus, a.skip-main:active {
	    color: #fff;
	    background-color:#000;
	    left: auto;
	    top: auto;
	    width: 30%;
	    height: auto;
	    overflow:auto;
	    margin: 10px 35%;
	    padding:5px;
	    border-radius: 15px;
	    border:4px solid yellow;
	    text-align:center;
	    font-size:1.2em;
	    z-index:999;
	}



	.navigacija {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 48px;
		max-height: 44px;
		margin: 0;
		background-color: rgba(200,200,200,0.95);
		z-index: 9999;
	}

	.div-navigacija {
		margin: 0 auto;
		max-width: 780px;
		padding: 0 22px;
		position: relative;
		z-index: 2;
		box-sizing: content-box;
	}

	.ul-navigacija {
		display: flex;
		justify-content: space-between;
		margin: 0 -10px;
		height: 44px;
		text-align: justify;
		padding: 0;
		list-style: none;
	}

	.li-navigacija {
		display: inline-block;
		position: relative;
		height: 44px;
		z-index: 1;
		vertical-align: top;
		box-sizing: content-box;
		margin: 0;
		padding: 0;
		pointer-events: auto;
	}

	.a-navigacija {
		line-height: 2.7;
		font-weight: 400;
		text-decoration: none;
		color: #333;
		outline-offset: -7px;
	}

	.a-navigacija:hover {
		color: #111;
	}

	.slika-logo {
		width: 60px;
		height: 40px;
	}

	.slika-logo1 {
		display: none;
	}

	.naslov {
		margin: 0;
		padding: 0;
		line-height: 2.7;
		outline-offset: -7px;
		font-size: 1em;
	}

	#labela {
		display: none;
	}

	#toggle {
		display: none;
	}

	.pozovi {
		display: none;
		position: fixed;
		margin: 0;
		padding: 7px 10px;
		background-color: #ffa801;
		border-radius: 15px;
		right: 20px;
		color: #111;
		font-size: 1.2em;
		font-weight: bold;
		z-index: 10000;
	}

	.telefon {
		line-height: 2.7;
		max-height: 24px;
	}


	.a-scroll {
		display: none;
	}






	/*CENTRALNI DEO*/






	.sekcija {
		display: block;
		margin: 30px auto;
		margin-top: 74px;
		width: 80%;
		min-height: 570px;
	}

	.img-sekcija {
		display: block;
		margin: 0 auto;
		width: 50%;
		border-radius: 100%;
		transition: 0.3s ease;
	}

	.img-sekcija:hover {
		width: 53%;
	}

	.a-sekcija {
		width: 100%;
		display: block;
		float: left;
		text-decoration: none;
		font-size: 2.2em;
		font-weight: bold;
		color: black;
		text-align: center;
		padding: 10px 0;
		transition: 0.3s ease;
	}

	.a-sekcija:hover {
		text-decoration: underline;
		font-size: 2.3em;
	}

	.a-sekcija1 {
		width: 100%;
		display: block;
		float: left;
		text-decoration: none;
		font-size: 1.2em;
		font-weight: bold;
		color: black;
		text-align: center;
		margin: 0;
		padding: 0;
		padding-bottom: 40px;
		transition: 0.3s ease;
	}

	.a-sekcija1:hover {
		font-size: 1.3em;
	}

	.telefon1 {
		line-height: 2.7;
		max-height: 1em;
	}







	/*FUTER*/










	.futer {
		padding: 10px 0 10px 0;
		margin-top: 10px;
		float: left;
		width: 100%;
		height: auto;
		min-height: 150px;
		max-height: 500px;
		background-color: rgba(230,230,230,0.95);
	}

	.div-futer {
		width: 80%;
		margin: 0 auto;
		height: auto;
		min-height: 150px;
	}

	.div-futer-sekcija {
		float: left;
		width: 50%;
	}

	.div-linija {
		display: none;
		float: left;
		width: 1px;
		min-height: 200px;
		background-color: #222;
		margin-bottom: 10px;
	}

	.ul-futer {
		list-style: none;
		font-size: 0.7em;
	}

	.li-futer-naslov {
		font-size: 1.2em;
		margin-bottom: 5px;
		color: #111;
		font-weight: bold;
	}

	.li-futer {
		padding: 7px 0 ;
	}

	.a-futer {
		text-decoration: none;
		color: #111;
	}

	.a-futer:hover {
		text-decoration: underline;
		color: #111;
	}

	.p-futer-copyright {
		float: left;
		margin: auto;
		font-size: 80%;
	}

	.p-futer-kreator {
		float: right;
		margin: auto;
		font-size: 80%;
	}

	.ocisti {
		width: 80%;
		clear: both;
	}

	

}









@media only screen and (min-width: 1300px){






	/*NAVIGACIJA*/


	a.skip-main {
	    left:-999px;
	    position:absolute;
	    top:auto;
	    width:1px;
	    height:1px;
	    overflow:hidden;
	    z-index:-999;
	}
	a.skip-main:focus, a.skip-main:active {
	    color: #fff;
	    background-color:#000;
	    left: auto;
	    top: auto;
	    width: 30%;
	    height: auto;
	    overflow:auto;
	    margin: 10px 35%;
	    padding:5px;
	    border-radius: 15px;
	    border:4px solid yellow;
	    text-align:center;
	    font-size:1.2em;
	    z-index:999;
	}





	.navigacija {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 48px;
		max-height: 44px;
		margin: 0;
		background-color: rgba(200,200,200,0.95);
		z-index: 9999;
	}

	.div-navigacija {
		margin: 0 auto;
		max-width: 780px;
		padding: 0 22px;
		position: relative;
		z-index: 2;
		box-sizing: content-box;
	}

	.ul-navigacija {
		display: flex;
		justify-content: space-between;
		margin: 0 -10px;
		height: 44px;
		text-align: justify;
		padding: 0;
		list-style: none;
	}

	.li-navigacija {
		display: inline-block;
		position: relative;
		height: 44px;
		z-index: 1;
		vertical-align: top;
		box-sizing: content-box;
		margin: 0;
		padding: 0;
		pointer-events: auto;
	}

	.a-navigacija {
		line-height: 2.7;
		font-weight: 400;
		text-decoration: none;
		color: #333;
		outline-offset: -7px;
	}

	.a-navigacija:hover {
		color: #111;
	}

	.slika-logo {
		width: 60px;
		height: 40px;
	}

	.slika-logo1 {
		display: none;
	}

	.naslov {
		margin: 0;
		padding: 0;
		line-height: 2.7;
		outline-offset: -7px;
		font-size: 1em;
	}

	#labela {
		display: none;
	}

	#toggle {
		display: none;
	}

	.pozovi {
		position: fixed;
		margin: 0;
		top: 0;
		padding: 7px 10px;
		background-color: #ffa801;
		border-radius: 15px;
		right: 20px;
		color: #111;
		font-size: 1.2em;
		font-weight: bold;
		z-index: 10000;
	}

	.telefon {
		line-height: 2.7;
		max-height: 24px;
	}

	.a-scroll {
		display: none;
	}







	/*CENTRALNI DEO*/



	.sekcija {
		display: block;
		margin: 30px auto;
		margin-top: 74px;
		width: 50%;
		min-height: 570px;
	}

	.img-sekcija {
		display: block;
		margin: 0 auto;
		width: 50%;
		border-radius: 100%;
		transition: 0.3s ease;
	}

	.img-sekcija:hover {
		width: 53%;
	}

	.a-sekcija {
		width: 100%;
		display: block;
		float: left;
		text-decoration: none;
		font-size: 3em;
		font-weight: bold;
		color: black;
		text-align: center;
		padding: 10px 0;
		transition: 0.3s ease;
	}

	.a-sekcija:hover {
		text-decoration: underline;
		font-size: 3.1em;
	}

	.a-sekcija1 {
		width: 100%;
		display: block;
		float: left;
		text-decoration: none;
		font-size: 2em;
		font-weight: bold;
		color: black;
		text-align: center;
		margin: 0;
		padding: 0;
		padding-bottom: 40px;
		transition: 0.3s ease;
	}

	.a-sekcija1:hover {
		font-size: 2.1em;
	}

	.telefon1 {
		line-height: 2.7;
		max-height: 1em;
	}













	/*FUTER*/










	.futer {
		padding: 30px 0 20px 0;
		float: left;
		width: 100%;
		height: auto;
		min-height: 150px;
		max-height: 250px;
		background-color: rgba(230,230,230,0.95);
	}

	.div-futer {
		width: 60%;
		margin: 0 auto;
		height: auto;
		min-height: 150px;
	}

	.div-futer-sekcija {
		float: left;
		width: 33%;
	}

	.div-linija {
		float: left;
		width: 1px;
		min-height: 200px;
		background-color: #222;
		margin-bottom: 10px;
	}

	.ul-futer {
		list-style: none;
		font-size: 0.8em;
	}

	.li-futer-naslov {
		font-size: 1.2em;
		margin-bottom: 5px;
		color: #111;
		font-weight: bold;
	}

	.li-futer {
		padding: 7px 0 ;
	}

	.a-futer {
		text-decoration: none;
		color: #111;
	}

	.a-futer:hover {
		text-decoration: underline;
		color: #111;
	}

	.p-futer-copyright {
		float: left;
		margin: auto;
	}

	.p-futer-kreator {
		float: right;
		margin: auto;
	}

	.ocisti {
		clear: both;
	}

	

}







@media only screen and (max-width: 599px){



	body {
		margin-top: 5px;
	}


	/*NAVIGACIJA*/


	a.skip-main {
	    left:-999px;
	    position:absolute;
	    top:auto;
	    width:1px;
	    height:1px;
	    overflow:hidden;
	    z-index:-999;
	}
	a.skip-main:focus, a.skip-main:active {
	    color: #fff;
	    background-color:#000;
	    left: auto;
	    top: auto;
	    width: 30%;
	    height: auto;
	    overflow:auto;
	    margin: 10px 35%;
	    padding:5px;
	    border-radius: 15px;
	    border:4px solid yellow;
	    text-align:center;
	    font-size:1.2em;
	    z-index:999;
	}





	.navigacija {
		background-color: rgba(200,200,200,0.95);
		z-index: 9999;
	}

	.div-navigacija {
		margin: 0 auto;
		max-width: 780px;
		padding: 0;
		position: relative;
		z-index: 2;
		box-sizing: content-box;
		background-color: rgba(200,200,200,0.95);
	}

	.ul-navigacija {
		display: none;
		justify-content: space-between;
		margin: 0;
		text-align: justify;
		padding: 0;
		width: 100%;
		text-align: center;
		
	}

	.li-navigacija-logo {
		width: 100%;
		display: inline-block;
		position: relative;
		z-index: 1;
		vertical-align: top;
		box-sizing: content-box;
		margin: 0;
		padding: 0;
		pointer-events: auto;
		background-color: rgba(200,200,200,0.95);
	}

	.li-navigacija {
		width: 100%;
		display: block;
	}

	.a-navigacija {
		line-height: 2.7;
		font-weight: 400;
		text-decoration: none;
		color: #333;
		outline-offset: -7px;
	}

	.a-navigacija:hover {
		color: #111;
	}

	.slika-logo {
		width: 60px;
		height: 40px;
	}

	.slika-logo1 {
		position: absolute;
		left: 50%;
		margin-left: -30px;
		width: 60px;
		height: 40px;
	}

	.naslov {
		margin: 0;
		padding: 0;
		line-height: 2.7;
		outline-offset: -7px;
		font-size: 1em;
	}

	#labela {
		display: block;
		position: absolute;
		right: 10px;
		font-size: 2em;
		cursor: pointer;
		z-index: 10000;
	}

	#toggle {
		display: none;
	}

	#toggle:checked + .ul-navigacija {
		display: block;
	}

	.navBg {
		position: fixed;
		right: 20px;
		bottom: 20px;
		background-color: rgba(200,200,200,0.7);
		border-radius: 3px;
		border: 2px solid gray;
		z-index: 3;
	}

	.a-scroll {
		display: none;
	}


	.pozovi {
		display: none;
		position: fixed;
		margin: 0;
		padding: 7px 10px;
		background-color: #ffa801;
		border-radius: 15px;
		right: 20px;
		color: #111;
		font-size: 1.2em;
		font-weight: bold;
		z-index: 10000;
	}

	.telefon {
		line-height: 2.7;
		max-height: 24px;
	}









	/*CENTRALNI DEO*/






	.sekcija {
		display: block;
		margin: 0 auto;
		margin-top: 74px;
		margin-bottom: 0px;
		float: left;
		width: 100%;
		min-height: 200px;
	}

	.img-sekcija {
		display: block;
		margin: 0 auto;
		width: 70%;
		border-radius: 100%;
		transition: 0.3s ease;
	}

	.img-sekcija:hover {
		width: 75%;
	}

	.a-sekcija {
		width: 100%;
		display: block;
		float: left;
		text-decoration: none;
		font-size: 1.4em;
		font-weight: bold;
		color: black;
		text-align: center;
		padding: 10px 0;
		transition: 0.3s ease;
	}

	.a-sekcija:hover {
		text-decoration: underline;
		font-size: 1.5em;
	}

	.a-sekcija1 {
		width: 100%;
		display: block;
		float: left;
		text-decoration: none;
		font-size: 1.1em;
		font-weight: bold;
		color: black;
		text-align: center;
		margin: 0;
		padding: 0;
		padding-bottom: 40px;
		transition: 0.3s ease;
	}

	.a-sekcija1:hover {
		font-size: 1.2em;
	}

	.telefon1 {
		line-height: 2.7;
		max-height: 1em;
	}








	/*FUTER*/










	.futer {
		padding: 10px 0 10px 0;
		margin-top: 10px;
		float: left;
		width: 100%;
		height: auto;
		min-height: 150px;
		max-height: 500px;
		background-color: rgba(230,230,230,0.95);
	}

	.div-futer {
		width: 90%;
		margin: 0 auto;
		height: auto;
		min-height: 150px;
	}

	.div-futer-sekcija {
		float: left;
		width: 50%;

	}

	.div-linija {
		display: none;
		float: left;
		width: 1px;
		min-height: 200px;
		background-color: #222;
		margin-bottom: 10px;
	}

	.ul-futer {
		padding-left: 10%;
		list-style: none;
		font-size: 0.7em;
	}

	.li-futer-naslov {
		font-size: 1.2em;
		margin-bottom: 5px;
		color: #111;
		font-weight: bold;
	}

	.li-futer {
		padding: 7px 0 ;
	}

	.a-futer {
		text-decoration: none;
		color: #111;
	}

	.a-futer:hover {
		text-decoration: underline;
		color: #111;
	}

	.p-futer-copyright {
		float: left;
		margin: auto;
		margin-right: 10%;
		font-size: 80%;
	}

	.p-futer-kreator {
		float: left;
		margin: auto;
		font-size: 80%;
	}

	.ocisti {
		width: 80%;
		clear: both;
	}
}