nav{
    display:flex;
    box-sizing: border-box;
    background-color: #CCC;
    margin:0px;
    padding:6px;
    height:52px;
    z-index: 10;
    font-weight:100;
    font-family: 'Barlow Semi Condensed', sans-serif;
}

#nav_menu a,#nav_menu a:visited{
    color:#2f2f2f;
}

#nav_menu a:hover{
    color:#007bff;
}

#nav_content{
    display: flex;
    margin: 0px auto;
    width:100%;
    max-width:900px;
}

#nav_logo{
    width:100px;
    height:35px;
}

ul#nav_menu{
    margin-right:0;
    flex-grow: 4;
    text-align: right;
    align: right;
    display:inline;
    color:#2f2f2f;
    overflow-y: hidden;
}

ul#nav_menu li{
    line-height:35px;
    display: inline;
    margin:0px 10px;
}

#nav_menu_button{
    display:none;
    flex-grow: 4;
    justify-content: flex-end;
    right:20px;
    font-size:15pt;
    vertical-align: middle; 
    align-self:center;
    align-items:center;
    margin:0px 10px;
}

#nav_menu_icon{
    padding-top: 3px;
}


#nav_collaps_menu{
    width:200px;
    position:absolute;
    top:52px;
    right:0px;
    background-color: #CCC;
    opacity: 100;
    z-index:10;
    font-weight:100;
    font-family: 'Barlow Semi Condensed', sans-serif;
}

#nav_collaps_menu ul{
    margin-right:0;
    flex-grow: 4;
    text-align: right;
    display:inline;
    color:#2f2f2f;
}

#nav_collaps_menu li{
    line-height:35px;
    display: block;
    margin: 10px 20px;
    color:#2f2f2f;
}

#nav_collaps_menu li .hidden{
    display: none !important;   
}

#nav_collaps_menu li .visible{
    display: inline !important;
}

#nav_collaps_menu a,#nav_collaps_menu a:visited{
    color:#2f2f2f;
}

#nav_collaps_menu a:hover{
    color:#007bff;
}


#nav_collaps_menu .hidden {
  display: none;
  opacity: 0;
  transition: all 1s linear 300ms, opacity 300ms;
}

#nav_collaps_menu .visible {
  display: block;
  opacity: 1;
  transition: all 1s linear 0s, opacity 300ms;
}

#nav_trends{
    display:none !important;
}

#nav_trends li{
    text-align:left;
    margin: 5px 10px;
}

@media only screen and (max-width: 600px) {
    #nav_menu_button{
        display: flex !important;
    }
    #nav_menu{
        display:none !important;
    }
    
}