html{scroll-behavior: smooth; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
a:visited, a:hover, a:active, a:link{color:#9f511a}
body{width:100vw; height:auto; display:block; box-sizing: border-box; 
	border:none; padding:0; 
	margin:0; color:black; font-family:Tahoma, sans-serif; font-size:1em; 
	background-color:white; overflow-x:hidden; 
	background-image:url(/slike/body-background.webp);
	background-size: cover;
	background-position:center 15%;
	background-attachment: fixed;  }	
header{
	position: fixed; top:0; left: 0;
	height:4em; width:100vw; 
	z-index:999;
	background-color: rgba(0,0,0,0);}
	#header_logo{
		width:auto; 
		max-width:calc(100vw - 4em);
		height:100%;
		cursor: pointer;
		object-fit: contain;
		object-position: left;
		clip-path: polygon(0% 0, 100% 0%, 80% 100%, 0% 100%);}
	#header_botun{
			position: fixed; 
			top:0; right:0;
			width:4em;
			height: 4em;
			display: flex;
			}
		.nav_crta{
			display: block;
			background-color: white; 
			height:8%; width: 100%;
			margin:20% auto;
			clear: both;
			transition: .5s;
			}
		.nav_crta:first-of-type{transform-origin:top left;}
		.nav_crta:last-of-type{transform-origin:bottom left;}		
	header nav a{text-decoration: none; 
				font-family: 'Ubuntu', sans-serif;   
				font-size: 150%;
				position: fixed;
				top:0;
				left:-50vw;
				height:50vh;
				width: 50vw;
				cursor: pointer;
				display: flex; justify-content: center; 
				align-items: center; align-content: center;
				flex-wrap: wrap;
				text-transform: uppercase;
				background-size:auto 2em;
				background-repeat: no-repeat;
				background-position: center calc(50% - 1em);
				padding-top:2em;}	
	header nav a:nth-of-type(2n - 1){left:-50vw}
	header nav a:nth-of-type(2n){left:100vw}
	header nav a:nth-of-type(3){top:50vh}
	header nav a:nth-of-type(4){top:50vh;}
	header nav a:hover{color:white; }
		
main{width:100%; box-sizing:border-box; padding:0; margin:0; font-size:1em;}	
SECTION, footer{margin:0; 
	padding:7em 0; 
	padding-top: 0;
	height:auto; width:100%; clear:both;
	}
#about-us:before{content: ''; 
			width: 100%; height:.5rem; display: block;
			background-color: #B25F22; 
			margin-bottom: 7rem;}	
article{ height:auto; width:100%; 
	margin:0; padding:0; 
	box-sizing:border-box;}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Ubuntu', sans-serif;  
	width:100%; display: block; 
	font-weight: bold; }	
.cover{object-fit: cover; object-position: center;}
.contain{object-fit: contain; object-position: center;}
.naslov{background: rgb(162,93,55);
	background: linear-gradient(90deg, rgba(162,93,55,1) 0%, rgba(224,169,96,1) 40%, rgba(224,169,96,1) 60%, rgba(162,93,55,1) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent; text-transform: uppercase;
	font-size: 500%;}
#opis_za_SEO{font-size:1em; height:.000001rem; width:100%; padding: 0;
	margin: 0; top:0; left:0; overflow: hidden; position: fixed;}
.pocetna{width:100vw; height:100vh;  display: block; 
	margin:0em; padding:0;  overflow:hidden;}
	.pocetna:before{display: none;}				
.ulja{max-height:40em; 
		object-position: center;
		object-fit:contain;
		}
.stol-top{
	background-image: url(/slike/stol-top.jpg);
	background-repeat: no-repeat;
	background-size: 100vw 10vw;
	background-position: bottom;}

/* GALERIJA SLIKA */
	#galerija_slika {display:flex; justify-content:flex-start; 
				align-content:flex-start; align-items:flex-start; 
				flex-wrap:wrap;
				box-sizing:border-box; margin-top:0rem;
				width: 100%; height: auto;
				padding-bottom: 5em;}
		#galerija_slika img{width:25%; height:15rem; 
							object-fit:cover; 
							object-position: center; 
							border:.25rem solid rgba(0,0,0,0);
							cursor: pointer; transition:0s;
							box-sizing: border-box; outline:none}
		#galerija_slika img:hover{border-width:0 }					
		#galerija_slika_navigator{height:2em; width:100%; display:flex; 
								justify-content:center;  
									align-items:center; clear:both;	
									box-sizing:border-box; margin-top: 1rem;}
			#galerija_slika_navigator button {height:1em; width:1em; 
											border-radius:1em; 
											border:.1em solid #B25F22;
											 padding:0; box-sizing:border-box; 
											 margin:0 .3em; cursor:pointer; 
											 font-size:1em; 
											 background-color:white}
			#galerija_slika_navigator button:hover{border:.13em solid #B25F22;}
			#galerija_slika_navigator button:disabled{border:.1em double #B25F22; 
										cursor: default; background-color:#B25F22}								
			
/* UVEĆANA SLIKA IZ GALERIJE*/			
	#galerija_detalji{position:fixed; width:100vw; height:100vh; overflow:hidden;
			top:100vh; left:0vw; transition:.5s; box-sizing:border-box; 
			z-index:3000000000; 
			padding:0em; background-color:rgba(255,255,255,.9);
			background-size:contain; background-repeat:no-repeat; 
			background-position:center;}	
		#galerija_detalji button{cursor:pointer; border:none; 	
						background-image:url(/slike/galerija_strelica.svg); background-repeat:no-repeat; 
						background-size:4em auto; background-position:6em calc(50% + 0em); 
							padding:0; margin:0; background-color:rgba(255,255,255,0); 
							box-sizing:border-box; float:left; transition:.1s;
						height:calc(100% - 10em); width:50%; margin-right:0; }
		#galerija_detalji button:hover{background-size:4.5em auto;}										
		#galerija_detalji button:disabled{cursor:default; background-size:4em auto; opacity:.25}										
		#galerija_detalji button:disabled:hover{background-color:rgba(255,255,255,0); filter:grayscale(100%); }										
		#galerija_detalji button:nth-of-type(1){width:100%; clear:left; height:10em; background-position:center;
									background-image:url(/slike/galerija_zatvori.svg);  }	
		#galerija_detalji button:nth-of-type(3){transform:rotate(180deg); }	
footer{background-image: url(/slike/footer.webp);
		background-size:cover;
		background-position:right bottom;
		background-repeat: no-repeat;
		padding-bottom: 2em;
		margin-top: -3em;
		background-attachment: fixed;}
	#lokacija{filter:sepia(20%)}
	#lokacija:hover{filter:none}
	#footer_kosa_crta{width:100vw;
				height:5em;
				clip-path: polygon(100% 0, 0 0, 0 100%);
				margin-bottom: 5em;}	
	footer address a{
				font-style:normal; text-decoration:none; 
				font-family: 'Ubuntu', sans-serif; 
				display:flex; 
				align-items: center; align-content: center;
				width:auto; height:auto; 
				min-height: 2em;
				background-position:left ; 
				background-repeat:no-repeat; 
				background-size:auto 3rem;
				box-sizing:border-box; 
				font-size:1.5rem; 
				text-align:left; 
				color:white;
				box-sizing: content-box;
				padding-left:3.5rem; margin:1em 0;
				line-height: 110%;}	
	footer address a:hover{color:#ff6a00;   }	
	footer address a:visited,
	footer address a:active, 
	footer address a:link {color:#ffffff;   }	
#pero{display:block; color:rgba(0,0,0,0); width:2.5em; 
	height:2.5em; border-radius:100em;
	background-image:url(/slike/pero.svg); background-size:cover; 
	margin:0em auto; overflow:hidden; margin-top: 3em;
	clear:both; filter:none; clear:both; transition:.25s;}		
	#pero:hover{box-shadow:0rem 0rem .5rem gray;}