#mobilni.opened  { width: 300px !important; background-color: #27456a;  -moz-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }


@media only screen and (max-width: 1200px) {
	
	.page-center { width: 100%; padding-left: 1em; padding-right: 1em; }
}


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

	#glava-zgoraj #meni-zg { font-size: 0.85em; }
}

@media only screen and (max-width: 780px) {
	
	#glava-zgoraj { height: 59px; -moz-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
	#meni-zg { display: none !important; visibility: hidden; font-size: 0; }
	#podmeni { display: none !important; visibility: hidden; }
	#podmeni-mobilni { display: flex !important; justify-content: center; }
	
	#logo { display: inline-block; }
	
	
	.ikona-mob.trigger { display:inline-block; visibility: visible; }
	#mobilni { visibility: visible; display: block; }
	#mobilni-close { visibility: hidden; display: none; }
	#mobilni .meni { visibility: hidden; display: none; }
	#mobilni .close { display: block; }
	
	
	.home-wrap { min-height: 100vh; }
	
	.notranja .razdelek { padding-top: 6em; }


	
	h1 { font-size: 2.5em; line-height: 1; margin: 0 0 1rem; }
	h2 { font-size: 1.5em; padding-top: 0.7em; }
	h3 { font-size: 1em !important; padding-top:0.7em !important; }
	
	#footer-wrap {  margin-top: 0;  }
	#footer  { text-align: center; }
	#footer span { white-space:pre; }
	#footer span:before { content: '\A'; }
	#footer p { margin-top: 0; }
	
	#meni-footer .meni { justify-content: center; flex-direction: column; }
	#meni-footer .meni a { padding-left: 0; padding-top: 0.5em; }
	
	.dva-stolpca { column-count: 1; -moz-column-count: 1; column-gap: 0; -moz-column-gap: 0; }
/*	.dva-stolpca p:first-child { margin-top: 20px; }	*/
	.force-break { break-after: avoid; }
	
	#izpostavljeni-tina { display: block; }
	#izpostavljeni-tina-tekst-wrap { width: 100%; padding-left: 0; }
	#izpostavljeni-tina-slika { background-position: 50% 20%; height: 450px; }
	.table-block { display: block; width: 100%; }

}


@media only screen and (max-width: 580px) {
	
	#podmeni-mobilni { justify-content: flex-start; }
	
	h1 { font-size: 2em; margin: 0 0 1rem; }
	h2 { font-size: 1.2em; padding-top: 0.5em; }
	h3 { padding-top:0.5em !important; }
	
	.razdelek { padding-bottom: 1em; }

}


@media only screen and (orientation: portrait) {
	
	.home-vsebina { display: block; width: 100%; padding-top: 1em; padding-bottom: 2em; background-position: center top; }
	.home-wrap { padding-top: 2em;  }
	.home-levo { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: flex-end; padding-left: 1em; padding-right: 1em; }
	.naslov-h1 { font-size: 8vw; text-align: center !important; vertical-align: middle !important; }
	.naslov-h2 { margin-top: 0; font-size: 4vw; text-align: center; font-weight: normal; text-shadow: 0 0 3px #d8b4d8, 0 0 5px #97d9f1; }
}

@media only screen and (max-width: 600px) and (orientation: portrait) {
	
	.naslov-h2 { font-size: 1em; }
	.flex-block { display: block;  }

	.flex-block .flex-slika { display: block; width: 100%; height: auto; margin-bottom: 10px;  }
	.flex-block .flex-slika a { width: 100%; height: auto; }
}

@media only screen and (max-width: 400px) {
	
	#mobilni.opened  { width: 100% !important; }
}

@media only screen and (max-width: 340px) {
	
	#glava-zgoraj .page-center { display: flex; justify-content: flex-end; }
}


@media only screen and (orientation: landscape) and (max-height: 550px){
	body, html { font-size: 18px; } 
	.vsebina .razdelek { padding-top: 2em; padding-bottom: 1em; }
	.home-wrap .razdelek { padding-top: 0.1em; padding-bottom: 0.1em; }
	.home-wrap .razdelek p { margin-top: 0.5em; margin-bottom: 0.5em; }
	.home-levo { width: 85%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: flex-end;  }
	
	.gumb-naprej { margin-top: 0.5em; }
	
	#izpostavljeni-tina-slika { max-height: calc(100vh - 70px); background-position: 50% 30%; }
}