#branding {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.logo {
    width: 100px;  
    height: auto;    
}

#site-name {
    padding: 0;
    margin: 0 0 8px;;
    margin-inline-end: 20px;
    font-weight: 300;
    font-size: 1.5rem;
    color: var(--header-branding-color);
}