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

	#main-navigation ul {
	  display: block;
		width: 150px;
		height: 30px;
		position: absolute;
		top: 10px;
		right: 10px;
		background: transparent url(../images/menu-icon.png) 90% 10px no-repeat;
		background-size: 25%;
		overflow: hidden;
		cursor: pointer;
		padding: 10px;
		transition: height 1s ease;
	}
	#main-navigation ul.otvorena {
	    
		height: 250px;
	}
	#main-navigation li {
		display: block;
		width: 100%;
		background-color: #bbb;
		border-radius: 7px;
		margin-top: 3px;
		box-shadow: 2px 2px 3px #666;
	}
	#main-navigation li:first-child {
		margin-top: 45px;
	}
	#main-navigation a {
		margin: 0;
		padding: .5em;
		text-align: left;
	}
	#main-navigation a:hover {
		background-color: rgba(230,230,230,.5);
	}
}