Links with Font Awesome don't work

I make a landing page. https://merrymaker14.github.io/portfolio

But the icons from Font Awesome don't work out with links.

<!-- Font Awesome -->
     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
...
<div class="media">
<ul>
    <li>    
        <a target="_blank" class="btn btn-social-icon btn-vk" href="https://vk.com/merrymaker14">
            <span class="fa fa-vk"></span>
        </a>
    </li>
    ...
</ul>
</div>

Why? An example of the link is visible.

Author: Timur Musharapov, 2019-08-23
Source

1 answers

Set the z-index property for the media class:

.media {
  z-index: 1000;
}
 1
Author: Igor R., 2019-08-23 09:45:24