/*-----  Prevents iPhone from resizing in landscape mode -----*/
html { -webkit-text-size-adjust: none; }

/*-----  Apply a natural box layout model to all elements -----*/
{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


@media only screen and (min-width: 1140px) {
	#slika_zacetna {
		position:fixed;
		width:100%;
		height:700px;
		top:0;
		left:0;
		z-index:200;
	}
	
	#vsebina {
		position:relative;
		width:75%;
		margin:25px auto;
		padding:0 25px;
		font-size:18px;
		font-family:Tahoma, Geneva, sans-serif;
		color:#FAFAFA;
		border:1px solid transparent;
		background-color:rgba(0, 0, 0, 0.7);
		z-index:300;
	}
}

@media only screen and (min-width: 850px) and (max-width: 1139px){	
	#slika_zacetna {
		position:fixed;
		width:100%;
		height:700px;
		top:0;
		left:0;
		z-index:200;
	}
	
	#vsebina {
		position:relative;
		width:75%;
		margin:25px auto;
		padding:0 25px;
		font-size:17px;
		font-family:Tahoma, Geneva, sans-serif;
		color:#FAFAFA;
		border:1px solid transparent;
		background-color:rgba(0, 0, 0, 0.7);
		z-index:300;
	}
}

@media only screen and (min-width: 600px) and (max-width: 849px){	
	#slika_zacetna {
		position:fixed;
		width:100%;
		height:700px;
		top:0;
		left:0;
		z-index:200;
	}
	
	#vsebina {
		position:relative;
		width:75%;
		margin:25px auto;
		padding:0 25px;
		font-size:16px;
		font-family:Tahoma, Geneva, sans-serif;
		color:#FAFAFA;
		border:1px solid transparent;
		background-color:rgba(0, 0, 0, 0.7);
		z-index:300;
	}
}

@media only screen and (min-width: 490px) and (max-width: 599px){
	#slika_zacetna {
		position:fixed;
		width:100%;
		height:700px;
		top:0;
		left:0;
		z-index:200;
	}
	
	#vsebina {
		position:relative;
		width:75%;
		margin:25px auto;
		padding:0 25px;
		font-size:15px;
		font-family:Tahoma, Geneva, sans-serif;
		color:#FAFAFA;
		border:1px solid transparent;
		background-color:rgba(0, 0, 0, 0.7);
		z-index:300;
	}
}

@media only screen and (min-width: 400px) and (max-width: 489px){
	#slika_zacetna {
		position:fixed;
		width:100%;
		height:700px;
		top:0;
		left:0;
		z-index:200;
	}
	
	#vsebina {
		position:relative;
		width:75%;
		margin:25px auto;
		padding:0 25px;
		font-size:14px;
		font-family:Tahoma, Geneva, sans-serif;
		color:#FAFAFA;
		border:1px solid transparent;
		background-color:rgba(0, 0, 0, 0.7);
		z-index:300;
	}
}

@media only screen and (max-width: 399px){
	#slika_zacetna {
		position:fixed;
		width:100%;
		height:700px;
		top:0;
		left:0;
		z-index:200;
	}
	
	#vsebina {
		position:relative;
		width:75%;
		margin:25px auto;
		padding:0 25px;
		font-size:13px;
		font-family:Tahoma, Geneva, sans-serif;
		color:#FAFAFA;
		border:1px solid transparent;
		background-color:rgba(0, 0, 0, 0.7);
		z-index:300;
	}
}