@media only screen and (max-width: 1000px) {
	#mainnav 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;
	}
	
	#mainnav ul.otvorena {
		height: 250px;
	}
	
	#mainnav li {
		display: block;
		width: 100%;
		background-color: #ffffff;
		border-radius: 7px;
		margin-top: 3px;
		box-shadow: 2px 2px 3px #666;
	}
	
	#mainnav li:first-child {
		margin-top: 45px;
	}
	
	#mainnav a {
		margin: 0;
		padding: .5em;
		text-align: left;
	}
	
	#mainnav a:hover {
		background-color: #d55e46;
		color: #ffffff;
		text-decoration: none;
		border-radius: 7px;
	}
	
	#mainnav li a {
		color: #563527;
		text-transform: uppercase;
		font-family: Helvetica, sans-serif;
		font-size: 14px;
		text-align: left;
		font-weight: bold;
		padding: 10px;
	}
}