Fix logo size and text margins in mobile view or WordPress site

I have a WordPress website using the CityNews theme and it needs a couple of tweaks in the styles for the mobile version, these styles must be edited either in the child theme or added to the theme's Custom Codes section in the admin, in order to avoid future updates to the theme overwriting these changes. Also, these changes must not affect at all how the side looks currently on bigger screens. Here is exactly what I need you to do: 1. I added a custom code for the logo to be bigger, however, in the mobile version it looks stretched like it doesn't fully shrink as it should. I need the logo on mobile to be smaller and not deformed. 2. The blog posts have no left margin. I need a little margin there on the left 3. The pages have no margin to the left or right, I need a little margin on both sides I have attached 3 screenshots that show what I mean. Please let me know if you have questions