* { font-family: 'Righteous', Arial, serif; }
h2 { margin-top: 0; }
body { }

.pr { position: relative; }
.pa { position: absolute; }
.dn { display: none; }

#skrollr-body { position: relative; }
#skrollr-body img, .valovi { position: absolute; }
#skrollr-body .slide { position: fixed; left: 0; height: 100%; width: 100%;}


#slide-obala 	{ background-image: URL("../images/ozadje prava.jpg"); background-size: cover; }
#slide-tvit 	{ background: Blue ;  }
#slide-fejs 	{ background: MediumBlue ; }
#slide-insta 	{ background: DarkBlue ; }
#slide-party 	{ background: Navy; overflow: hidden;}

.vsebina { height: 100vh; padding: 10% 20px 0 20px;margin: 0 40% 0 20%; background: RGBA(95,255,246,0.6); position: relative; z-index: 10000; }

/* prvi slide - obala */
#logo { display: none; }
#sonce { left: 20%; top: 30px; max-width:30%;}
#oblaki-1 { left: 10%; top: 40px; max-width:30%;}
#oblaki-2 { left: 70%; top: 50px; max-width:30%;}
#oblaki-3 { left: 40%; top: 60px; max-width:30%;}
#oblaki-4 { left: 60%; top: 70px; max-width:30%;}
#galeb { top: 10%; }

#slide-obala .vsebina { background-color: transparent; }

.valovi { width: 100%; height: 20%; background-repeat: repeat-x; background-position-y: bottom;}
#valovi-4 { bottom: 0px; background-image: URL("../images/prvi val-01.png"); }
#valovi-3 { bottom: 0px; background-image: URL("../images/drugi val-01.png"); background-position-x: 20px; }
#valovi-2 { bottom: 0px; background-image: URL("../images/tretji val-01.png"); background-position-x: 40px;}
#valovi-1 { bottom: 0px; background-image: URL("../images/cetrti val-01.png"); background-position-x: 80px;}
#jezerski-kit { }
#jadrnica { bottom: 70px; }
#svetilnik { bottom: 100px; right: 5%; }

#delfin { bottom: 0; }

/* drugi slide - fejs */
.kit { max-height: 40%; }

/* tretji slide - tvit */

/* četrti slide - insta */

/* peti slide - party */
#slide-party img{ z-index: 10; }

#grda-riba {left: 15%; top: 20%;max-width: 20%;}
#riba-z-lucko {left: 60%; top: 22%;max-width: 20%;}
#lucka {left: 60%; top: 22%;max-width: 20%;}
#ligenj {right: 40%; top: 30%;max-width: 20%;}
#hobotnica {left: 70%; top: 30%;max-width: 20%;}

#spot-1 {left: 15%; bottom: 20%; z-index: 9 !important;}
#spot-2 {right: 30%; bottom: 15%; z-index: 9!important;}
#spot-3 {right: 10%; top: 20%; z-index: 9!important;}


#lineup span { display: inline-block; --float: left; margin: 5px; padding: 5px; background: red; font-size: 110%;}
#sponzorji a {  }
#sponzorji img {min-width: 2.5cm; width: 16%; float: left; position: relative; }

@media screen and (min-width: 1000px) {

}

@media screen and (max-width: 1000px) {
    .vsebina { margin: 0 5% 0 5%; padding: 10% 5% 5% 5%; }
	#zur p, #zur h3 {display: inline; }
	.lineup {  }
}