@media screen and (min-width: 900px) {
	
	#topnav {
	  overflow: hidden;
	  background-color: #FFF;
	  position: fixed;
	  width: 100%;
	  box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
	}
	
	#logo{
		display:inline-block;
		max-width: 200px;
		padding: 1% 0px 1% 0px; 
		margin:0px;
	}
	
	#butony{
		display:none;
	}
	
	#booksy{
		display:inline-block;
		padding: 1% 0px 1% 0px;
	}
	
	
	/* ======== MENU ======== */
	#topnav #menu1{
		display:inline-block;
	}		
		
	#topnav #menu1 a {
		display: inline-block;
		color: #444;
		text-align: center;
		padding: 10px 10px 0 10px;
		font-size: 17px;
	}

	#topnav  #menu1 a{
		text-decoration: none;
	}

	#topnav  #menu1 a:hover {
	  /*background-color: #ddd;**/
	  color: #d9bc7e;
	  border-bottom: 2px solid #d9bc7e;
	}
	/* ====================== */



	/*
	.active {
	  background-color: #4CAF50;
	  color: white;
	}

	#topnav .icon {
	  display: none; 
	} 
	*/
	
	

}

@media screen and (max-width: 900px) {
    
	#topnav {
		overflow: hidden;
		background-color: #FFF;
		position: fixed;
		width: 100%;
		box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
		opacity: 1;
	}
	#logo{
		max-width: 200px;
		padding: 1% 0px 1% 0px; 
		margin:0px;
		text-align:center;
		max-width:100%;
	}
	
	/* === Butony === */
	#topnav #butony{
		padding: 10px;
	}
	
	#topnav #butony a, 
	#topnav #butony a:hover {
		display: inline-block;
		color: #FFF;
		text-align: center;
		text-decoration: none;
		font-size: 17px;
	}
	
	/* === Menu 1 === */
	#topnav #menu1{
		display:none;
		width:100%;
		max-width:100%;
		text-align:center;
		border: 0px solid #0F0;
		/*position: fixed;*/
	}	
	
	#topnav #menu1 a,
	#topnav #menu1 a:hover	{
		display: block; 
		text-align: center;
		border: 0px solid #444;
		width: 92%;
		padding: 2%;
		margin: 2%;
		background-color: #EEE;
		border-radius: 5px;
		opacity: 1;
		color: #000;
		font-weight: bold;
		font-size: 1.2em;
		text-decoration: none;
	}
	
	

	
	
	
	
	/*
	#topnav.responsive {
		position: relative;
	}
	  
	#topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	*/

	
	/*
	.active {
	  background-color: #4CAF50;
	  color: #555;
	}

	#topnav .icon {
	  display: none;
	}
	*/
  
}