*,*::after,*::before{
   box-sizing: border-box;
}

ul {
  list-style: none;
}

.osnovni {
  min-height:35px;line-height:height;
  border:1px solid #ccc;
  justify-content: space-evenly;
  padding: 10px 5px;
  margin-left: -40px;
  background: #eee;
}
.menu-btn {
   font-size: 13px;
   font-weight: bold;
   display: inline-block;
   text-align: center;
   background-color: #364a78;
   background-image: linear-gradient(to right,#364a78,#536895);
   color: #fff;
   padding: 6px;
   font-family: Verdana, sans-serif;
   border: none;
   width: 100%;
}
.dropdown-menu {
   position: relative;
   display: inline-block;
}
.menu-content {
   display: none;
   position: absolute;
   width: auto;
  background-color: transparent;
/*background-image: linear-gradient(to right,#364a78,#536895);*/
   z-index: 1;
}
nav{
   font-family: Verdana, sans-serif;
   background-color: #364a78;
background-image: linear-gradient(to right,#364a78,#536895);
   width: 100%;
}
.links,.links-hidden{
   display: inline-block;
/*   color: rgb(255, 255, 255); */
color: #fff;
   text-decoration: none;
   font-size: 13px;
   font-weight: normal;
   padding: 6px;
}
.links-hidden:hover,.links:hover {
   background-color: rgb(8, 107, 46);
   text-decoration: none;
   font-weight: normal;
   color: #fff;
}
.dropdown-menu:hover .menu-content {
   display: block;
}
.dropdown-menu:hover .menu-btn {
   background-color: #3e8e41;
   font-weight: bold;
}
.hamburger {
   color: #fff;
   font-weight: bold;
   display: none;
   margin-top:-10px;
}
@media screen and (max-width: 880px) {

.main-header {
  position:relative;
}

.menu-btn {
   font-size: 15px;
   padding: 12px;
}
.links,.links-hidden{
   font-size: 15px;
   padding: 12px;
}

   nav a:not(:first-child) {
   display: none;
}
nav a.hamburger {
   float: right;
   display: block;
   padding: 20px;
}
.dropdown-menu{
   display: none;
}
nav.openNav a.hamburger {
   position: relative;
}
nav.openNav a {
   float: none;
   display: block;
   text-align: center;
}

nav.openNav div.dropdown-menu{
   display: block;
   width: 100%; 
}

}