
.msp-logo {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

    display: table;
    width: 100%;
    height: 100%;

    > div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;

        > div {
            display: inline-block;
            position: relative;
            width: 50%;
            max-width: 280px;
            height: 130px;

            > div {
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
            }

            > div:first-child {
                //border-radius: 8px;
                background: $logo-background;
            }
        }
    }
}



.msp-logo-image {
@include  non-selectable;
margin: 20px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url('data:image/png;base64,[encoded data, 5532 characters]');
}