.izbornik {
  position: fixed;
  width: 100%;
  background-color: #fff;
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.4);
  padding: 0.7em;
  z-index: 5;
}

.izbornik ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.izbornik li a {
  display: inline-block; 
  padding: 1em 0em;
  text-align: center;
  font-size: 1.6em;
  margin: 0;
  text-decoration: none;
  font-weight: bold;
  color: #777;
}

.izbornik li a:hover,
.izbornik .menui-btn:hover {
/*background-color: #f4f4f4;*/
  color: #00CED1;
}

.izbornik .logo {
  display: block;
  float: left;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
}

/* menui */

.izbornik .menui {
  clear: both;
  max-height: 0;
  opacity: 1;
}

/* menui icon */

.izbornik .menui-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 1.8em 0.6em;
  position: relative;
  user-select: none;
}

.izbornik .menui-icon .navicon {
  background: #00CED1;
  display: block;
  height: 4px;
  position: relative;
  transition: background .2s ease-in;
  width: 32px;
}

.izbornik .menui-icon .navicon:before,
.izbornik .menui-icon .navicon:after {
  background: #00CED1;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.izbornik .menui-icon .navicon:before {
  top: 10px;
}

.izbornik .menui-icon .navicon:after {
  top: -10px;
}

/* menui btn */

.izbornik .menui-btn {
  display: none;
}

.izbornik .menui-btn:checked ~ .menui {
  max-height: 2440px; 
}

.izbornik .menui-btn:checked ~ .menui-icon .navicon {
  background: transparent;
}

.izbornik .menui-btn:checked ~ .menui-icon .navicon:before {
  transform: rotate(-45deg);
}

.izbornik .menui-btn:checked ~ .menui-icon .navicon:after {
  transform: rotate(45deg);
}

.izbornik .menui-btn:checked ~ .menui-icon:not(.steps) .navicon:before,
.izbornik .menui-btn:checked ~ .menui-icon:not(.steps) .navicon:after {
  top: 0;
}

#ikone {
  float: right;
  margin: 0;
  padding: 0;
}


.videowrap {
		margin: 0 0 1.5em 0;
}
.videowrap video{
		width: 100%;
		height: auto;
}

		
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* 48em = 768px */

@media (min-width: 48em) {
  .izbornik {
    height:7em;
  }  
  .izbornik li {
    float: left;
  }
  .izbornik li a {
    padding: 0 1em;
	font-size: 1.2em;
	text-align: center;
  }
  .izbornik .menui {
    clear: none;
    float: right;
    max-height: none;
	margin-right:0;
	margin-top:3em;
	opacity: 1;
  }
  .izbornik .menui-icon {
    display: none;
  }
  .logotext  {
	display: none;
  }
  .logopic  {
	height: 5.4em;
  }
#ikone {
	display: none;
}  
  .banner.style5.pomak {
	margin-top:7em;
}
#logach {
	width: 60%;
}

}


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

	 	    .izbornik {
			    height: 5em;
		    }			
			.logopic  {
		    }
			.izbornik li a {
		
			}				
    	    .logotext  {
				display: none;
			}
			.logopic  {
				height: 3.5em;
			}			

		  .izbornik .menui {
			margin-right:0;
			margin-top:1.4em;
		  }
		  .banner.style5.pomak {
			margin-top:5em;
		  }
		  #logach {
			width: 60%;
		  }

		}

@media screen and (max-width: 768px) {
			.izbornik li  a {
				border-bottom: 2px solid #00CED1;
				padding: 0;
				margin: 0.8em;				
			}	
			.izbornik ul {
				position: absolute;
				height: 2400px;
				width: 100%;
				top: 3.5em;
				left: 0;
				margin: 0;
				padding: 0;
				list-style: none;
				overflow: hidden;
				background-color: rgba(255, 255, 255, 0.9);
				text-align: center;				
				transition: all .2s ease-in;
			}		
			#logach {
				width: 70%;
			}			
}

@media screen and (max-width: 480px) {
		
			.izbornik {
			  height: 5em;
  
			}
			.izbornik ul {
				position: absolute;
				height: 2400px;
				width: 100%;
				top: 3.5em;
				left: 0;
				margin: 0;
				padding: 0;
				list-style: none;
				overflow: hidden;
				background-color: rgba(255, 255, 255, 0.9);
				text-align: center;
				transition: all .2s ease-in;
			}
			.izbornik li  a {				
				border-bottom: 2px solid #00CED1;
				padding: 0;
				margin: 0.8em;
			}			
    	    .logotext  {
				display: none;
			}
			.logopic  {
				height: 3.5em;
			}
		    .banner.style5.pomak {
				margin-top:5em;
			}
			#logach {
				width: 85%;
			}
}