#mobilni.opened  { width: 320px !important; background-color: #ffffff !important; }
/* #mobilni.opened .mobilni-trigger { background-color: #d35564 !important;  } */

@media only screen and (max-width: 1200px) {
	
	.page-center { width: 98%; }
	
	#glava-wrap .ikona.trigger { display:inline-block; visibility: visible; }
	#meni-glavni { display: none; visibility: hidden; }
	
	#mobilni { visibility: visible; display: block; }
	#mobilni-close { visibility: hidden; display: none; }
	#mobilni .meni { visibility: hidden; display: none; }
	#mobilni .close { display: block; }
	
	.vstopna #glava-wrap { height: calc(100vh - 110px);  border-bottom: none; }
	
	.notranja #meni-wrap { background-color: #ffffff; z-index: 10; }
	.notranja #logo { position: relative; top: 0; margin-bottom: 2px; }
	.notranja #glava-wrap .ikona { position: absolute; top:0; padding:0; }
	.notranja #mobilni { position: absolute; top: 0; right: 0; }
	
	
	
	#izpostavljeno-izp { width: 98%; margin-left: 1%; margin-right: 1%; }

	h1 { font-size: 2em; padding-top: 0.5em; padding-bottom: 0.3em; }
	#vsebina h2 { font-size: 2.5em;  }
}

@media only screen and (max-width: 800px) {
	
	#logo, #logo-stickyhead { top: 0.5em; left: 1em; }
	#glava-wrap .ikona { top: 0.5em; right: 1em; padding: 0; }
	#mobilni-trigger { top: 0.5em; right: 1em; }
	
	
	h1 { font-size: 1.5em; padding-top: 0.7em; line-height: 1; }
	h2 { font-size: 1.5em; padding-top: 1em; }
	h3 { font-size: 1.1em; padding-top: 0.5em !important; }
	
	.vstopna h1 { font-size: 2em; }
}

@media only screen and (max-width: 660px) {
	
	.izpostavljeno { margin-top: 2em; }
	#izpostavljeno-izp, #izpostavljeno { margin-top: 2em; }
	#izpostavljeno .posamezna h3 { margin-top: 0.5em; }
}


@media only screen and (max-width: 560px) {
	
	
	
	#izpostavljeno { justify-content: center; }
	#izpostavljeno .posamezna, #izpostavljeno.prikazano1 .posamezna, #izpostavljeno.prikazano2 .posamezna, #izpostavljeno.prikazano3 .posamezna, #izpostavljeno.prikazano4 .posamezna { width: 400px; height: 35em; margin-bottom: 4em; }
	#izpostavljeno .posamezna .slika { height: 20em; background-size: auto 23em; }
	#izpostavljeno .posamezna .overlay { height: 20em; }
	#izpostavljeno .posamezna .tekst { height: 4.7em; xmargin-top: 0.8em; }

}

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

	#izpostavljeno .posamezna, #izpostavljeno.prikazano1 .posamezna, #izpostavljeno.prikazano2 .posamezna, #izpostavljeno.prikazano3 .posamezna, #izpostavljeno.prikazano4 .posamezna { width: 100%; }
}

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


@media only screen and (max-height: 500px) {
	
	.slikovna-pasica .slika img { width: auto; height: calc(100vh - 63px); }
	.slikovna-pasica.slika-levo .slika img { width: auto; height: calc(100vh - 63px); }
}