/* ============================================================
   Responsive — desktop / tablet / mobile adjustments
   ============================================================ */

/* Tablet */
@media only screen and (max-width: 991px) {
    .site-logo {
        max-height: 72px;
        height: 72px;
    }

    .site-branding .site-title {
        font-size: var(--fs-title-mobile);
    }
}

/* Phone */
@media only screen and (max-width: 480px) {
    .site-logo {
        max-height: 48px;
        height: 48px;
        margin-right: 8px;
    }

    .site-branding .site-title {
        font-size: 17px;
    }
}