.hidd {display:none;}
.test {
	border:solid 2px red;
}

a:visited, a{color:black; text-decoration:none;}

.screen1 {
	position:fixed;
	height:100vh;
	z-index:1;
	width:100%;
	background: rgba(0,0,0,0.9);
	

}

.screen3 {
background:rgba(0,0,0,0.9);
}

.screen {
	position:absolute;
	z-index:2;
}


html {
    scroll-behavior: smooth
}

.mlogo {
	position:absolute;
	z-index:12;
	top:20px;
	left:20px;
}

.en {
			display:none;
		}
.rs {
			display:inline-block;
		}


.noselect, .mnelem  {
			  -webkit-touch-callout: none; /* iOS Safari */
				-webkit-user-select: none; /* Safari */
				 -khtml-user-select: none; /* Konqueror HTML */
				   -moz-user-select: none; /* Firefox */
					-ms-user-select: none; /* Internet Explorer/Edge */
						user-select: none; /* Non-prefixed version, currently
											  supported by Chrome and Opera */
}	

.litescreen {background-color:rgba(255,255,255,0.9);}

.darkscreen {background-color:rgba(0,0,0,0.9);}
.pgtop {
				text-align: center;
				max-height: 100vh;
				position: relative;
				box-sizing: border-box;
}

.pg {
				text-align: center;
				min-height: 100vh;
				position: relative;
				box-sizing: border-box;
				//padding-bottom: 40px;
				//padding-top: 15px;
				//padding:0px 10px;
 			}



.mere td{border:solid 1px;}

			
.pgnaslov {
	padding:80px 0px 20px 0px;
	font-family: Arial;
	font-size:50px;
}

.pgsadrzaj td { vertical-align:top; padding:7px;
	
}

.pgsadrzaj {
	font-family: Arial;
	font-size:20px;
	margin: 0px auto;
	text-align:justify;
	padding-bottom:30px;
}

			
body{
	background-color:black;
	margin:0px;
	padding:0px;
}
.main {
	background-color:rgba(0,0,0,0.9);
	
	
}

.pdd1{
	display:none;
	position:absolute;
	background-color:white; 
	bottom:50px;
	transition:all 300ms ease;
	box-shadow: 2px 2px 18px #888888;
    z-index: -1;
    border-radius: 0px 0px 5px 5px;

}

.padd:hover >.pdd1{
	display:block;
	
}

.pdd1, .mnelem {
	text-align:left;
	
}

.padd {
	background-color:white;
	display:inline-block;
	//transition:all 700ms ease;
}




#menni {
	box-sizing:border-box;
	
	left:0px;
	width:100%;
	background-color:white;
	z-index:11;
}

.mnii0 {
	position:absolute;
	bottom:04px;
}

.mnii1 {
	position:fixed;
	top:0px;
	box-shadow: 2px 2px 18px #888888;
}

.mnelem:hover {
	//background-color:#ccc;
	color:white;
	border-radius:15px;
	text-shadow: 2px 2px 5px #000;
}
.mnelem {
	box-sizing:border-box;
	font-family: Arial;
	font-size: 28px;
	padding:10px 10px;
	display:inline-block;
	cursor:pointer;
	transition:all 300ms ease;
	//background-color:white;
	
}

.jz {float:right;}



.linner {
	position:absolute;
	width:100%;
	
}

.bumper { 
//height:50vh;

}

.logo1 {
	//box-sizing:border-box;

	position:absolute;
	height:50vh;
	width:100%;
	left:0px;
	top:0px;
	font-family: "Comic Sans MS", cursive, sans-serif;
	color:#3cb91e;
	text-shadow: 6px 4px 20px #f5f5f5b5;
	
}

@media only screen and (max-width: 900px) {
	
	
	
	h2 {
		font-size:26px;
		text-align:center;
	}
	
	
	.mlogo {
		width:70%;
	}
	
	.mnelem {
		font-size:13px;
		font-weight:600;
	}
	
	body {
		background:url('images/back.jpg') no-repeat center center fixed;
		//background-size:  300px 300px;
		//background-size:auto 100vh;
	}
	
	.acmebkg {
		position:fixed;
		width:100%;
		height:130%;
		background:url('images/back.jpg') no-repeat center center fixed;
		
		
	}
	
	.logo1 {
		//font-family: "Comic Sans MS", cursive, sans-serif;
		font-family: 'Merriweather', serif;
		font-family:'Indie Flower', cursive;
		font-family:'Pacifico', cursive;
		height:30vh;
		//margin-top:30vh;
		font-size:60px;
	}
	.linner {
	position:absolute;
	width:100%;
	box-sizing: border-box;
	padding: 0px 20px;
	bottom:-80px;
	}
	
	.pgsadrzaj img {
		width:95%;
	}
	.pgsadrzaj {
		width:95%;
		font-size:18px;
	
	}

}


@media screen and (min-width: 901px) and (max-width: 1200px){
	body {
		background:url('images/back.jpg') no-repeat center center fixed;
	}
	
	.mlogo {
		width:300px;
	}
	
	.logo1 {
		//margin-top:50vh;
		font-size:100px;
	}
	.linner {
	position:absolute;
	width:100%;
	bottom:-80px;
	}
	.pgsadrzaj {
		max-width: 1000px;
		padding:0px 10px;
		
	
	}


}



@media screen and (min-width: 1201px){
	
	body {
		background:url('images/back.jpg') no-repeat center center fixed;
	}
	
	.logo1 {
		//margin-top:50vh;
		font-size:100px;
	}
	.linner {
	position:absolute;
	width:100%;
	bottom:-80px;
	}
	.pgsadrzaj {
		max-width: 1000px;
	}


}

/*

//////////////////////////////////////////////


*/

