title: Can't select html text
body: <p>I have run into a peculiar problem. </p>
  
  <p>Some HTML text on my page becomes unselectable and its anchor descendants are not recognised when hovered (Tested in chrome).</p>
  
  <p>You have to fulfill certain requirements to cause it to happen. Here is my example page:</p>
  
  <p><a href="http://rcnhca.org.uk/sites/first_steps/personal-and-people-development/" rel="noreferrer">http://rcnhca.org.uk/sites/first_steps/personal-and-people-development/</a></p>
  
  <p>If you reduce the browser window width to smaller than 520px (So my <code>@media</code> css kicks in) you are no longer able to highlight or select a link in the main body of text.</p>
  
  <p>Can anyone see what is causing this?</p>