#banner {
    background-color: black;
    color: #d6c3c2;
    /* height: 44px; */
}

#banner .wrapper {
    display: grid;
    grid-template-columns: 101px auto auto auto;
    padding: 8px;
}

#banner .logo {
    max-height: 28px;
}

#banner .logo {
    display: inline-block;
    /* height: 44px; */
}

.login {
    display: inline-block;
    /* padding: 14px 0; */
    vertical-align: top;
}

.login a {
    text-decoration: none;
    color: #d6c3c2;
    font-size: 14px;
    line-height: 28px;
    padding-left: 4px;
}

.connect {
    display: inline-block;
    /* padding: 14px 0; */
    vertical-align: top;
}
.connect span, .connect a {
    font-size: 28px;
    line-height: 20px;
}

.connect span {

}
.connect a {
    text-decoration: none;
    color: #d6c3c2;
}

.phone {
    display: inline-block;
    /* padding: 14px 0; */
    vertical-align: top;
    justify-self: end;
    font-size: 28px;
}