.hero {
    width: 100%;
    height: 200px;
    position: relative;
    margin-top: var(--topnav-height);
}

.full-width {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(.8);
}

.hero .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 50%;
    max-width: 100%;
    filter: drop-shadow(1px 1px 0 #000);
}

.hero .logo-text {
    stroke: #856
}
.hero .logo-text.solid {
    stroke: #cea
}