body {
	margin:0px;
	padding:0px;
	background-color:#d8dce7;
	//background-color:#1a1a1a;
	//background-color:#000;
	//background-image:url('images/sneg1.jpg');
}
.crl {clear:both;}

.NO { display:none;}

@font-face {
				font-family: wndsr;
				src: url('font/WindsorCondensed.ttf');
				//src: url('font/Windsor_Regular.ttf');
			}

a{ color:white; text-decoration:none;}
a:hover{  text-decoration:underline;}

.wth1 {	height:45%; float:left; margin:5px; border-radius:30px;}
.wth2 {	height:45%; float:right; margin:5px; border-radius:30px;}


.subnaslov {
	padding-left:20%;
	font-size:30px;
}

.pg {
	min-height:100vh; 
	//overflow:hidden;
	box-sizing:border-box;
}

.w1 {
	max-width:800px;
	margin:0px auto;
	//margin:20px auto;
	box-sizing:border-box;
}

.tube {
	width:350px; 
	height:190px;
}



.wshade {
	background:rgba(255,255,255,0.5);
	box-sizing:border-box;
}

.bshade {
	background:rgba(0,0,0,0.5);
	color:white;
	font-size: 20px;
	font-family:Arial;
	//padding:20px;
	//padding:20px;
	border-radius:20px;
	box-sizing:border-box;
}
.bshade2 {
	background:rgba(0,0,0,0.9);
	color:white;
	font-size: 20px;
	font-family:Arial;
	//padding:20px;
	padding:20px;
	border-radius:20px;
	box-sizing:border-box;
}

.yt1 {
    display:inline-block;
    padding:5px;
}


.img3 {
width:220px;
margin:10px;
vertical-align: middle;
}


.p1 {
		//background-color:#1a1a1a;
		color:white;
		
	}


.p1a1 { position:relative;}
	
.p11 {
		background-color:#1a1a1a;
		background:url(images/bw1.jpg)  no-repeat top center fixed;
		background-size: cover;
		color:white;
		
	}
	
.p1sub {
	position:fixed;
	height:100vh;
	width:100%;
		overflow:hidden;
	
}	



.p2 {
		position:relative;
		z-index:3;
		max-width:60%;
		margin:0px auto;
		text-align:center;
		
		box-sizing:border-box;
		overflow:hidden;
		border-radius:33% 67% 48% 59% / 49% 21% 79% 91% ;
		
	}

.p2::after	{
	 content: "";
background:url(images/goldblur.jpg) ;
background-size:cover;
  opacity: 0.8;
  border-radius:33% 67% 48% 59% / 49% 21% 79% 91% ;

 top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;  
}

.p2in {
	width:50%; margin:30px auto;
}
	
 .p3 {
	 position:relative;
	 width:100%;
	 z-index:3;
	 background: url(images/sepia1.jpg) no-repeat top center fixed;
		background-size: cover;
 }	
 
 .p4 {
	 position:relative;
	 width:100%;
	 z-index:3;
	 background: url(images/album.jpg) no-repeat top center fixed;
		background-size: cover;
 }	
	
	
	
	
	
	

.prog {
	height:100vh;
	width:1px;
	
	position:absolute;
	top:0px;
	left:50%;
	z-index:0;
	//background-color:blue;
	
}	

.bkimg {
	height:100vh;
}

.pg1txt {
	position:absolute;
	z-index:1;
	left:10%;
	bottom:20px;
	
	font-family: 'wndsr';
	font-size:90px;
}
.pg1txtnajava {
	position:absolute;
	z-index:1;
	width:90%;
	text-align:center;
	left:5%;
	//bottom:20px;
	
	font-family: 'wndsr';
	font-size:90px;
}

#pg1bk {
	position:absolute;
	left:-1000px;
	width:2000px;
	height:100vh;
	//overflow-x:visible;
	overflow-y:hidden;
	text-align:center;
	//background-color:pink;
	
}


.imgnajava {
max-width: 70vw; max-height: 70vh;
}

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


	.pg1txt {
		position:absolute;
		z-index:1;
		bottom:20px;
		font-family: 'wndsr';
		font-size:70px;
	}

	.wth1 {	height:25%; float:left; margin:5px; border-radius:30px;}
	
	.wth2 {	height:25%; float:right; margin:5px; border-radius:30px;}
	
	.p2{
	max-width:98%;
	margin:20px auto;
	}
	
	.p2in {
	width:70%; margin:30px auto;
	}
.pg1txtnajava {
font-size:50px;
}

	
	
	.bshade {
		border-radius:0px;
	}

.imgnajava {
max-width: 90vw; max-height: 70vh;
}

.pg1txtnajava {
top:20%;
bottom:auto;
}

	.tube {
	width:240px; 
	height:130px;
}
}

.bshade22 { }