@media screen and (max-width: 480px) {
    /* Prevent the masthead group from stacking elements vertically */
    #masthead .hgroup {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        text-align: left !important;
    }

    /* Force the logo container to stay on the left side */
    #masthead .hgroup #logo {
        float: left !important;
        margin: 0 !important;
    }
   /* Force the social icons / header widget area to stay on the right side */
    #masthead .hgroup #header-sidebar {
        float: right !important;
        clear: none !important;
        margin: 0 !important;
        text-align: center !important;
    }