How to remove Contact Number from header area

I bought Business Grow theme today, but right now I am using One Page light. My question is relevant to both. How can I completely remove the Contact Number and the icon next to it (which doesn't render in my browser correctly) from the top of the Home page (in what looks like the black header section)? I don't want any contact number there. Removing number from the Theme Options box doesn't work, so I presume I need some css. Please help. Thanks.

My site is http://youredinburghbnb.com

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#call_us {
display: none;
}

 

Thank you Gourav. I have a few more issues I need solved to complete this site. I hope you can help again please.

1. I'd like to place social media icons at the top right of the site (black header area). Can you give me some CSS to do this?

2. Looking at the site on my mobile, the Top Feature Area (blue band and text) doesn't show up at all. Please advise how to fix.

3. The mobile navigation menu also has an issue. I can write in the text I want to see on the menu in the Theme Options, but viewing it on my mobile the menu doesn't function at all. It only shows the text and an arrow that points up or down. Definitely need a fix for this, please.

4. I created an extra page 'Guestbook'. I would prefer this page to be part of the home page instead of separate. Is that possible?

Thanks - your assistance is greatly appreciated.