title: how do i edit my CSS to show following things please
body: <p>I'm experimenting with bootstrap and come up with below menu bar and slider:</p>
  
  <p><a href="http://tumolo.co.uk/fcslfn/" rel="nofollow">http://tumolo.co.uk/fcslfn/</a></p>
  
  <p>The rest of the site is built from this template:
  <a href="http://ironsummitmedia.github.io/startbootstrap-modern-business/" rel="nofollow">http://ironsummitmedia.github.io/startbootstrap-modern-business/</a></p>
  
  <p>I would like to know how to:</p>
  
  <ol>
  <li>the FB logo and Twitter logo has a black horizontal line between them - how can i make that disappear?</li>
  <li>how do i make the slider responsive?</li>
  <li>How do I neaten up the menu bar, so that the football badge is centred and the menu items on either side, are proportionally separated?</li>
  </ol>