Hestia | Font Awesome bug

Hi so im working on a webpage that im hosting localhost atm but i have a small problem on the webpage

So at the top there are 3 large icons and i want them to be large like this

https://gyazo.com/151c439537ac97cc35be87bc30f63abe

And now in the Font Awesome settings in the Font Awesome plugin it is set to webfont

But then down at my teams tab not all icons are working just some deafult ones

https://gyazo.com/46dd57816f9cffec3afbc263e330558b

but if i change in the Font Awesome settings to be SVG then the icons are working at the teams tab

https://gyazo.com/960d3f78d8a95f2d23ab36463769d832

But then my icons are small at the top of the page

https://gyazo.com/391170833b9cfe45749795fc46ef58e7

Can somone help me?

Im using Hestia theme and Font Awesome plugin