ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #5d2f2f;
 /*background-color: #4b393a;*/
  text-align:center;
}

ul.topnav li { width:50%; display:inline; }

ul.topnav li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 10px 25px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 16px;
  font-family:myFont;
  font-weight:bold;
}



ul.topnav li a:hover {background-color: #555;}

ul.topnav li.icon {display: none;}



#parteneri-box-horizontal {
	display:block;	
}
#parteneri-box-vertical {
	display:none;	
}


@media only screen and   (max-width:1000px) {
  
  ul.topnav li a {
  padding: 10px 20px;


}

@media only screen and   (max-width:950px) {	
ul.topnav li a {
  padding: 10px 10px;

}		
}


@media only screen and   (max-width:870px) {	
ul.topnav li a {
  padding: 10px 6px;

}		
}









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

  
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  } 	
	
	
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
  
 

 
 
  
  
}