Hi Lech,
#1 – You could reduce the size of the logo image on mobile devices. Try this,
.navbar-brand > img {
max-width: 100px;
}
You can add this in the media query for iPhones and smart phones.
There is not much else you can do.
#2 – This is just standard padding which all the content on the site has. It leaves a space between the edge of the screen and the text.
See here, https://www.dropbox.com/s/jzqw9js8ohgf3ij/padding.PNG?dl=0
