@media only screen and (max-width: 70em) { 
header{position:fixed; width:100vw; height:4rem; border:none; font-size:1em;top:0; padding: 0; margin: 0;
	background:url(/slike/header-menu.svg),linear-gradient(0deg, #9BC328 0%, #729C25 100%), url(/slike/header-logo.svg),linear-gradient(0deg, #9BC328 0%, #729C25 100%); 
    background-size:2.5rem auto, 4rem 100%, auto 2.5rem, cover; 
    background-repeat:no-repeat, no-repeat, no-repeat, no-repeat; 
    background-position:calc(100% - .75rem) 1rem,right top, calc(50% - 30vw) center, center ;
    box-shadow:0 0 .5em rgba(0,0,0,.5); z-index:1; cursor: pointer;}
	header img{display:none}					
	header nav{position:fixed; left:0; top:4rem; height:0; width:100vw; box-sizing:border-box;
				z-index:2; padding:0; display:block; margin:0; font-size:1em;
                cursor:pointer; overflow: hidden; transition: .5s;
                background-color:#9BC328;}
		header nav a{display:block; font-size:1em; padding:.75em 0; border: none; border-radius: 0;
                    margin:0; text-align:center; width:100%;
					height:auto;  word-spacing:0em; transition:.25s; box-sizing: border-box;
					border-top:.1rem solid white; color:white; background-size:0 0 ;}

main{width:100vw; border:none; box-sizing:border-box; font-size:1em; height:AUTO; padding:0;  margin:0; }	
section{width:100vw; box-sizing:border-box; margin:0;}
article{padding:1em 4vw; }		
article p{font-size: 1.1rem;}		
h1{word-break:break-word}
h2{font-size:4em !important; word-break:break-word; padding-top:2rem;}
h4{font-size:1.25em !important; word-break:break-word }
/* ------------ POČETNA -------------------------*/	
.Home{padding-top:0; width:100vw; height:calc(80vw + 4rem); overflow:hidden; padding-top:4rem; box-sizing: border-box;}
	.Home video{width:100vw; height:80vw; object-position: center; object-fit: cover;}			
/* ------------ ABOUT -------------------------*/	
/*.About-us{}*/
	.About-us div{height:auto;}
		.About-us_img{float: none; width:100%; height:40vw; object-fit: cover; object-position: right;
					 border-bottom-right-radius:0rem; border-top-left-radius:0rem; display: none;}
		.About-us p{float: none; width:100%;  height: auto; padding:0; padding-left:0rem; box-sizing: border-box;
					text-align: left;  margin:.5rem 0;  font-style: normal; font-size: 1.1rem;}
	.slika_180{clear: both; width: 100vw; height: 50vw; margin-top:0em; margin-bottom:0;
			border-top:none; border-bottom:.5em solid #739D25; box-shadow:none;
			object-fit: cover; box-sizing: border-box; }
/* ------------ MENU -------------------------*/	
.Menu{box-sizing:border-box; overflow-x: hidden; margin:0; margin-top: -1em; padding: 0;
	background-image: url(/slike/menu-bg.webp); background-size:auto 100%; background-repeat: repeat-x; 
	width:100vw; height:auto;}
	.Menu article{padding: 0; padding:2em 0; padding-top:3em; }
	.Menu h2{padding:0em 4vw; box-sizing: border-box;}
	.Menu article>p{font-style: normal; margin-top:0rem; padding:0 4vw; margin-bottom:1rem; }
	.dishes_container{height:auto; }
		.dish{font-size: 1.2rem !important; height: 100%; padding:0em 4vw; box-sizing: border-box;
			display: flex; justify-content:center !important; justify-items:center; align-items: flex-end; align-content: flex-end;flex-wrap: wrap;}
			.dish img{height:16rem; width:16rem;  box-shadow:none; border-radius: 10000vw;
					object-position: center; object-fit: contain; margin-left:calc(50vw - 8rem);}
			.dish div{height: 100%;width:100%; max-width:100vw;
					display: flex; justify-content:flex-start; align-items: center; align-content: center;flex-wrap: wrap;}
				.dish h3, .dish p{width: 100%; text-align: center; padding: 0; color:#221714; }
				.dish h3{font-size:2rem !important;}
                .dish p{margin: .25rem 0; line-height: 120%; margin-bottom: .75rem;}
                .dish h3{font-size: 2.2rem; text-align: center; width: 100%; margin-top: .25rem;  word-break:break-word; font-weight: bold;}
				.dish_a{display: block; height:auto; width: auto; padding:1rem; padding-left: 3.75rem; background-color:#2B1D19; 
						border-radius: .5em; box-shadow: 0rem 0rem .7rem rgba(0,0,0,1); color: white;transition: .25s;
						background-image:url(/slike/menu.svg); background-repeat: no-repeat; background-size:auto 80%; background-position:.5rem center;
						margin-bottom: 2rem;}	
				.dish_a:hover{ padding:1rem 1.25rem 1rem 4rem}		
	#menu_navigator{clear: both;}	
		#menu_navigator	button{height:1.5rem; width: 1.5rem; border-radius: 3em; font-size: 1rem; margin: 0 .25rem; background: #85583B;
							border:.25rem solid #2B1D19; box-sizing: border-box; box-shadow: 0rem 0rem 1rem rgba(0,0,0,.5);}
		#menu_navigator	button:disabled{background-color:#2B1D19; cursor: default;}	
		#menu_navigator	button:disabled:hover{background-color:#2B1D19}	
		#menu_navigator	button:hover{background-color:#739D25}					
/* ------------ CONTACT -------------------------*/
footer{clear:both; height:auto; width:100vw; z-index:-10; box-sizing:border-box; border-top:.5em solid #739D25; 
	background:linear-gradient(180deg, #fef8e5 0%, #fef8e5 10%,#fef8e570 100%), url(/galerija_slika/restaurant-kiwi-1072.webp); 
	background-repeat:no-repeat, no-repeat; background-size:cover, cover;
	background-attachment:fixed, fixed; text-shadow: 0 0 1em white; }		
	.Contact{padding:2em 4vw; padding-bottom:0;}
	.Contact h2{font-size:4rem;word-break:break-word; margin-bottom: 0; line-height: 100%;}
	.Contact:after{content:''; display:block; width:100%; height:.00001em; background-color:rgba(255, 255, 255, 0); clear:both}
		#goooooogle{float:none; width:100%; height:50vh; box-sizing:border-box; padding-top:2em}
			#goooooogle iframe{width:100%; height:100%; transition:.5s; border-bottom-right-radius: 2rem; border-top-left-radius: 2rem; filter: sepia(20%);}
	footer address{float:none; width:100%; height:auto; font-style:normal; text-decoration:none; 
					font-size: 1.25rem; 
					padding:0; padding-left:0em; box-sizing:border-box; color:#2B1D19; flex-wrap:wrap;
					display:flex; align-content:center;  align-items:center; justify-content:flex-start}				
		footer address a{font-style:normal; text-decoration:none; display:block; width:100%; 
						height:auto; background-position:left; 
						background-repeat:no-repeat; background-size:auto 1.8em;
						box-sizing:border-box; text-align:left; color:#2B1D19;
						padding:.4em 0; margin:.2em 0; padding-left:2.3em; line-height:130%;}	
		#facebook_follow{width:10em; height: 2.8em; }	
		#facebook_follow:hover{filter:hue-rotate(-130deg)}		
		footer address a:hover{color:#739D25}					
.pravne_napomene{width:100%; text-align:center; padding-top:0; clear:both; height:auto; padding-top:3rem; box-sizing:border-box;
				display:block; justify-content:center; align-items:center; align-content:center;
				background:url(/slike/about_us.webp); background-size:cover; background-position:top; border:none;
				margin-top:0em; color:black}
		#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:80%; background-repeat:no-repeat; background-position:center;
			margin:1em 0;margin-left:calc(50vw - 1.25em); overflow:hidden; clear:both; transition:.25s; }	
		#pero:hover{background-size:100%;}


		}