How to right align the logo?

Site URL: https://snail-carnation-x8mg.squarespace.com/

Hi,

two things I need to do on this website:

https://snail-carnation-x8mg.squarespace.com/ 

PW: Wagner

1) Desktop: logo has to be right aligned.

2) Mobile: remove navigation burger

See pics for better understanding, what I'm trying to accomplish.

Thank you :-)

Add to Design > Custom CSS

@media screen and (min-width:768px) {
.header-title-nav-wrapper {
    flex: 0 0 100% !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    flex-direction: column !important;
    margin-right: 0 !important;
    align-content: flex-end !important;
}
.header-title {
    text-align: right !important;
}}
.burger-inner{visibility: hidden;}