logo {
    display: block;
}

logo a {
   display: inline-flex;
   align-items: center;
   height: 3rem;
}

logo img {
   height: 4rem;
   width: auto;
   display: block;
}

@media (max-width: 800px), (max-height: 600px) {
    logo a {
        height: 2.25rem;
    }

    logo img {
        height: 2.5rem;
    }
}