/* Logo visibility fix for desktop and mobile header. */
#header h1 a {
    display: flex !important;
    align-items: center !important;
    width: 100px !important;
    height: 10rem !important;
    background: none !important;
}

#header h1 a .site_logo {
    display: block;
    width: 100%;
    max-width: 210px;
    height: auto;
}

#header h1 a .site_logo_color {
    display: none;
}

#header.on h1 a .site_logo_white,
#header:hover h1 a .site_logo_white {
    display: none;
}

#header.on h1 a .site_logo_color,
#header:hover h1 a .site_logo_color {
    display: block;
}

@media (max-width: 1024px) {
    #header h1 {
        position: relative;
        z-index: 1001;
    }

    #header h1 a {
        width: 18rem !important;
    }

    #header h1 a .site_logo {
        max-width: 18rem;
    }
}

@media (max-width: 480px) {
    #header h1 a {
        width: 16rem !important;
    }

    #header h1 a .site_logo {
        max-width: 16rem;
    }
}