/* <img class="logo-mark" src="/images/logo.png" alt="..." width="675" height="650">
   Floats at the end of the first paragraph's line, text wraps around it. */
.logo-mark {
    float: right;
    width: 7.5rem;
    height: auto;
    margin: -0.4rem 0 0.5rem var(--space-md);
}

@media (max-width: 30rem) {
    .logo-mark {
        width: 5rem;
    }
}