/* July 10, 2024 */

header li {
    list-style: none;
}


header {
    width: 100%;
    height: 80px;
    height: 50px;
    height: 60px;
    border-bottom: 2px solid red;

    width: 100vw;
    max-width: 100%;
    /* display: inline-block; */
    display: flex;
    flex-wrap: nowrap;
}
header {
    padding-right: 1.4rem;
}

#logo_container {
    /* width: 150px; */
    /* min-width: 300px; */
    /* width: 300px; */
    height: 100%;
    border-right: 1px double black;
    /* display: flex;
    justify-content: center;
    align-items: center; */

    /* display: none; */
    /* flex-basis: 1; */

    /* width: fit-content; */
}
#logo_container a {
    width: 100%;
    height: 100%;
}
#logo_container h1 {
    width: 100%;
    height: 100%;

    display: flex;
    justify-content: center;
    align-items: center;

    padding: 10px 20px;
}



#nav_menu {
    /* width: 80%; */
    width: 100%;
    height: 100%;
    /* display: flex; */
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    /* margin-right: 2rem; */

    /* border: 1px solid black; */
    /* flex-basis: 10; */
    flex-wrap: nowrap;
}

#nav_menu li {
    /* padding: 5px 16px; */
    /* padding: 0 16px; */
    height: 100%;
    /* vertical-align: middle; */
    /* width: 100px; */
}
#nav_menu li a {
    /* width: 100%; */
    height: 100%;
    padding: 0 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 100px;
}

#nav_menu li:hover {
    background-color: #58111A;
    color: #eee;
}
#nav_menu li:hover a {
    color: #eee;
}