@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 600px) and (max-width: 1000px){
	
h1 {
    font-size: 2.5em;
}
	
.logo {
	width: 40%;
	margin: 1em 10% 1em 0;
	padding: 0;
	float: left;
}
	

span.menu:before {
		content: url(../slike/nav-icon.png);
		cursor: pointer;	
		height:32px;
}
	
menu {
		width: auto;
		float: right;
		margin:0;
		background: none;
		padding: 0;
}
	
menu  ul{
		display:none;
}
	
menu  ul li {
		font-size: 1em;
		display: inline-block;
		width: 100%;
		padding: 10px 0;
}
	
menu ul li a {
		color: #000000;
		padding: 3px;
		font-size: 1.5em;
		width: 100%;
		font-weight: normal;
		display: block;
		margin: 0;
}
	
menu ul li a:hover{
		color: #e30613;
}
	
span.menu{
		display: block;
		float: right;
		margin: 1.5em 0 0 0;
}
	
menu  ul{
		margin: 17% 0 0 0;
		z-index: 999;
		position: absolute;
		width: 100%;
		text-align: center;
		left: 0;
		background: rgba(255, 255, 255, 0.90);
}
	
.banner-info h2 {
    font-size: 1.125em;
	padding: 5px 5%;
}
	
#dijelovi {
    padding: 2em 0;
}

#busevi {
    padding: 2em 0;
}

#onama {
    padding: 2em 0;
}
	
}