Left-align Logo and keep Nav right-aligned?

Site URL: https://www.lewishubbard.com/home-redesign-april-2020-full-refs

Hi. I've set my nav to right-aligned in Site Styles (Five template) but my Logo aligns to the center when doing so. How can I left-align the Logo while keeping nav right-aligned?

Thanks.

Add to Home > Design > Custom CSS

@media screen and (min-width:641px) {
.horizontal-navigation-bar.clear.with-logo {
    display: flex;
    justify-content: space-between;
}
nav#main-navigation {
    padding-right: 0;
    margin-right: 0;
}
}

Excellent, thanks @tuanphan! That works perfectly.

In addition, if it's ok, how can I display the logo image png instead of the Site Title on mobile? Thanks in advance.

21 hours ago, Sandeep2017 said:

Excellent, thanks @tuanphan! That works perfectly.

In addition, if it's ok, how can I display the logo image png instead of the Site Title on mobile? Thanks in advance.

It seems you solved?