/* the logo box keeps the size and line height of the icon-font logo it replaced */
.brand-logo-mark {
    display: inline-block;
    width: 1em;
    text-align: center;
    white-space: nowrap;
}

.brand-logo .brand-logo-mark {
    font-size: 1.6em;
}

/* equal negative margins keep the slightly wider image centred in its box in both directions */
.brand-logo-mark img {
    height: 1.07em;
    margin: 0 -0.1em;
    vertical-align: -0.29em;
}

/* the home page's large logo, placed like the 115px icon-font logo it replaced */
.brand-logo-mark--hero {
    font-size: 115px;
    line-height: 1em;
}

.brand-logo-mark--hero img {
    height: 1.03em;
    vertical-align: -0.27em;
    position: relative;
    top: -0.017em;
}

.brand-logo {
    top:-4px;
    right: 10px;
    color: unset !important;
}

.brand-title {
    display: inline-block;
    margin-top: 12px;
}