Font Awesome and Bootstrap problems

Hi,
I am building my new website using WP Toolset Plugin suite. I chose GeneratePress because it is the most recommended theme to be used by the plugin developers.

WP Toolset needs Bootstrap.

However, I have 2 problems:

1- I want to use some Font awesome icons. But the icons show as an empty rectangle.
I read some GeneratePress support posts which indicated that I need to untick the the option to "load only the essential icons only" from the Customizer/General.

The only way I get the icons to show is to load the font using its CDN link.
But what I understand is that I don't need to load the font and it is already loaded in the theme.

Please note that the icons I am trying to use are not new icons introduced in Font awesome 5. they are very basic icons that were present in v4 of the font.

-----

2- My heading h1 is huge, even on desktop. I made it smaller from 40px to 30px using the customizer. However, nothing changed!
When I inspected the heading using the browser console, I found out that the 30px is crossed out, and the font is at size 2em and this comes from Bootstrap!!!

Now, I don't know that bootstrap controls the heading sizes!

So is there a way to integrate Bootstrap in a way that overcome this problem?

You can see the problems here:
https://wp.me/p9K2NV-Y

and also here is a screenshot to demonstrate:
https://prnt.sc/j9xvgi