.navbar-brand{
    height: 2em;
}
.site-icon{
    height: 100%;
}
.navbar-brand {
    height: 2em;
    display: flex;
    align-items: center;
    max-width: 100%;
}

.site-title {
    text-transform: uppercase;
    color: var(---000000);
    font-size: min(16px, 3vw);
    line-height: 1.2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    max-height: 2.4em; /* This allows for 2 lines of text */
    overflow: hidden;
}