#headercontainer{
    max-width: 60%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px auto 0 auto;
    border-bottom: 1px solid #ccc;
    height: var(--header-height);
}

#headerlinkcontainer{
    display: flex;
    font-size: 120%;
}
#headerlinkcontainer > a{
    color: inherit;
    text-decoration: none;
}

.headerlink{
    padding: 0 10px;
}
.headerlogo{
    margin-left: 10px;
}

.headerlogo > a{
    color: inherit;
    text-decoration: none;
}
.headerlogo > a > img{ 
    height: 40px;
}


@media (max-width:768px) {
    #headercontainer{
        max-width: 100%;
        justify-content: center;
    }
}