Cannot add border radius to background image as logo

I have managed to replicate the custom logo (with the help of this code from another Lodestar thread), to the left of the navigation.

/* Replicate custom site logo to left of primary menu */

.has-top-content .main-navigation {
    background: url('https://www.inspiration4.andrzejrodziewicz.co.uk/wp-content/uploads/2018/05/mbn-logo-1.png') no-repeat scroll left / auto 50px transparent;
    padding-left: 160px;
    margin-left: 5px; /* to offset logo on small screens */
    min-height: 50px;
    /*border-radius: 10px; - does not work*/
    }

Now that the site uses a background logo image to the left of the navigation, I am unable to target this logo with CSS to have a border radius of, lets say, 10 pixels.

Grateful for help.

• This topic was modified 8 years, 1 month ago by Andrzej.

The page I need help with: [log in to see the link]