diff --git a/_data/SocialNetworks.yml b/_data/SocialNetworks.yml
index 05ee8cc..0ba9ac7 100644
--- a/_data/SocialNetworks.yml
+++ b/_data/SocialNetworks.yml
@@ -1,37 +1,37 @@
 # You can define your custom social network links here.
 # Use the same key you added in _config.yml -> soicial-network-links.
 # In addition to that you need to specify the following properties:
 #   name: Specify a user-friendly name that will be used as a link title
 #   baseURL: Define a base URL which will be combined with the value of
 #            site.social-network-links.<key>
 #   icon: Specify a valid fontawesome icon class
 
 facebook:
   name: "Facebook"
   baseURL: "https://www.facebook.com/"
-  icon: "fa-facebook"
+  iconClasses: "fab fa-facebook"
 
 github:
   name: "GitHub"
   baseURL: "https://github.com/"
-  icon: "fa-github"
+  iconClasses: "fab fa-github"
 
 twitter:
   name: "Twitter"
   baseURL: "https://twitter.com/"
-  icon: "fa-twitter"
+  iconClasses: "fab fa-twitter"
 
 email:
   name: "Email me"
   baseURL: "mailto:"
-  icon: "fa-envelope"
+  iconClasses: "fas fa-envelope"
 
 linkedin:
   name: "LinkedIn"
   baseURL: "https://linkedin.com/"
-  icon: "fa-linkedin"
+  iconClasses: "fab fa-linkedin"
 
 youtube:
   name: "YouTube"
   baseURL: "https://www.youtube.com/"
-  icon: "fa-youtube"
+  iconClasses: "fab fa-youtube"
diff --git a/_includes/footer.html b/_includes/footer.html
index faa983c..d228d97 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,37 +1,37 @@
 <footer>
   <ul class="flex-row list-inline footer-links">
     {%- for link in site.social-network-links -%}
     {%- assign curkey = link[0] -%}
     {%- assign element = site.data.SocialNetworks[curkey] -%}
     <li>
       {%- if curkey == 'rss' -%}
       <a href="{{ '/feed.xml' | prepend: site.baseurl }}" title="{{ element.name }}">
       {%- elsif curkey == 'yelp' -%}
       <a href="https://{{ site.social-network-links[curkey] }}.yelp.com" title="{{ element.name }}">
       {%- else -%}
-      <a href="{{element.baseURL}}{{ site.social-network-links[curkey] }}" title="{{ element.name }}">
+      <a href="{{ element.baseURL }}{{ site.social-network-links[curkey] }}" title="{{ element.name }}">
       {%- endif -%}
       <span class="fa-stack fa-lg" aria-hidden="true">
-        <i class="fa fa-circle fa-stack-2x"></i>
-        <i class="fa {{ element.icon }} fa-stack-1x fa-inverse"></i>
+        <i class="fas fa-circle fa-stack-2x"></i>
+        <i class="{{ element.iconClasses }} fa-stack-1x fa-inverse"></i>
       </span>
       <span class="sr-only">{{ element.name }}</span>
       </a>
     </li>
     {%- endfor -%}
   </ul>
   <div class="flex-row footer-donation-addr">
     You can help us by making a Bitcoin Cash donation.
     <br />
     <a href="https://blockchair.com/bitcoin-cash/address/qqeht8vnwag20yv8dvtcrd4ujx09fwxwsqqqw93w88">bitcoincash:qqeht8vnwag20yv8dvtcrd4ujx09fwxwsqqqw93w88</a>
   </div>
   <div class="flex-row">
     Support is welcome as long as you understand that any funds sent are considered a donation to be used at the sole discretion of Bitcoin ABC.
   </div>
   <div class="flex-row">
     Found a bug? See our <a href="/DISCLOSURE_POLICY.html">disclosure policy</a>.
   </div>
   <div class="flex-row copyright text-muted">
     Copyright 2017-2020 {{ site.author.name }}
   </div>
 </footer>
diff --git a/_includes/social-share.html b/_includes/social-share.html
index 53d75d0..40f9d16 100644
--- a/_includes/social-share.html
+++ b/_includes/social-share.html
@@ -1,51 +1,51 @@
 <!-- Check if any share-links are active -->
 {% assign any-share-links = false %}
 {% for links in site.share-links-active %}
   {% if links[1] == true %}
     {% assign any-share-links = true %}
   {% endif %}
 {% endfor %}
 
 {% if any-share-links %}
 <section id = "social-share-section">
   <span class="sr-only">Share: </span>
 
   {% if site.share-links-active.twitter %}
   <!--- Share on Twitter -->
     <a href="https://twitter.com/intent/tweet?text={{ page.title | url_encode }}+{{ site.url }}{{ page.url }}"
       class="btn btn-social-icon btn-twitter" title="Share on Twitter">
-      <span class="fa fa-fw fa-twitter" aria-hidden="true"></span>
+      <span class="fab fa-fw fa-twitter" aria-hidden="true"></span>
       <span class="sr-only">Twitter</span>
     </a>
   {% endif %}
 
   {% if site.share-links-active.facebook %}
   <!--- Share on Facebook -->
     <a href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ page.url }}"
       class="btn btn-social-icon btn-facebook" title="Share on Facebook">
-      <span class="fa fa-fw fa-facebook" aria-hidden="true"></span>
+      <span class="fab fa-fw fa-facebook" aria-hidden="true"></span>
       <span class="sr-only">Facebook</span>
     </a>
   {% endif %}
 
   {% if site.share-links-active.google %}
   <!--- Share on Google Plus -->
     <a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}"
       class="btn btn-social-icon btn-google" title="Share on Google+">
-      <span class="fa fa-fw fa-google-plus" aria-hidden="true"></span>
+      <span class="fab fa-fw fa-google-plus" aria-hidden="true"></span>
       <span class="sr-only">Google+</span>
     </a>
   {% endif %}
 
   {% if site.share-links-active.linkedin %}
   <!--- Share on LinkedIn -->
     <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url }}"
       class="btn btn-social-icon btn-linkedin" title="Share on LinkedIn">
-      <span class="fa fa-fw fa-linkedin" aria-hidden="true"></span>
+      <span class="fab fa-fw fa-linkedin" aria-hidden="true"></span>
       <span class="sr-only">LinkedIn</span>
     </a>
   {% endif %}
 
 </section>
 
 {% endif %}
diff --git a/_layouts/abc_md.html b/_layouts/abc_md.html
index 6b75457..5cb4c19 100644
--- a/_layouts/abc_md.html
+++ b/_layouts/abc_md.html
@@ -1,16 +1,16 @@
 ---
 layout: base
 ---
 
 <div class="subnav">
-  <a href="#" onclick="window.history.back()" class="fa fa-chevron-left subnav-strong-link">Back</a>
+  <a href="#" onclick="window.history.back()" class="fas fa-chevron-left subnav-strong-link">Back</a>
 </div>
 
 <div class="flex-content flex-row">
   {% include header.html type="page" %}
 
   {{ content }}
 </div>
 
 <!-- Dummy flexbox container to counteract the growth of the subnav -->
 <div style="flex: 1;"></div>
diff --git a/_layouts/base.html b/_layouts/base.html
index ca33136..3e94617 100644
--- a/_layouts/base.html
+++ b/_layouts/base.html
@@ -1,30 +1,30 @@
 ---
 common-css:
   - "/css/bootstrap.min.css"
   - "/css/bootstrap-social.css"
   - "/css/main.css"
 common-ext-css:
-  - "//maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css"
+  - "//use.fontawesome.com/releases/v5.14.0/css/all.css"
 common-googlefonts:
   - "Lora:400,700,400italic,700italic"
   - "Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800"
 common-js:
   - "/js/jquery-1.11.2.min.js"
   - "/js/bootstrap.min.js"
   - "/js/main.js"
   - "/js/blog-feed.js"
 ---
 
 <!DOCTYPE html>
 <html lang="en">
   {% include head.html %}
   <body>
     {% include gtm_body.html %}
     {% include nav.html %}
     <div class="flex-container flex-row">
       {{ content }}
     </div>
     {% include footer.html %}
     {% include footer-scripts.html %}
   </body>
 </html>
diff --git a/_layouts/doc.html b/_layouts/doc.html
index bb5bbce..060237e 100644
--- a/_layouts/doc.html
+++ b/_layouts/doc.html
@@ -1,45 +1,45 @@
 ---
 layout: base
 ---
 
 {% assign groups = site.doc | where:"version", page.version | where:"category", page.category | group_by:"group" | sort:"name" %}
 
 <div class="subnav">
-  <a href="/doc" class="fa fa-chevron-left subnav-strong-link">Version {{ page.version }}</a>
+  <a href="/doc" class="fas fa-chevron-left subnav-strong-link">Version {{ page.version }}</a>
   {% for group in groups %}
     {% assign maybeHideOnStart = '' %}
     {% if group.name != page.group %}
       {% assign maybeHideOnStart = 'js-hide-on-start' %}
     {% endif %}
     <header>
       {% if groups.size > 1 %}
         <h3 class="subnav-header">
-          <i class="fa fa-book"></i>
+          <i class="fas fa-book"></i>
           {{ group.name }}
         </h3>
       {% endif %}
       <div class="subnav-drawer {{ maybeHideOnStart }}">
         <ul>
           {% for article in group.items %}
             <li><a href="{{ article.url }}" {% if article.name == page.name %}class="subnav-selected"{% endif %}>
               {{ article.name }}
             </a></li>
           {% endfor %}
         </ul>
       </div>
     </header>
   {% endfor %}
 </div>
 
 <div class="flex-content flex-row">
   {% include header.html type="page" %}
 
   {% if page.category == "man" %}
     {{ content }}
   {% else %}
     {% highlight text %}{{ content }}{% endhighlight %}
   {% endif %}
 </div>
 
 <!-- Dummy flexbox container to counteract the growth of the subnav -->
 <div style="flex: 1;"></div>