h1.branding {
    font-family: var(--sans-serif);
    color: hsla(var(--text-white), 1);
}


.block-system-branding-block {
    min-height: 120px;
    flex: 0 1 30%;
    display: flex !important;
    align-items: center;

}


.block-system-branding-block .branding {
        position: relative;
    }


.block-system-branding-block .branding--desktop {
            display: none;
        }


@media (min-width: 1025px) {


.block-system-branding-block .branding {
            display: block;
            left: 4px
    }
        }


.block-system-branding-block .branding a {
            display: block;
        }


.block-system-branding-block .branding--mobile .site-logo img {
                    width: 150px;
                }


@media (min-width: 1025px) {


.block-system-branding-block .branding--mobile {
                display: none
        }

               
            }