Hello,
1. Check now, please.
2. Are you talking about the following way to center the logo for the desktop version http://prntscr.com/ky5z7i ?
3. Use the following code to remove that gap
.page-content {
margin-top: 0;
}
4. Use Ultimate Addons heading element to add headings with the different font size for the mobile devices http://prntscr.com/ky61c3 instead of the custom CSS because your custom affects the other heading at your page http://prntscr.com/ky628o or remove the custom class for these elements.
5. If you want to remove the page heading for the blog page and all the posts I would recommend to use Theme Options > Header Settings > Breadcrumbs and disable breadcrumbs if you don’t want to have them. If you want to disable them for some pages/posts only use Page Layout while editing the page/post.
6. Change the alignment for the mobile texts to top-center http://prntscr.com/ky66dk instead of center-center. More about Revolution slider responsive here https://www.themepunch.com/faq/slider-revolution-responsive-tutorial-5-0/ – Correcting Layer Alignment
7. Use vw, vh or % to add paddings/margins instead of fixed px value that does not depend on responsive, or the combination of px and vw/vh/%, for example, 35px of padding + 3vw of margin to avoid very small gap on the mobile devices.
8. Could you provide the screenshot for better understanding?
9. Use row bg instead of single image + row paddings, as we did for the faq-sweden-2 page.
Regards