/* =========================================================
   FIRSTON BRANDING
   ========================================================= */

/* HEADER LOGO */
.site-header .brand > img.brand-logo {
    display: block !important;
    width: 160px !important;
    height: auto !important;
    max-width: 160px !important;
    max-height: 48px !important;
    object-fit: contain !important;
    object-position: left center !important;
    flex: 0 0 auto !important;
}

/* FOOTER LOGO */
.footer .footer-brand > img.footer-brand-logo {
    display: block !important;
    width: 120px !important;
    height: auto !important;
    max-width: 120px !important;
    max-height: 40px !important;
    object-fit: contain !important;
    object-position: left center !important;
    flex: 0 0 auto !important;
}

/* Keep footer brand from expanding */
.footer .footer-brand {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: 160px !important;
    height: auto !important;
}

/* Tablet */
@media (max-width: 900px) {
    .site-header .brand > img.brand-logo {
        width: 150px !important;
        max-width: 150px !important;
        max-height: 46px !important;
    }

    .footer .footer-brand > img.footer-brand-logo {
        width: 110px !important;
        max-width: 110px !important;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .site-header .brand > img.brand-logo {
        width: 135px !important;
        max-width: 135px !important;
        max-height: 42px !important;
    }

    .footer .footer-brand > img.footer-brand-logo {
        width: 100px !important;
        max-width: 100px !important;
    }
}