CSS code for including both logo and text in header not working properly

I want to have the logo in the website header along with the name of the company/website. Much like it says squarespace with the logo on the left, something like this:

[LOGO] "Website Name" 

Instead with my css code I get this

[LOGO]

"Website Name"

so the logo comes above the name, it used to work and without me making any changes that I can decern it has stopped working, I've included the CSS below.

.header-title-logo a:before{
    content: "Bil Export AS";
    display: inline-block !important;
    font-size: 40px !important;
    font-family: Halyard-Micro !important;
    color: #FBBE2C;
    text-align: center !important;
    vertical-align:middle !important;
    font-weight:900 !important;
    padding-left: 20px !important;
}
.header-title-logo img {
    vertical-align: middle;
}

.header-mobile-logo a:before {
    content: "Bil Export AS";
    display: inline-block;
    font-size: 20px;
    font-family: Halyard-Micro;
    color: #FBBE2C;
      width: 67%;
    margin: 0 auto;
    text-align: center;
    vertical-align: 15px;
    font-weight:900;
    padding-left: 20px;
      //padding-right: 20px;
}

Can you share your website URL?

@Ziggy
https://www.bilexport.no

How is it supposed to look? This is what I see, seems to have the text and logo:

Just now, Ziggy said:

How is it supposed to look? This is what I see, seems to have the text and logo:

well I'd rather the logo be on the left and not overlapping the bottom, I can position it either above or below using After/Before, but I cannot figure out how to position it on the same line as it used to be. 

again to illustrate the current look is

"TEXT"

[LOGO]

I want it to be

[LOGO] "Text"

That worked! Had to adjust it for the mobile version too, but it works now! Thanks a ton @Ziggy!

Oh no wait I'm just a bit slow, it worked in positioning the logo...because the text is no longer visible.

So interestingly it now works for the desktop version, but the mobile still has the issue. Alternatively I could simply forgo the text on the mobile version. 

Try replacing the mobile portion with this:

.header .header-title--use-mobile-logo .header-mobile-logo {
    position: relative;
}
.header-mobile-logo a:after {
    content: "Bil Export AS";
    display: inline-block;
    font-size: 20px;
    font-family: Halyard-Micro;
    color: #FBBE2C;
    margin: 0 auto;
    text-align: center;
    vertical-align: 15px;
    font-weight:900;
    padding-left: 85px;
    margin-top: -70px;
    position: absolute;
}

Works! No text but I've come round to preferring it that way haha.