Solved Align logo and buttons on fullwidth header

Hi! Im trying to reach the following layout on the fullwidth header module (see picture below), but cant seem to align logo and buttons to the left (in relation to text). They keep being pushed to the right. I tried using this in custom CSS, but did not work:

.custom_header .et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-content .header-logo {
text-align: -webkit-left!important;
text-align: left!important;
}

Help please! Would be super grateful for any ideas.

 

Here is the URL: http://wordpress.p407093.webspaceconfig.de/

 

Unfortunately, it doesn't work

I was hoping
.custom_header .et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-content .header-logo will add more specificity, but this also does not work.

I have added a custom class to the module advanced CSS settings for the gradient background CSS, can this be interfering with the specificity somehow? I guess logically it should not be the case, but who knows..

 

Adding !importnat worked, THANK YOU!

This is probably a stupid question, but how come my option with more classes didn't work? I had both
.et_pb_fullwidth_header_container.right AND .header-content mentioned, plus the .custom_header .et_pb_fullwidth_header that contains both of them.

This is how the element CSS looked like in the inspector, so I figured both those classes should be mentioned. Where did I go wrong?

Code:

Log In or Sign Up to view this code.

 

It did! And I see now what where my problem was, i should not have used the .header-logo class. Its part of the <img>, so guess no
text-align could be applied to it...

Thank you so much one more time for your help!