.responsiveNavbar, .logo_brand_container{
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 16px;
}

.responsiveNavbar{
    position: sticky;
    z-index: 9999;
    top:0;
    align-self: flex-start;
    /*height : 56px;*/
    width: 100%;
    max-width: 100vw;
    background-color: var(--color-light);
    justify-content: space-between;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    border-bottom: 0.5px solid var(--color-mid-light);
    overflow-x: hidden;
}

#navbar_Title,#navbar_subTitle,.nav-link,.nav-link-active{
    text-decoration: none;
    outline: none;
    font-family: var(--font-body);
}

.navbar_logo{
    height: 50px;
}

.navbar-brand{
    display: flex;
    flex-direction: column;
    text-align: center;
    min-width: max-content;
}

#navbar_Title{
    font-size: medium;
    font-weight:bolder;
    color: var(--color-dark);
    font-family: var(--font-title);
}
#navbar_subTitle{
    font-size: 16px;
    font-weight: normal;
    padding-left: 1vw;
    color: var(--color-mid-dark);
}

.nav-link-cont {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 20px;
    align-items: center; 
    height: 100%;  
}


.nav-link-active,.nav-link{
    font-size: 16px;
    color: var(--color-dark);
    background-color:white;
    border: none;
    padding: 6px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 3px 2px;
    cursor: pointer;
    border-radius: 250px;
    min-width: 100px;
    font-weight: normal;
    white-space: nowrap;
}

.nav-link-active{
    font-size: 19px;
    color: var(--color-light);
    background-color: var(--color-dark);
    font-weight: bold;
}

.nav-btn-cont {
  position: relative;
  padding: 0 20px; 
  display: flex;
  align-items: center; 
  height: 100%;
}


@media (max-width: 800px) {
    .nav-link-cont{
    visibility:hidden;
        width: 0px;
    }

    .nav-link-cont .nav-link-active, .nav-link-cont .nav-link{
    min-width: 0px;
    width: 0px;
    }

    .nav-btn-cont {
    visibility:visible;
    }

    .responsiveNavbar{
    height:56px;
    overflow-y: hidden;
}
}

@media (min-width: 800px) {
    .nav-btn-cont {
    visibility:hidden;
    }

    .nav-link-cont{
    visibility:visible;
    }

}