body.home #site-header .logo,
body.page #site-header .logo {
    .standard {
        display: flex;
        svg {
            width: 100%;
            height: fit-content;
            @media screen and (min-width: 782px) {
                width: 33.333%;
            }
        }
    }
    .short {
        display: none;
    }
}
body.single-post #site-header .logo,
body.single-event #site-header .logo {
    .standard {
        display: flex;
        svg {
            width: 100%;
            height: fit-content;
        }
        @media screen and (min-width: 782px) {
            display: none;
        }
    }
    .short {
        display: none;
        @media screen and (min-width: 782px) {
            display: flex;
        }
    }
}

#site-header {
    .social-logo {
        height: 14px;
        width: fit-content;
    }
}

body.home {
    overflow: hidden;
    #site-header {
        z-index: 999;
    }
}