Site looks terrible after update to responsive

See this site: http://jeanbmoyer.com
I put padding to center logo,but when viewed on smartphone, it is not centered.
How to I get this to look good on both?
Thank you

 

Hi,

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard

Code:

@media only screen and (max-width: 767px){
.logo {
width: 69%;
margin-left: -45px;
}
 
}

Regards,
Sameer