/* Style the top navigation bar */
  .topnav {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    overflow: hidden;
    background-color: #333;
  }
  
  /* Style the topnav links */
  .topnav a {
    float: left;
    display: block;
    /*color: #f2f2f2;*/
    color: white;
    text-align: center;
    /*padding: 14px 16px;*/
    padding: 9px 10px;
    text-decoration: none;
  }

  .topnav a:visited {
    color: white;
  }    

  /* Change color on hover */
  .topnav a:hover {
    /*background-color: #ddd;*/
    /*background-color: #1daa01;*/
    background-color: #37b4fe;
    color: white;
  }

  .active {
    background-color: #0ba2fc;
    border-right: 1px solid #bbb;
  }

  .non_active {
    border-right: 1px solid #bbb;
  }





  .topnav .topnav2 a {
      float: none;
      width: 100%;
    }
  }

  ul.topnav2 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
  }
  
  ul.topnav2 li {float: left;}
  
  ul.topnav2 li a {
    display: block;
    color: white;
    text-align: center;
    padding: 9px 10px;
    text-decoration: none;
  }
  
  ul.topnav2 li a:hover:not(.active) {background-color: #111;}
  
  ul.topnav2 li a.active {background-color: #04AA6D;}
  
  ul.topnav2 li.right2 {float: right;}


/*****************************************************************/
/* Mobile Menu*/
/*****************************************************************/
  .topnav-mob {
     overflow: hidden;
     background-color: #333;
     position: relative;
  }

  .topnav-mob #myLinks {
     display: none;
  }

  .topnav-mob a {
     color: white;
     padding: 14px 16px;
     text-decoration: none;
     font-size: 2em;/*17px;*/
     display: block;
  }

  .topnav-mob a.icon {
     background: black;
     display: block;
     position: absolute;
     right: 0;
     top: 0;
  }

  .topnav-mob a:hover {
     /*background-color: #ddd;
     color: black;*/
  }

 .active-mob {
    background-color: #0ba2fc;
     color: white;
  }