nav.top
{
  font-family: montserrat;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

nav.top
{
  background: #094774;
  height: 80px;
  width: 100%;
}

label.logo
{
  color: #fff;
  font-size: 35px;
  font-weight: 800;
  line-height: 80px;
  padding: 0 50px;
}

nav.top > ul
{
  
  
  height: auto;
  /* margin-right: 20px; */
  width: 55%;
  margin-bottom: 0;
  display: flex;
  flex-wrap: nowrap;
  list-style-type: none;
  justify-content: flex-end
}


nav.top > ul > li
{
  line-height: 80px;
  float: right;
  /* display: table-cell; */
  
  justify-content: space-between;
  align-items: center;
  align-items: flex-start;
  vertical-align: middle;  
  align-items: center;
  margin: 0 5px;
}


nav.top > ul > li > a
{
  color: #fff;
  font-size: 17px;
  text-transform: uppercase;
  padding: 7px 13px;
  border-radius: 3px;
}

a.active, a:hover
{
  /* background: #000; */
  transition: 0.5s;
}

li.toggle > a {
  display: none;
}

/* For mobile */
@media (max-width: 768px) {
  /* Mobile menu */
  nav.top {
       height: auto;
  }
  .label {
       text-align: center;
  }
  .menu {
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
       align-items: center;
       width: auto;
  }
  nav.top > ul {
       flex: 1;
       flex-direction: column;
       padding-left: 0;
  }
  .menu > ul {
       justify-content: center;
       
  }
  .menu > ul > li {
       flex: 1 0 100%; 
       text-align:center;

  }
  .menu li a {
       display: block;
       padding: 15px 5px;
  }

  .toggle {
       order: 1;
       font-size: 20px;
       display: flex;
       /* width: 100%; */
       text-align: center;
  }
  .item {
       order: 2;
       text-align: center;
       display: none;
  }

  .active .item {
       display: block;
  }
  .button.secondary {
       /* divider between buttons and menu links */
       border-bottom: 1px #444 solid;
  }
  /* Submenu up from mobile screens */
  .submenu {
       display: none;
  }
  .submenu-active .submenu {
       display: block;
  }
  .has-submenu i {
       font-size: 12px;
  }
  .has-submenu > a::after {
       font-family: "Font Awesome 5 Free";
       font-size: 12px;
       line-height: 16px;
       font-weight: 900;
       content: "\f078";
       color: white;
       padding-left: 5px;
  }
  .subitem a {
       padding: 10px 15px;
  }
  .submenu-active {
       background-color: #111;
       border-radius: 3px;
  }
}