title: Vertical align image in horizontal nav menu
body: <p>I'm having a hard time to align the logo image in the horizontal navigation menu here:</p>
  
  <p><a href="http://fatima-h2020.eu/" rel="nofollow noreferrer">http://fatima-h2020.eu/</a></p>
  
  <p>Well, this is what I want to achieve:</p>
  
  <p><a href="https://i.stack.imgur.com/5D8e5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5D8e5.png" alt="enter image description here"></a></p>
  
  <p>but I'm really confused on which element should I edit to achieve this. </p>
  
  <p>Inserting <code>vertical-align: middle</code> to the <code>img</code> as I've read in other questions just doesn't seem to do the trick.</p>