diff --git a/_config.yml b/_config.yml
index 12ecaabe685985056577eee4c018e1118fa6f88d..43d0a5374709c33d40141377330d37b040bb2fa0 100644
--- a/_config.yml
+++ b/_config.yml
@@ -108,7 +108,47 @@ variants:
   - name: danger
     icon: x-octagon
 
-socials: [facebook, twitter, google, youtube, vimeo, dribbble, github, instagram, pinterest, vk, rss, flickr, bitbucket]
+button_variants:
+  - name: primary
+    title: Primary
+  - name: secondary
+    title: Secondary
+  - name: success
+    title: Success
+  - name: info
+    title: Info
+  - name: warning
+    title: Warning
+  - name: danger
+    title: Danger
+
+socials:
+  - name: facebook
+    title: Facebook
+  - name: twitter
+    title: Twitter
+  - name: google
+    title: Google
+  - name: youtube
+    title: Youtube
+  - name: vimeo
+    title: Vimeo
+  - name: dribbble
+    title: Dribbble
+  - name: github
+    title: Github
+  - name: instagram
+    title: Instagram
+  - name: pinterest
+    title: Pinterest
+  - name: vk
+    title: Vk
+  - name: rss
+    title: Rss
+  - name: flickr
+    title: Flickr
+  - name: bitbucket
+    title: Bitbucker
 
 months_short: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
 months_long: ['January', 'Febuary', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
diff --git a/pages/_docs/buttons.md b/pages/_docs/buttons.md
index 3ae608b5adaef953d47b2fbec4619b7a98e2bd4a..bbc8b71c23a7713055e1ccedcddba833760ee409 100644
--- a/pages/_docs/buttons.md
+++ b/pages/_docs/buttons.md
@@ -1,14 +1,248 @@
 ---
 title: Buttons
-menu: docs.buttons
+icon: fe fe-plus-square
+description: Use Bootstrap’s custom button styles for actions in forms, dialogs, and more. Includes support for a handful of contextual variations, sizes, states, and more.
 ---
 
-## Default markup
+
+### Button tag
+
+The `.btn` classes are designed to be used with the `<button>` element. However, you can also use these classes on `<a>` or `<input>` elements (though some browsers may apply a slightly different rendering).
+
+{% example html wrapper=btn-list %}
+<a href="#" class="btn btn-primary" role="button">Link</a>
+<button class="btn btn-primary">Button</button>
+<input type="button" class="btn btn-primary" value="Input" />
+<input type="submit" class="btn btn-primary" value="Submit" />
+<input type="reset" class="btn btn-primary" value="Reset" />
+{% endexample %}
+
+### Button variations
+
+Use any of the available button classes to quickly create a styled button . We provide a variety of colors for you to express different emotions.
+
+{% example html wrapper=btn-list %}
+{% for button in site.button_variants %}
+<a href="#" class="btn btn-{{ button.name }}">{{ button.title }}</a>
+{% endfor %}
+<a href="#" class="btn btn-link">Link</a>
+{% endexample %}
+
+### Disabled buttons
+
+Make buttons look inactive by adding the disabled boolean attribute to any `.btn` element. `<a>`s don’t support the disabled attribute, so you must add the `.disabled` class to make it visually appear disabled.
+{% example html wrapper=btn-list %}
+{% for button in site.button_variants %}
+{% include ui/button.html color=button.name text=button.title disabled="true" %}
+{% endfor %}
+
+{% endexample %}
+
+
+### Color variations
+
+The classic button, in different colors.
+
+{% example html wrapper=btn-list %}
+{% for button in site.colors %}
+<a href="#" class="btn btn-{{ button[0] }}">{{ button[1].name }}</a>
+{% endfor %}
+{% endexample %}
+
+### Square buttons
+
+Add `.btn-square` to button to remove border-radius.
+
+{% example html wrapper=btn-list %}
+{% for button in site.button_variants %}
+{% include ui/button.html text=button.title color=button.name square=true %}
+{% endfor %}
+{% endexample %}
+
+### Pill buttons
+
+Add `.btn-pill` class to any button to make them more rounded.
+
+{% example html wrapper=btn-list %}
+{% for button in site.button_variants %}
+{% include ui/button.html text=button.title color=button.name pill=true %}
+{% endfor %}
+{% endexample %}
+
+### Outline buttons
+
+In need of a button, but not the hefty background colors they bring? Replace the default modifier classes with the `.btn-outline-*` ones to remove all background images and colors on any button.
+
+{% example html wrapper=btn-list %}
+{% for button in site.button_variants %}
+{% include ui/button.html text=button.title color=button.name outline=true %}
+{% endfor %}
+{% endexample %}
+
+### Button size
+
+Add `.btn-lg` or `.btn-sm` for additional sizes.
+
+{% example html wrapper=btn-list %}
+<button type="button" class="btn btn-primary btn-lg">Large button</button>
+<button type="button" class="btn btn-secondary btn-lg">Large button</button>
+{% endexample %}
+
+{% example html wrapper=btn-list %}
+<button type="button" class="btn btn-primary btn-sm">Small button</button>
+<button type="button" class="btn btn-secondary btn-sm">Small button</button>
+{% endexample %}
+
+Create block level buttons—those that span the full width of a parent—by adding `.btn-block`.
+
+{% example html %}
+<button type="button" class="btn btn-primary btn-block">Block level button</button>
+<button type="button" class="btn btn-secondary btn-block">Block level button</button>
+{% endexample %}
+
+### Button with icon
+
+Basic buttons are traditional buttons with borders and background with an extra commponent like an icon. You can place it either on the left or the right which ever you want with different color opitons.
+
+{% example html wrapper=btn-list %}
+<button type="button" class="btn btn-dark"><i class="fe fe-upload mr-2"></i>Upload</button>
+<button type="button" class="btn btn-warning"><i class="fe fe-heart mr-2"></i>I like</button>
+<button type="button" class="btn btn-success"><i class="fe fe-check mr-2"></i>I agree</button>
+<button type="button" class="btn btn-outline-primary"><i class="fe fe-plus mr-2"></i>More</button>
+<button type="button" class="btn btn-danger"><i class="fe fe-link mr-2"></i>Link</button>
+<button type="button" class="btn btn-info"><i class="fe fe-message-circle mr-2"></i>Comment</button>
+{% endexample %}
+
+### Social buttons
+
+{% example html wrapper=btn-list %} 
+{% for button in site.socials %}
+{% include ui/button.html color=button.name icon=button.name text=button.title provider="fas" %}
+{% endfor %}
+{% endexample %}
+
+You can use only icons.
+
+{% example html wrapper=btn-list %} 
+{% for button in site.socials %}
+{% include ui/button.html color=button.name icon=button.name provider="fas" %}
+{% endfor %}
+{% endexample %}
+
+### Icon buttons
+
+Icon only button. Add `.btn-icon` class to remove unnecessary padding from button.
+
+{% example html wrapper=btn-list %} 
+<button type="button" class="btn btn-icon btn-primary"><i class="fe fe-activity"></i></button>
+<button type="button" class="btn btn-icon btn-primary btn-github"><i class="fe fe-github"></i></button>
+<button type="button" class="btn btn-icon btn-primary btn-success"><i class="fe fe-bell"></i></button>
+<button type="button" class="btn btn-icon btn-primary btn-warning"><i class="fe fe-star"></i></button>
+<button type="button" class="btn btn-icon btn-primary btn-danger"><i class="fe fe-trash"></i></button>
+<button type="button" class="btn btn-icon btn-primary btn-purple"><i class="fe fe-bar-chart"></i></button>
+<button type="button" class="btn btn-icon btn-primary btn-secondary"><i class="fe fe-git-merge"></i></button>
+{% endexample %}
+
+### Button dropdown
+
+Wrap the dropdown’s toggle (your button or link) and the dropdown menu within `.dropdown`, or another element that declares `position: relative;`. Dropdowns can be triggered from `<a>` or `<button>` elements to better fit your potential needs.
 
 {% example html wrapper=btn-list %}
-{% include ui/button.html color="primary" text="Button" %}
-{% include ui/button.html color="secondary" text="Button" %}
-{% include ui/button.html color="danger" text="Button" %}
-{% include ui/button.html color="warning" text="Button" %}
-{% include ui/button.html color="success" text="Button" %}
+<div class="dropdown">
+  <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">
+     <i class="fe fe-calendar"></i>
+  </button>
+  <div class="dropdown-menu">
+    <a class="dropdown-item" href="javascript:void(0)">Dropdown link</a>
+    <a class="dropdown-item" href="javascript:void(0)">Dropdown link</a>
+  </div>
+</div>
+
+<div class="dropdown">
+  <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">
+     <i class="fe fe-calendar mr-2"></i>Show calendar
+  </button>
+  <div class="dropdown-menu">
+    <a class="dropdown-item" href="javascript:void(0)">Dropdown link</a>
+    <a class="dropdown-item" href="javascript:void(0)">Dropdown link</a>
+  </div>
+</div>
+
+<div class="dropdown">
+  <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">
+     Show calendar
+  </button>
+  <div class="dropdown-menu">
+    <a class="dropdown-item" href="javascript:void(0)">Dropdown link</a>
+    <a class="dropdown-item" href="javascript:void(0)">Dropdown link</a>
+  </div>
+</div>
+{% endexample %}
+
+### Loading button
+
+Add `.btn-loading` to use a loading state on a button. The width of the button depends on the length of the text inside.
+
+Since the loading spinner is implemented using the `:after` pseudo-element, it is not supported by the `<input type="submit">` element.
+
+{% example html wrapper=btn-list %}
+{% include ui/button.html spinner=true text="Button" color="primary" %}
+{% include ui/button.html spinner=true text="Button" color="danger" %}
+{% include ui/button.html spinner=true text="Button" color="warning" %}
+{% include ui/button.html spinner=true color="success" %}
+{% include ui/button.html spinner=true color="secondary" %}
+{% endexample %}
+
+### List of buttons
+
+You can now create a list of buttons with the `.btn-list` container.
+
+{% example html %}
+<div class="btn-list">
+  <a href="#" class="btn btn-success">Save changes</a>
+  <a href="#" class="btn btn-secondary">Save and continue</a>
+  <a href="#" class="btn btn-danger">Cancel</a>
+</div>
+{% endexample %}
+
+If the list is very long, it will automatically wrap on multiple lines, while keeping all buttons evenly spaced.
+
+{% example html %}
+<div class="btn-list">
+  <a href="#" class="btn btn-secondary">One</a>
+  <a href="#" class="btn btn-secondary">Two</a>
+  <a href="#" class="btn btn-secondary">Three</a>
+  <a href="#" class="btn btn-secondary">Four</a>
+  <a href="#" class="btn btn-secondary">Five</a>
+  <a href="#" class="btn btn-secondary">Six</a>
+  <a href="#" class="btn btn-secondary">Seven</a>
+  <a href="#" class="btn btn-secondary">Eight</a>
+  <a href="#" class="btn btn-secondary">Nine</a>
+  <a href="#" class="btn btn-secondary">Ten</a>
+  <a href="#" class="btn btn-secondary">Eleven</a>
+  <a href="#" class="btn btn-secondary">Twelve</a>
+  <a href="#" class="btn btn-secondary">Thirteen</a>
+  <a href="#" class="btn btn-secondary">Fourteen</a>
+  <a href="#" class="btn btn-secondary">Fifteen</a>
+  <a href="#" class="btn btn-secondary">Sixteen</a>
+  <a href="#" class="btn btn-secondary">Seventeen</a>
+  <a href="#" class="btn btn-secondary">Eighteen</a>
+  <a href="#" class="btn btn-secondary">Nineteen</a>
+</div>
+{% endexample %}
+
+Use the `.text-center` or the `.text-right` modifiers to alter the alignment.
+
+{% example html %}
+<div class="btn-list text-center">
+  <a href="#" class="btn btn-primary">Save changes</a>
+  <a href="#" class="btn btn-secondary">Save and continue</a>
+</div>
+{% endexample %}
+
+{% example html %}
+<div class="btn-list text-right">
+  <a href="#" class="btn btn-primary">Save changes</a>
+  <a href="#" class="btn btn-secondary">Save and continue</a>
+</div>
 {% endexample %}
diff --git a/pages/_includes/ui/button.html b/pages/_includes/ui/button.html
index b7b62f88bfce3e17c4e9b8f76b3d1f952c72a51a..25ab55744a7057bbf8cc82be3a8c6032f2f35c57 100644
--- a/pages/_includes/ui/button.html
+++ b/pages/_includes/ui/button.html
@@ -1,4 +1,5 @@
 {% assign spinner-class = false %}
+{% assign provider = include.provider | default: 'fe' %}
 {% if include.text %}{% assign spinner-class="mr-2" %}{% endif %}
 {% assign element = include.element | default: 'button' %}<{{ element }}{% if element == 'a' %} href="{{ include.href | default: '#' }}"{% endif %} class="btn{% if include.height %} btn-{{ include.height }}{% endif %}{% if include.color %} btn-{% if include.outline %}outline-{% endif %}{{ include.color }}{% endif %}{% if include.disabled %} disabled{% endif %}{% if include.square %} btn-square{% endif %}{% if include.pill %} btn-pill{% endif %}{% if include.class %} {{ include.class }}{% endif %}{% if include.block %} btn-block{% endif %}{% if include.link %} btn-link{% endif %}{% if include.label %} btn-label{% endif %}">{% if include.spinner %}
-{% include ui/spinner.html color=false size="sm" class=spinner-class element="span" %}{% endif %}{% if include.icon %}{% include ui/icon.html icon=include.icon %}{% endif %}{% if include.label %}<span class="btn-label-icon">{% include ui/icon.html icon=include.label %}</span>{% endif %}{{ include.text }}</{{ element }}>
+{% include ui/spinner.html color=false size="sm" class=spinner-class element="span" %}{% endif %}{% if include.icon %}{% include ui/icon.html icon=include.icon provider=provider %}{% endif %}{% if include.label %}<span class="btn-label-icon">{% include ui/icon.html icon=include.label %}</span>{% endif %}{{ include.text }}</{{ element }}>
diff --git a/pages/_includes/ui/icon.html b/pages/_includes/ui/icon.html
index 0fefb799f8aa5f32635d6faf175c9fe2dea98d3b..68000c7d0d3333296ae4923c2b06cc65a64afb0a 100644
--- a/pages/_includes/ui/icon.html
+++ b/pages/_includes/ui/icon.html
@@ -1 +1,2 @@
-<i class="icon fe fe-{{ include.icon }}{% if include.class %} {{ include.class }}{% endif %}{% if include.color %} text-{{ include.color }}{% endif %}"></i>
+{% assign provider = include.provider | default: "fe" %}
+<i class="icon {{ provider }} {{ provider }}-{{ include.icon }}{% if include.class %} {{ include.class }}{% endif %}{% if include.color %} text-{{ include.color }}{% endif %}"></i>
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 29df6827a780913db892e96e16bb7e376fed604c..60382acc3705a8f19c5b40f9069ce997e35a3676 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -5,9 +5,7 @@ $font-icons: "Feather" !default;
 
 // EXTERNAL FONTS
 $google-font-url: "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700&display=swap" !default;
-$icon-fonts: (
-  "https://use.fontawesome.com/releases/v5.3.1/css/brands.css"
-) !default;
+$icon-fonts: () !default;
 
 // COLORS
 $full-black: rgba(0, 0, 0, 1) !default;
diff --git a/scss/fonts/font_awesome_brands.scss b/scss/fonts/font_awesome_brands.scss
new file mode 100644
index 0000000000000000000000000000000000000000..8e0ef7f7b1630fd89545ef415fc17546eee208b3
--- /dev/null
+++ b/scss/fonts/font_awesome_brands.scss
@@ -0,0 +1,2148 @@
+@import "https://use.fontawesome.com/releases/v5.8.1/css/brands.css";
+
+.fas {
+  font-family: 'Font Awesome 5 Brands' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+$icon-fas-500px: "\f26e";
+.fas-500px:before {
+   content: $icon-fas-500px;
+}
+
+$icon-fas-accessible-icon: "\f368";
+.fas-accessible-icon:before {
+   content: $icon-fas-accessible-icon;
+}
+
+$icon-fas-accusoft: "\f369";
+.fas-accusoft:before {
+   content: $icon-fas-accusoft;
+}
+
+$icon-fas-acquisitions-incorporated: "\f6af";
+.fas-acquisitions-incorporated:before {
+   content: $icon-fas-acquisitions-incorporated;
+}
+
+$icon-fas-adn: "\f170";
+.fas-adn:before {
+   content: $icon-fas-adn;
+}
+
+$icon-fas-adobe: "\f778";
+.fas-adobe:before {
+   content: $icon-fas-adobe;
+}
+
+$icon-fas-adversal: "\f36a";
+.fas-adversal:before {
+   content: $icon-fas-adversal;
+}
+
+$icon-fas-affiliatetheme: "\f36b";
+.fas-affiliatetheme:before {
+   content: $icon-fas-affiliatetheme;
+}
+
+$icon-fas-airbnb: "\f834";
+.fas-airbnb:before {
+   content: $icon-fas-airbnb;
+}
+
+$icon-fas-algolia: "\f36c";
+.fas-algolia:before {
+   content: $icon-fas-algolia;
+}
+
+$icon-fas-alipay: "\f642";
+.fas-alipay:before {
+   content: $icon-fas-alipay;
+}
+
+$icon-fas-amazon: "\f270";
+.fas-amazon:before {
+   content: $icon-fas-amazon;
+}
+
+$icon-fas-amazon-pay: "\f42c";
+.fas-amazon-pay:before {
+   content: $icon-fas-amazon-pay;
+}
+
+$icon-fas-amilia: "\f36d";
+.fas-amilia:before {
+   content: $icon-fas-amilia;
+}
+
+$icon-fas-android: "\f17b";
+.fas-android:before {
+   content: $icon-fas-android;
+}
+
+$icon-fas-angellist: "\f209";
+.fas-angellist:before {
+   content: $icon-fas-angellist;
+}
+
+$icon-fas-angrycreative: "\f36e";
+.fas-angrycreative:before {
+   content: $icon-fas-angrycreative;
+}
+
+$icon-fas-angular: "\f420";
+.fas-angular:before {
+   content: $icon-fas-angular;
+}
+
+$icon-fas-app-store: "\f36f";
+.fas-app-store:before {
+   content: $icon-fas-app-store;
+}
+
+$icon-fas-app-store-ios: "\f370";
+.fas-app-store-ios:before {
+   content: $icon-fas-app-store-ios;
+}
+
+$icon-fas-apper: "\f371";
+.fas-apper:before {
+   content: $icon-fas-apper;
+}
+
+$icon-fas-apple: "\f179";
+.fas-apple:before {
+   content: $icon-fas-apple;
+}
+
+$icon-fas-apple-pay: "\f415";
+.fas-apple-pay:before {
+   content: $icon-fas-apple-pay;
+}
+
+$icon-fas-artstation: "\f77a";
+.fas-artstation:before {
+   content: $icon-fas-artstation;
+}
+
+$icon-fas-asymmetrik: "\f372";
+.fas-asymmetrik:before {
+   content: $icon-fas-asymmetrik;
+}
+
+$icon-fas-atlassian: "\f77b";
+.fas-atlassian:before {
+   content: $icon-fas-atlassian;
+}
+
+$icon-fas-audible: "\f373";
+.fas-audible:before {
+   content: $icon-fas-audible;
+}
+
+$icon-fas-autoprefixer: "\f41c";
+.fas-autoprefixer:before {
+   content: $icon-fas-autoprefixer;
+}
+
+$icon-fas-avianex: "\f374";
+.fas-avianex:before {
+   content: $icon-fas-avianex;
+}
+
+$icon-fas-aviato: "\f421";
+.fas-aviato:before {
+   content: $icon-fas-aviato;
+}
+
+$icon-fas-aws: "\f375";
+.fas-aws:before {
+   content: $icon-fas-aws;
+}
+
+$icon-fas-bandcamp: "\f2d5";
+.fas-bandcamp:before {
+   content: $icon-fas-bandcamp;
+}
+
+$icon-fas-battle-net: "\f835";
+.fas-battle-net:before {
+   content: $icon-fas-battle-net;
+}
+
+$icon-fas-behance: "\f1b4";
+.fas-behance:before {
+   content: $icon-fas-behance;
+}
+
+$icon-fas-behance-square: "\f1b5";
+.fas-behance-square:before {
+   content: $icon-fas-behance-square;
+}
+
+$icon-fas-bimobject: "\f378";
+.fas-bimobject:before {
+   content: $icon-fas-bimobject;
+}
+
+$icon-fas-bitbucket: "\f171";
+.fas-bitbucket:before {
+   content: $icon-fas-bitbucket;
+}
+
+$icon-fas-bitcoin: "\f379";
+.fas-bitcoin:before {
+   content: $icon-fas-bitcoin;
+}
+
+$icon-fas-bity: "\f37a";
+.fas-bity:before {
+   content: $icon-fas-bity;
+}
+
+$icon-fas-black-tie: "\f27e";
+.fas-black-tie:before {
+   content: $icon-fas-black-tie;
+}
+
+$icon-fas-blackberry: "\f37b";
+.fas-blackberry:before {
+   content: $icon-fas-blackberry;
+}
+
+$icon-fas-blogger: "\f37c";
+.fas-blogger:before {
+   content: $icon-fas-blogger;
+}
+
+$icon-fas-blogger-b: "\f37d";
+.fas-blogger-b:before {
+   content: $icon-fas-blogger-b;
+}
+
+$icon-fas-bluetooth: "\f293";
+.fas-bluetooth:before {
+   content: $icon-fas-bluetooth;
+}
+
+$icon-fas-bluetooth-b: "\f294";
+.fas-bluetooth-b:before {
+   content: $icon-fas-bluetooth-b;
+}
+
+$icon-fas-bootstrap: "\f836";
+.fas-bootstrap:before {
+   content: $icon-fas-bootstrap;
+}
+
+$icon-fas-btc: "\f15a";
+.fas-btc:before {
+   content: $icon-fas-btc;
+}
+
+$icon-fas-buffer: "\f837";
+.fas-buffer:before {
+   content: $icon-fas-buffer;
+}
+
+$icon-fas-buromobelexperte: "\f37f";
+.fas-buromobelexperte:before {
+   content: $icon-fas-buromobelexperte;
+}
+
+$icon-fas-canadian-maple-leaf: "\f785";
+.fas-canadian-maple-leaf:before {
+   content: $icon-fas-canadian-maple-leaf;
+}
+
+$icon-fas-cc-amazon-pay: "\f42d";
+.fas-cc-amazon-pay:before {
+   content: $icon-fas-cc-amazon-pay;
+}
+
+$icon-fas-cc-amex: "\f1f3";
+.fas-cc-amex:before {
+   content: $icon-fas-cc-amex;
+}
+
+$icon-fas-cc-apple-pay: "\f416";
+.fas-cc-apple-pay:before {
+   content: $icon-fas-cc-apple-pay;
+}
+
+$icon-fas-cc-diners-club: "\f24c";
+.fas-cc-diners-club:before {
+   content: $icon-fas-cc-diners-club;
+}
+
+$icon-fas-cc-discover: "\f1f2";
+.fas-cc-discover:before {
+   content: $icon-fas-cc-discover;
+}
+
+$icon-fas-cc-jcb: "\f24b";
+.fas-cc-jcb:before {
+   content: $icon-fas-cc-jcb;
+}
+
+$icon-fas-cc-mastercard: "\f1f1";
+.fas-cc-mastercard:before {
+   content: $icon-fas-cc-mastercard;
+}
+
+$icon-fas-cc-paypal: "\f1f4";
+.fas-cc-paypal:before {
+   content: $icon-fas-cc-paypal;
+}
+
+$icon-fas-cc-stripe: "\f1f5";
+.fas-cc-stripe:before {
+   content: $icon-fas-cc-stripe;
+}
+
+$icon-fas-cc-visa: "\f1f0";
+.fas-cc-visa:before {
+   content: $icon-fas-cc-visa;
+}
+
+$icon-fas-centercode: "\f380";
+.fas-centercode:before {
+   content: $icon-fas-centercode;
+}
+
+$icon-fas-centos: "\f789";
+.fas-centos:before {
+   content: $icon-fas-centos;
+}
+
+$icon-fas-chrome: "\f268";
+.fas-chrome:before {
+   content: $icon-fas-chrome;
+}
+
+$icon-fas-chromecast: "\f838";
+.fas-chromecast:before {
+   content: $icon-fas-chromecast;
+}
+
+$icon-fas-cloudscale: "\f383";
+.fas-cloudscale:before {
+   content: $icon-fas-cloudscale;
+}
+
+$icon-fas-cloudsmith: "\f384";
+.fas-cloudsmith:before {
+   content: $icon-fas-cloudsmith;
+}
+
+$icon-fas-cloudversify: "\f385";
+.fas-cloudversify:before {
+   content: $icon-fas-cloudversify;
+}
+
+$icon-fas-codepen: "\f1cb";
+.fas-codepen:before {
+   content: $icon-fas-codepen;
+}
+
+$icon-fas-codiepie: "\f284";
+.fas-codiepie:before {
+   content: $icon-fas-codiepie;
+}
+
+$icon-fas-confluence: "\f78d";
+.fas-confluence:before {
+   content: $icon-fas-confluence;
+}
+
+$icon-fas-connectdevelop: "\f20e";
+.fas-connectdevelop:before {
+   content: $icon-fas-connectdevelop;
+}
+
+$icon-fas-contao: "\f26d";
+.fas-contao:before {
+   content: $icon-fas-contao;
+}
+
+$icon-fas-cpanel: "\f388";
+.fas-cpanel:before {
+   content: $icon-fas-cpanel;
+}
+
+$icon-fas-creative-commons: "\f25e";
+.fas-creative-commons:before {
+   content: $icon-fas-creative-commons;
+}
+
+$icon-fas-creative-commons-by: "\f4e7";
+.fas-creative-commons-by:before {
+   content: $icon-fas-creative-commons-by;
+}
+
+$icon-fas-creative-commons-nc: "\f4e8";
+.fas-creative-commons-nc:before {
+   content: $icon-fas-creative-commons-nc;
+}
+
+$icon-fas-creative-commons-nc-eu: "\f4e9";
+.fas-creative-commons-nc-eu:before {
+   content: $icon-fas-creative-commons-nc-eu;
+}
+
+$icon-fas-creative-commons-nc-jp: "\f4ea";
+.fas-creative-commons-nc-jp:before {
+   content: $icon-fas-creative-commons-nc-jp;
+}
+
+$icon-fas-creative-commons-nd: "\f4eb";
+.fas-creative-commons-nd:before {
+   content: $icon-fas-creative-commons-nd;
+}
+
+$icon-fas-creative-commons-pd: "\f4ec";
+.fas-creative-commons-pd:before {
+   content: $icon-fas-creative-commons-pd;
+}
+
+$icon-fas-creative-commons-pd-alt: "\f4ed";
+.fas-creative-commons-pd-alt:before {
+   content: $icon-fas-creative-commons-pd-alt;
+}
+
+$icon-fas-creative-commons-remix: "\f4ee";
+.fas-creative-commons-remix:before {
+   content: $icon-fas-creative-commons-remix;
+}
+
+$icon-fas-creative-commons-sa: "\f4ef";
+.fas-creative-commons-sa:before {
+   content: $icon-fas-creative-commons-sa;
+}
+
+$icon-fas-creative-commons-sampling: "\f4f0";
+.fas-creative-commons-sampling:before {
+   content: $icon-fas-creative-commons-sampling;
+}
+
+$icon-fas-creative-commons-sampling-plus: "\f4f1";
+.fas-creative-commons-sampling-plus:before {
+   content: $icon-fas-creative-commons-sampling-plus;
+}
+
+$icon-fas-creative-commons-share: "\f4f2";
+.fas-creative-commons-share:before {
+   content: $icon-fas-creative-commons-share;
+}
+
+$icon-fas-creative-commons-zero: "\f4f3";
+.fas-creative-commons-zero:before {
+   content: $icon-fas-creative-commons-zero;
+}
+
+$icon-fas-critical-role: "\f6c9";
+.fas-critical-role:before {
+   content: $icon-fas-critical-role;
+}
+
+$icon-fas-css3: "\f13c";
+.fas-css3:before {
+   content: $icon-fas-css3;
+}
+
+$icon-fas-css3-alt: "\f38b";
+.fas-css3-alt:before {
+   content: $icon-fas-css3-alt;
+}
+
+$icon-fas-cuttlefish: "\f38c";
+.fas-cuttlefish:before {
+   content: $icon-fas-cuttlefish;
+}
+
+$icon-fas-d-and-d: "\f38d";
+.fas-d-and-d:before {
+   content: $icon-fas-d-and-d;
+}
+
+$icon-fas-d-and-d-beyond: "\f6ca";
+.fas-d-and-d-beyond:before {
+   content: $icon-fas-d-and-d-beyond;
+}
+
+$icon-fas-dashcube: "\f210";
+.fas-dashcube:before {
+   content: $icon-fas-dashcube;
+}
+
+$icon-fas-delicious: "\f1a5";
+.fas-delicious:before {
+   content: $icon-fas-delicious;
+}
+
+$icon-fas-deploydog: "\f38e";
+.fas-deploydog:before {
+   content: $icon-fas-deploydog;
+}
+
+$icon-fas-deskpro: "\f38f";
+.fas-deskpro:before {
+   content: $icon-fas-deskpro;
+}
+
+$icon-fas-dev: "\f6cc";
+.fas-dev:before {
+   content: $icon-fas-dev;
+}
+
+$icon-fas-deviantart: "\f1bd";
+.fas-deviantart:before {
+   content: $icon-fas-deviantart;
+}
+
+$icon-fas-dhl: "\f790";
+.fas-dhl:before {
+   content: $icon-fas-dhl;
+}
+
+$icon-fas-diaspora: "\f791";
+.fas-diaspora:before {
+   content: $icon-fas-diaspora;
+}
+
+$icon-fas-digg: "\f1a6";
+.fas-digg:before {
+   content: $icon-fas-digg;
+}
+
+$icon-fas-digital-ocean: "\f391";
+.fas-digital-ocean:before {
+   content: $icon-fas-digital-ocean;
+}
+
+$icon-fas-discord: "\f392";
+.fas-discord:before {
+   content: $icon-fas-discord;
+}
+
+$icon-fas-discourse: "\f393";
+.fas-discourse:before {
+   content: $icon-fas-discourse;
+}
+
+$icon-fas-dochub: "\f394";
+.fas-dochub:before {
+   content: $icon-fas-dochub;
+}
+
+$icon-fas-docker: "\f395";
+.fas-docker:before {
+   content: $icon-fas-docker;
+}
+
+$icon-fas-draft2digital: "\f396";
+.fas-draft2digital:before {
+   content: $icon-fas-draft2digital;
+}
+
+$icon-fas-dribbble: "\f17d";
+.fas-dribbble:before {
+   content: $icon-fas-dribbble;
+}
+
+$icon-fas-dribbble-square: "\f397";
+.fas-dribbble-square:before {
+   content: $icon-fas-dribbble-square;
+}
+
+$icon-fas-dropbox: "\f16b";
+.fas-dropbox:before {
+   content: $icon-fas-dropbox;
+}
+
+$icon-fas-drupal: "\f1a9";
+.fas-drupal:before {
+   content: $icon-fas-drupal;
+}
+
+$icon-fas-dyalog: "\f399";
+.fas-dyalog:before {
+   content: $icon-fas-dyalog;
+}
+
+$icon-fas-earlybirds: "\f39a";
+.fas-earlybirds:before {
+   content: $icon-fas-earlybirds;
+}
+
+$icon-fas-ebay: "\f4f4";
+.fas-ebay:before {
+   content: $icon-fas-ebay;
+}
+
+$icon-fas-edge: "\f282";
+.fas-edge:before {
+   content: $icon-fas-edge;
+}
+
+$icon-fas-elementor: "\f430";
+.fas-elementor:before {
+   content: $icon-fas-elementor;
+}
+
+$icon-fas-ello: "\f5f1";
+.fas-ello:before {
+   content: $icon-fas-ello;
+}
+
+$icon-fas-ember: "\f423";
+.fas-ember:before {
+   content: $icon-fas-ember;
+}
+
+$icon-fas-empire: "\f1d1";
+.fas-empire:before {
+   content: $icon-fas-empire;
+}
+
+$icon-fas-envira: "\f299";
+.fas-envira:before {
+   content: $icon-fas-envira;
+}
+
+$icon-fas-erlang: "\f39d";
+.fas-erlang:before {
+   content: $icon-fas-erlang;
+}
+
+$icon-fas-ethereum: "\f42e";
+.fas-ethereum:before {
+   content: $icon-fas-ethereum;
+}
+
+$icon-fas-etsy: "\f2d7";
+.fas-etsy:before {
+   content: $icon-fas-etsy;
+}
+
+$icon-fas-evernote: "\f839";
+.fas-evernote:before {
+   content: $icon-fas-evernote;
+}
+
+$icon-fas-expeditedssl: "\f23e";
+.fas-expeditedssl:before {
+   content: $icon-fas-expeditedssl;
+}
+
+$icon-fas-facebook: "\f09a";
+.fas-facebook:before {
+   content: $icon-fas-facebook;
+}
+
+$icon-fas-facebook-f: "\f39e";
+.fas-facebook-f:before {
+   content: $icon-fas-facebook-f;
+}
+
+$icon-fas-facebook-messenger: "\f39f";
+.fas-facebook-messenger:before {
+   content: $icon-fas-facebook-messenger;
+}
+
+$icon-fas-facebook-square: "\f082";
+.fas-facebook-square:before {
+   content: $icon-fas-facebook-square;
+}
+
+$icon-fas-fantasy-flight-games: "\f6dc";
+.fas-fantasy-flight-games:before {
+   content: $icon-fas-fantasy-flight-games;
+}
+
+$icon-fas-fedex: "\f797";
+.fas-fedex:before {
+   content: $icon-fas-fedex;
+}
+
+$icon-fas-fedora: "\f798";
+.fas-fedora:before {
+   content: $icon-fas-fedora;
+}
+
+$icon-fas-figma: "\f799";
+.fas-figma:before {
+   content: $icon-fas-figma;
+}
+
+$icon-fas-firefox: "\f269";
+.fas-firefox:before {
+   content: $icon-fas-firefox;
+}
+
+$icon-fas-first-order: "\f2b0";
+.fas-first-order:before {
+   content: $icon-fas-first-order;
+}
+
+$icon-fas-first-order-alt: "\f50a";
+.fas-first-order-alt:before {
+   content: $icon-fas-first-order-alt;
+}
+
+$icon-fas-firstdraft: "\f3a1";
+.fas-firstdraft:before {
+   content: $icon-fas-firstdraft;
+}
+
+$icon-fas-flickr: "\f16e";
+.fas-flickr:before {
+   content: $icon-fas-flickr;
+}
+
+$icon-fas-flipboard: "\f44d";
+.fas-flipboard:before {
+   content: $icon-fas-flipboard;
+}
+
+$icon-fas-fly: "\f417";
+.fas-fly:before {
+   content: $icon-fas-fly;
+}
+
+$icon-fas-font-awesome: "\f2b4";
+.fas-font-awesome:before {
+   content: $icon-fas-font-awesome;
+}
+
+$icon-fas-font-awesome-alt: "\f35c";
+.fas-font-awesome-alt:before {
+   content: $icon-fas-font-awesome-alt;
+}
+
+$icon-fas-font-awesome-flag: "\f425";
+.fas-font-awesome-flag:before {
+   content: $icon-fas-font-awesome-flag;
+}
+
+$icon-fas-fonticons: "\f280";
+.fas-fonticons:before {
+   content: $icon-fas-fonticons;
+}
+
+$icon-fas-fonticons-fi: "\f3a2";
+.fas-fonticons-fi:before {
+   content: $icon-fas-fonticons-fi;
+}
+
+$icon-fas-fort-awesome: "\f286";
+.fas-fort-awesome:before {
+   content: $icon-fas-fort-awesome;
+}
+
+$icon-fas-fort-awesome-alt: "\f3a3";
+.fas-fort-awesome-alt:before {
+   content: $icon-fas-fort-awesome-alt;
+}
+
+$icon-fas-forumbee: "\f211";
+.fas-forumbee:before {
+   content: $icon-fas-forumbee;
+}
+
+$icon-fas-foursquare: "\f180";
+.fas-foursquare:before {
+   content: $icon-fas-foursquare;
+}
+
+$icon-fas-free-code-camp: "\f2c5";
+.fas-free-code-camp:before {
+   content: $icon-fas-free-code-camp;
+}
+
+$icon-fas-freebsd: "\f3a4";
+.fas-freebsd:before {
+   content: $icon-fas-freebsd;
+}
+
+$icon-fas-fulcrum: "\f50b";
+.fas-fulcrum:before {
+   content: $icon-fas-fulcrum;
+}
+
+$icon-fas-galactic-republic: "\f50c";
+.fas-galactic-republic:before {
+   content: $icon-fas-galactic-republic;
+}
+
+$icon-fas-galactic-senate: "\f50d";
+.fas-galactic-senate:before {
+   content: $icon-fas-galactic-senate;
+}
+
+$icon-fas-get-pocket: "\f265";
+.fas-get-pocket:before {
+   content: $icon-fas-get-pocket;
+}
+
+$icon-fas-gg: "\f260";
+.fas-gg:before {
+   content: $icon-fas-gg;
+}
+
+$icon-fas-gg-circle: "\f261";
+.fas-gg-circle:before {
+   content: $icon-fas-gg-circle;
+}
+
+$icon-fas-git: "\f1d3";
+.fas-git:before {
+   content: $icon-fas-git;
+}
+
+$icon-fas-git-alt: "\f841";
+.fas-git-alt:before {
+   content: $icon-fas-git-alt;
+}
+
+$icon-fas-git-square: "\f1d2";
+.fas-git-square:before {
+   content: $icon-fas-git-square;
+}
+
+$icon-fas-github: "\f09b";
+.fas-github:before {
+   content: $icon-fas-github;
+}
+
+$icon-fas-github-alt: "\f113";
+.fas-github-alt:before {
+   content: $icon-fas-github-alt;
+}
+
+$icon-fas-github-square: "\f092";
+.fas-github-square:before {
+   content: $icon-fas-github-square;
+}
+
+$icon-fas-gitkraken: "\f3a6";
+.fas-gitkraken:before {
+   content: $icon-fas-gitkraken;
+}
+
+$icon-fas-gitlab: "\f296";
+.fas-gitlab:before {
+   content: $icon-fas-gitlab;
+}
+
+$icon-fas-gitter: "\f426";
+.fas-gitter:before {
+   content: $icon-fas-gitter;
+}
+
+$icon-fas-glide: "\f2a5";
+.fas-glide:before {
+   content: $icon-fas-glide;
+}
+
+$icon-fas-glide-g: "\f2a6";
+.fas-glide-g:before {
+   content: $icon-fas-glide-g;
+}
+
+$icon-fas-gofore: "\f3a7";
+.fas-gofore:before {
+   content: $icon-fas-gofore;
+}
+
+$icon-fas-goodreads: "\f3a8";
+.fas-goodreads:before {
+   content: $icon-fas-goodreads;
+}
+
+$icon-fas-goodreads-g: "\f3a9";
+.fas-goodreads-g:before {
+   content: $icon-fas-goodreads-g;
+}
+
+$icon-fas-google: "\f1a0";
+.fas-google:before {
+   content: $icon-fas-google;
+}
+
+$icon-fas-google-drive: "\f3aa";
+.fas-google-drive:before {
+   content: $icon-fas-google-drive;
+}
+
+$icon-fas-google-play: "\f3ab";
+.fas-google-play:before {
+   content: $icon-fas-google-play;
+}
+
+$icon-fas-google-plus: "\f2b3";
+.fas-google-plus:before {
+   content: $icon-fas-google-plus;
+}
+
+$icon-fas-google-plus-g: "\f0d5";
+.fas-google-plus-g:before {
+   content: $icon-fas-google-plus-g;
+}
+
+$icon-fas-google-plus-square: "\f0d4";
+.fas-google-plus-square:before {
+   content: $icon-fas-google-plus-square;
+}
+
+$icon-fas-google-wallet: "\f1ee";
+.fas-google-wallet:before {
+   content: $icon-fas-google-wallet;
+}
+
+$icon-fas-gratipay: "\f184";
+.fas-gratipay:before {
+   content: $icon-fas-gratipay;
+}
+
+$icon-fas-grav: "\f2d6";
+.fas-grav:before {
+   content: $icon-fas-grav;
+}
+
+$icon-fas-gripfire: "\f3ac";
+.fas-gripfire:before {
+   content: $icon-fas-gripfire;
+}
+
+$icon-fas-grunt: "\f3ad";
+.fas-grunt:before {
+   content: $icon-fas-grunt;
+}
+
+$icon-fas-gulp: "\f3ae";
+.fas-gulp:before {
+   content: $icon-fas-gulp;
+}
+
+$icon-fas-hacker-news: "\f1d4";
+.fas-hacker-news:before {
+   content: $icon-fas-hacker-news;
+}
+
+$icon-fas-hacker-news-square: "\f3af";
+.fas-hacker-news-square:before {
+   content: $icon-fas-hacker-news-square;
+}
+
+$icon-fas-hackerrank: "\f5f7";
+.fas-hackerrank:before {
+   content: $icon-fas-hackerrank;
+}
+
+$icon-fas-hips: "\f452";
+.fas-hips:before {
+   content: $icon-fas-hips;
+}
+
+$icon-fas-hire-a-helper: "\f3b0";
+.fas-hire-a-helper:before {
+   content: $icon-fas-hire-a-helper;
+}
+
+$icon-fas-hooli: "\f427";
+.fas-hooli:before {
+   content: $icon-fas-hooli;
+}
+
+$icon-fas-hornbill: "\f592";
+.fas-hornbill:before {
+   content: $icon-fas-hornbill;
+}
+
+$icon-fas-hotjar: "\f3b1";
+.fas-hotjar:before {
+   content: $icon-fas-hotjar;
+}
+
+$icon-fas-houzz: "\f27c";
+.fas-houzz:before {
+   content: $icon-fas-houzz;
+}
+
+$icon-fas-html5: "\f13b";
+.fas-html5:before {
+   content: $icon-fas-html5;
+}
+
+$icon-fas-hubspot: "\f3b2";
+.fas-hubspot:before {
+   content: $icon-fas-hubspot;
+}
+
+$icon-fas-imdb: "\f2d8";
+.fas-imdb:before {
+   content: $icon-fas-imdb;
+}
+
+$icon-fas-instagram: "\f16d";
+.fas-instagram:before {
+   content: $icon-fas-instagram;
+}
+
+$icon-fas-intercom: "\f7af";
+.fas-intercom:before {
+   content: $icon-fas-intercom;
+}
+
+$icon-fas-internet-explorer: "\f26b";
+.fas-internet-explorer:before {
+   content: $icon-fas-internet-explorer;
+}
+
+$icon-fas-invision: "\f7b0";
+.fas-invision:before {
+   content: $icon-fas-invision;
+}
+
+$icon-fas-ioxhost: "\f208";
+.fas-ioxhost:before {
+   content: $icon-fas-ioxhost;
+}
+
+$icon-fas-itch-io: "\f83a";
+.fas-itch-io:before {
+   content: $icon-fas-itch-io;
+}
+
+$icon-fas-itunes: "\f3b4";
+.fas-itunes:before {
+   content: $icon-fas-itunes;
+}
+
+$icon-fas-itunes-note: "\f3b5";
+.fas-itunes-note:before {
+   content: $icon-fas-itunes-note;
+}
+
+$icon-fas-java: "\f4e4";
+.fas-java:before {
+   content: $icon-fas-java;
+}
+
+$icon-fas-jedi-order: "\f50e";
+.fas-jedi-order:before {
+   content: $icon-fas-jedi-order;
+}
+
+$icon-fas-jenkins: "\f3b6";
+.fas-jenkins:before {
+   content: $icon-fas-jenkins;
+}
+
+$icon-fas-jira: "\f7b1";
+.fas-jira:before {
+   content: $icon-fas-jira;
+}
+
+$icon-fas-joget: "\f3b7";
+.fas-joget:before {
+   content: $icon-fas-joget;
+}
+
+$icon-fas-joomla: "\f1aa";
+.fas-joomla:before {
+   content: $icon-fas-joomla;
+}
+
+$icon-fas-js: "\f3b8";
+.fas-js:before {
+   content: $icon-fas-js;
+}
+
+$icon-fas-js-square: "\f3b9";
+.fas-js-square:before {
+   content: $icon-fas-js-square;
+}
+
+$icon-fas-jsfiddle: "\f1cc";
+.fas-jsfiddle:before {
+   content: $icon-fas-jsfiddle;
+}
+
+$icon-fas-kaggle: "\f5fa";
+.fas-kaggle:before {
+   content: $icon-fas-kaggle;
+}
+
+$icon-fas-keybase: "\f4f5";
+.fas-keybase:before {
+   content: $icon-fas-keybase;
+}
+
+$icon-fas-keycdn: "\f3ba";
+.fas-keycdn:before {
+   content: $icon-fas-keycdn;
+}
+
+$icon-fas-kickstarter: "\f3bb";
+.fas-kickstarter:before {
+   content: $icon-fas-kickstarter;
+}
+
+$icon-fas-kickstarter-k: "\f3bc";
+.fas-kickstarter-k:before {
+   content: $icon-fas-kickstarter-k;
+}
+
+$icon-fas-korvue: "\f42f";
+.fas-korvue:before {
+   content: $icon-fas-korvue;
+}
+
+$icon-fas-laravel: "\f3bd";
+.fas-laravel:before {
+   content: $icon-fas-laravel;
+}
+
+$icon-fas-lastfm: "\f202";
+.fas-lastfm:before {
+   content: $icon-fas-lastfm;
+}
+
+$icon-fas-lastfm-square: "\f203";
+.fas-lastfm-square:before {
+   content: $icon-fas-lastfm-square;
+}
+
+$icon-fas-leanpub: "\f212";
+.fas-leanpub:before {
+   content: $icon-fas-leanpub;
+}
+
+$icon-fas-less: "\f41d";
+.fas-less:before {
+   content: $icon-fas-less;
+}
+
+$icon-fas-line: "\f3c0";
+.fas-line:before {
+   content: $icon-fas-line;
+}
+
+$icon-fas-linkedin: "\f08c";
+.fas-linkedin:before {
+   content: $icon-fas-linkedin;
+}
+
+$icon-fas-linkedin-in: "\f0e1";
+.fas-linkedin-in:before {
+   content: $icon-fas-linkedin-in;
+}
+
+$icon-fas-linode: "\f2b8";
+.fas-linode:before {
+   content: $icon-fas-linode;
+}
+
+$icon-fas-linux: "\f17c";
+.fas-linux:before {
+   content: $icon-fas-linux;
+}
+
+$icon-fas-lyft: "\f3c3";
+.fas-lyft:before {
+   content: $icon-fas-lyft;
+}
+
+$icon-fas-magento: "\f3c4";
+.fas-magento:before {
+   content: $icon-fas-magento;
+}
+
+$icon-fas-mailchimp: "\f59e";
+.fas-mailchimp:before {
+   content: $icon-fas-mailchimp;
+}
+
+$icon-fas-mandalorian: "\f50f";
+.fas-mandalorian:before {
+   content: $icon-fas-mandalorian;
+}
+
+$icon-fas-markdown: "\f60f";
+.fas-markdown:before {
+   content: $icon-fas-markdown;
+}
+
+$icon-fas-mastodon: "\f4f6";
+.fas-mastodon:before {
+   content: $icon-fas-mastodon;
+}
+
+$icon-fas-maxcdn: "\f136";
+.fas-maxcdn:before {
+   content: $icon-fas-maxcdn;
+}
+
+$icon-fas-medapps: "\f3c6";
+.fas-medapps:before {
+   content: $icon-fas-medapps;
+}
+
+$icon-fas-medium: "\f23a";
+.fas-medium:before {
+   content: $icon-fas-medium;
+}
+
+$icon-fas-medium-m: "\f3c7";
+.fas-medium-m:before {
+   content: $icon-fas-medium-m;
+}
+
+$icon-fas-medrt: "\f3c8";
+.fas-medrt:before {
+   content: $icon-fas-medrt;
+}
+
+$icon-fas-meetup: "\f2e0";
+.fas-meetup:before {
+   content: $icon-fas-meetup;
+}
+
+$icon-fas-megaport: "\f5a3";
+.fas-megaport:before {
+   content: $icon-fas-megaport;
+}
+
+$icon-fas-mendeley: "\f7b3";
+.fas-mendeley:before {
+   content: $icon-fas-mendeley;
+}
+
+$icon-fas-microsoft: "\f3ca";
+.fas-microsoft:before {
+   content: $icon-fas-microsoft;
+}
+
+$icon-fas-mix: "\f3cb";
+.fas-mix:before {
+   content: $icon-fas-mix;
+}
+
+$icon-fas-mixcloud: "\f289";
+.fas-mixcloud:before {
+   content: $icon-fas-mixcloud;
+}
+
+$icon-fas-mizuni: "\f3cc";
+.fas-mizuni:before {
+   content: $icon-fas-mizuni;
+}
+
+$icon-fas-modx: "\f285";
+.fas-modx:before {
+   content: $icon-fas-modx;
+}
+
+$icon-fas-monero: "\f3d0";
+.fas-monero:before {
+   content: $icon-fas-monero;
+}
+
+$icon-fas-napster: "\f3d2";
+.fas-napster:before {
+   content: $icon-fas-napster;
+}
+
+$icon-fas-neos: "\f612";
+.fas-neos:before {
+   content: $icon-fas-neos;
+}
+
+$icon-fas-nimblr: "\f5a8";
+.fas-nimblr:before {
+   content: $icon-fas-nimblr;
+}
+
+$icon-fas-nintendo-switch: "\f418";
+.fas-nintendo-switch:before {
+   content: $icon-fas-nintendo-switch;
+}
+
+$icon-fas-node: "\f419";
+.fas-node:before {
+   content: $icon-fas-node;
+}
+
+$icon-fas-node-js: "\f3d3";
+.fas-node-js:before {
+   content: $icon-fas-node-js;
+}
+
+$icon-fas-npm: "\f3d4";
+.fas-npm:before {
+   content: $icon-fas-npm;
+}
+
+$icon-fas-ns8: "\f3d5";
+.fas-ns8:before {
+   content: $icon-fas-ns8;
+}
+
+$icon-fas-nutritionix: "\f3d6";
+.fas-nutritionix:before {
+   content: $icon-fas-nutritionix;
+}
+
+$icon-fas-odnoklassniki: "\f263";
+.fas-odnoklassniki:before {
+   content: $icon-fas-odnoklassniki;
+}
+
+$icon-fas-odnoklassniki-square: "\f264";
+.fas-odnoklassniki-square:before {
+   content: $icon-fas-odnoklassniki-square;
+}
+
+$icon-fas-old-republic: "\f510";
+.fas-old-republic:before {
+   content: $icon-fas-old-republic;
+}
+
+$icon-fas-opencart: "\f23d";
+.fas-opencart:before {
+   content: $icon-fas-opencart;
+}
+
+$icon-fas-openid: "\f19b";
+.fas-openid:before {
+   content: $icon-fas-openid;
+}
+
+$icon-fas-opera: "\f26a";
+.fas-opera:before {
+   content: $icon-fas-opera;
+}
+
+$icon-fas-optin-monster: "\f23c";
+.fas-optin-monster:before {
+   content: $icon-fas-optin-monster;
+}
+
+$icon-fas-osi: "\f41a";
+.fas-osi:before {
+   content: $icon-fas-osi;
+}
+
+$icon-fas-page4: "\f3d7";
+.fas-page4:before {
+   content: $icon-fas-page4;
+}
+
+$icon-fas-pagelines: "\f18c";
+.fas-pagelines:before {
+   content: $icon-fas-pagelines;
+}
+
+$icon-fas-palfed: "\f3d8";
+.fas-palfed:before {
+   content: $icon-fas-palfed;
+}
+
+$icon-fas-patreon: "\f3d9";
+.fas-patreon:before {
+   content: $icon-fas-patreon;
+}
+
+$icon-fas-paypal: "\f1ed";
+.fas-paypal:before {
+   content: $icon-fas-paypal;
+}
+
+$icon-fas-penny-arcade: "\f704";
+.fas-penny-arcade:before {
+   content: $icon-fas-penny-arcade;
+}
+
+$icon-fas-periscope: "\f3da";
+.fas-periscope:before {
+   content: $icon-fas-periscope;
+}
+
+$icon-fas-phabricator: "\f3db";
+.fas-phabricator:before {
+   content: $icon-fas-phabricator;
+}
+
+$icon-fas-phoenix-framework: "\f3dc";
+.fas-phoenix-framework:before {
+   content: $icon-fas-phoenix-framework;
+}
+
+$icon-fas-phoenix-squadron: "\f511";
+.fas-phoenix-squadron:before {
+   content: $icon-fas-phoenix-squadron;
+}
+
+$icon-fas-php: "\f457";
+.fas-php:before {
+   content: $icon-fas-php;
+}
+
+$icon-fas-pied-piper: "\f2ae";
+.fas-pied-piper:before {
+   content: $icon-fas-pied-piper;
+}
+
+$icon-fas-pied-piper-alt: "\f1a8";
+.fas-pied-piper-alt:before {
+   content: $icon-fas-pied-piper-alt;
+}
+
+$icon-fas-pied-piper-hat: "\f4e5";
+.fas-pied-piper-hat:before {
+   content: $icon-fas-pied-piper-hat;
+}
+
+$icon-fas-pied-piper-pp: "\f1a7";
+.fas-pied-piper-pp:before {
+   content: $icon-fas-pied-piper-pp;
+}
+
+$icon-fas-pinterest: "\f0d2";
+.fas-pinterest:before {
+   content: $icon-fas-pinterest;
+}
+
+$icon-fas-pinterest-p: "\f231";
+.fas-pinterest-p:before {
+   content: $icon-fas-pinterest-p;
+}
+
+$icon-fas-pinterest-square: "\f0d3";
+.fas-pinterest-square:before {
+   content: $icon-fas-pinterest-square;
+}
+
+$icon-fas-playstation: "\f3df";
+.fas-playstation:before {
+   content: $icon-fas-playstation;
+}
+
+$icon-fas-product-hunt: "\f288";
+.fas-product-hunt:before {
+   content: $icon-fas-product-hunt;
+}
+
+$icon-fas-pushed: "\f3e1";
+.fas-pushed:before {
+   content: $icon-fas-pushed;
+}
+
+$icon-fas-python: "\f3e2";
+.fas-python:before {
+   content: $icon-fas-python;
+}
+
+$icon-fas-qq: "\f1d6";
+.fas-qq:before {
+   content: $icon-fas-qq;
+}
+
+$icon-fas-quinscape: "\f459";
+.fas-quinscape:before {
+   content: $icon-fas-quinscape;
+}
+
+$icon-fas-quora: "\f2c4";
+.fas-quora:before {
+   content: $icon-fas-quora;
+}
+
+$icon-fas-r-project: "\f4f7";
+.fas-r-project:before {
+   content: $icon-fas-r-project;
+}
+
+$icon-fas-raspberry-pi: "\f7bb";
+.fas-raspberry-pi:before {
+   content: $icon-fas-raspberry-pi;
+}
+
+$icon-fas-ravelry: "\f2d9";
+.fas-ravelry:before {
+   content: $icon-fas-ravelry;
+}
+
+$icon-fas-react: "\f41b";
+.fas-react:before {
+   content: $icon-fas-react;
+}
+
+$icon-fas-reacteurope: "\f75d";
+.fas-reacteurope:before {
+   content: $icon-fas-reacteurope;
+}
+
+$icon-fas-readme: "\f4d5";
+.fas-readme:before {
+   content: $icon-fas-readme;
+}
+
+$icon-fas-rebel: "\f1d0";
+.fas-rebel:before {
+   content: $icon-fas-rebel;
+}
+
+$icon-fas-red-river: "\f3e3";
+.fas-red-river:before {
+   content: $icon-fas-red-river;
+}
+
+$icon-fas-reddit: "\f1a1";
+.fas-reddit:before {
+   content: $icon-fas-reddit;
+}
+
+$icon-fas-reddit-alien: "\f281";
+.fas-reddit-alien:before {
+   content: $icon-fas-reddit-alien;
+}
+
+$icon-fas-reddit-square: "\f1a2";
+.fas-reddit-square:before {
+   content: $icon-fas-reddit-square;
+}
+
+$icon-fas-redhat: "\f7bc";
+.fas-redhat:before {
+   content: $icon-fas-redhat;
+}
+
+$icon-fas-renren: "\f18b";
+.fas-renren:before {
+   content: $icon-fas-renren;
+}
+
+$icon-fas-replyd: "\f3e6";
+.fas-replyd:before {
+   content: $icon-fas-replyd;
+}
+
+$icon-fas-researchgate: "\f4f8";
+.fas-researchgate:before {
+   content: $icon-fas-researchgate;
+}
+
+$icon-fas-resolving: "\f3e7";
+.fas-resolving:before {
+   content: $icon-fas-resolving;
+}
+
+$icon-fas-rev: "\f5b2";
+.fas-rev:before {
+   content: $icon-fas-rev;
+}
+
+$icon-fas-rocketchat: "\f3e8";
+.fas-rocketchat:before {
+   content: $icon-fas-rocketchat;
+}
+
+$icon-fas-rockrms: "\f3e9";
+.fas-rockrms:before {
+   content: $icon-fas-rockrms;
+}
+
+$icon-fas-safari: "\f267";
+.fas-safari:before {
+   content: $icon-fas-safari;
+}
+
+$icon-fas-salesforce: "\f83b";
+.fas-salesforce:before {
+   content: $icon-fas-salesforce;
+}
+
+$icon-fas-sass: "\f41e";
+.fas-sass:before {
+   content: $icon-fas-sass;
+}
+
+$icon-fas-schlix: "\f3ea";
+.fas-schlix:before {
+   content: $icon-fas-schlix;
+}
+
+$icon-fas-scribd: "\f28a";
+.fas-scribd:before {
+   content: $icon-fas-scribd;
+}
+
+$icon-fas-searchengin: "\f3eb";
+.fas-searchengin:before {
+   content: $icon-fas-searchengin;
+}
+
+$icon-fas-sellcast: "\f2da";
+.fas-sellcast:before {
+   content: $icon-fas-sellcast;
+}
+
+$icon-fas-sellsy: "\f213";
+.fas-sellsy:before {
+   content: $icon-fas-sellsy;
+}
+
+$icon-fas-servicestack: "\f3ec";
+.fas-servicestack:before {
+   content: $icon-fas-servicestack;
+}
+
+$icon-fas-shirtsinbulk: "\f214";
+.fas-shirtsinbulk:before {
+   content: $icon-fas-shirtsinbulk;
+}
+
+$icon-fas-shopware: "\f5b5";
+.fas-shopware:before {
+   content: $icon-fas-shopware;
+}
+
+$icon-fas-simplybuilt: "\f215";
+.fas-simplybuilt:before {
+   content: $icon-fas-simplybuilt;
+}
+
+$icon-fas-sistrix: "\f3ee";
+.fas-sistrix:before {
+   content: $icon-fas-sistrix;
+}
+
+$icon-fas-sith: "\f512";
+.fas-sith:before {
+   content: $icon-fas-sith;
+}
+
+$icon-fas-sketch: "\f7c6";
+.fas-sketch:before {
+   content: $icon-fas-sketch;
+}
+
+$icon-fas-skyatlas: "\f216";
+.fas-skyatlas:before {
+   content: $icon-fas-skyatlas;
+}
+
+$icon-fas-skype: "\f17e";
+.fas-skype:before {
+   content: $icon-fas-skype;
+}
+
+$icon-fas-slack: "\f198";
+.fas-slack:before {
+   content: $icon-fas-slack;
+}
+
+$icon-fas-slack-hash: "\f3ef";
+.fas-slack-hash:before {
+   content: $icon-fas-slack-hash;
+}
+
+$icon-fas-slideshare: "\f1e7";
+.fas-slideshare:before {
+   content: $icon-fas-slideshare;
+}
+
+$icon-fas-snapchat: "\f2ab";
+.fas-snapchat:before {
+   content: $icon-fas-snapchat;
+}
+
+$icon-fas-snapchat-ghost: "\f2ac";
+.fas-snapchat-ghost:before {
+   content: $icon-fas-snapchat-ghost;
+}
+
+$icon-fas-snapchat-square: "\f2ad";
+.fas-snapchat-square:before {
+   content: $icon-fas-snapchat-square;
+}
+
+$icon-fas-soundcloud: "\f1be";
+.fas-soundcloud:before {
+   content: $icon-fas-soundcloud;
+}
+
+$icon-fas-sourcetree: "\f7d3";
+.fas-sourcetree:before {
+   content: $icon-fas-sourcetree;
+}
+
+$icon-fas-speakap: "\f3f3";
+.fas-speakap:before {
+   content: $icon-fas-speakap;
+}
+
+$icon-fas-speaker-deck: "\f83c";
+.fas-speaker-deck:before {
+   content: $icon-fas-speaker-deck;
+}
+
+$icon-fas-spotify: "\f1bc";
+.fas-spotify:before {
+   content: $icon-fas-spotify;
+}
+
+$icon-fas-squarespace: "\f5be";
+.fas-squarespace:before {
+   content: $icon-fas-squarespace;
+}
+
+$icon-fas-stack-exchange: "\f18d";
+.fas-stack-exchange:before {
+   content: $icon-fas-stack-exchange;
+}
+
+$icon-fas-stack-overflow: "\f16c";
+.fas-stack-overflow:before {
+   content: $icon-fas-stack-overflow;
+}
+
+$icon-fas-stackpath: "\f842";
+.fas-stackpath:before {
+   content: $icon-fas-stackpath;
+}
+
+$icon-fas-staylinked: "\f3f5";
+.fas-staylinked:before {
+   content: $icon-fas-staylinked;
+}
+
+$icon-fas-steam: "\f1b6";
+.fas-steam:before {
+   content: $icon-fas-steam;
+}
+
+$icon-fas-steam-square: "\f1b7";
+.fas-steam-square:before {
+   content: $icon-fas-steam-square;
+}
+
+$icon-fas-steam-symbol: "\f3f6";
+.fas-steam-symbol:before {
+   content: $icon-fas-steam-symbol;
+}
+
+$icon-fas-sticker-mule: "\f3f7";
+.fas-sticker-mule:before {
+   content: $icon-fas-sticker-mule;
+}
+
+$icon-fas-strava: "\f428";
+.fas-strava:before {
+   content: $icon-fas-strava;
+}
+
+$icon-fas-stripe: "\f429";
+.fas-stripe:before {
+   content: $icon-fas-stripe;
+}
+
+$icon-fas-stripe-s: "\f42a";
+.fas-stripe-s:before {
+   content: $icon-fas-stripe-s;
+}
+
+$icon-fas-studiovinari: "\f3f8";
+.fas-studiovinari:before {
+   content: $icon-fas-studiovinari;
+}
+
+$icon-fas-stumbleupon: "\f1a4";
+.fas-stumbleupon:before {
+   content: $icon-fas-stumbleupon;
+}
+
+$icon-fas-stumbleupon-circle: "\f1a3";
+.fas-stumbleupon-circle:before {
+   content: $icon-fas-stumbleupon-circle;
+}
+
+$icon-fas-superpowers: "\f2dd";
+.fas-superpowers:before {
+   content: $icon-fas-superpowers;
+}
+
+$icon-fas-supple: "\f3f9";
+.fas-supple:before {
+   content: $icon-fas-supple;
+}
+
+$icon-fas-suse: "\f7d6";
+.fas-suse:before {
+   content: $icon-fas-suse;
+}
+
+$icon-fas-symfony: "\f83d";
+.fas-symfony:before {
+   content: $icon-fas-symfony;
+}
+
+$icon-fas-teamspeak: "\f4f9";
+.fas-teamspeak:before {
+   content: $icon-fas-teamspeak;
+}
+
+$icon-fas-telegram: "\f2c6";
+.fas-telegram:before {
+   content: $icon-fas-telegram;
+}
+
+$icon-fas-telegram-plane: "\f3fe";
+.fas-telegram-plane:before {
+   content: $icon-fas-telegram-plane;
+}
+
+$icon-fas-tencent-weibo: "\f1d5";
+.fas-tencent-weibo:before {
+   content: $icon-fas-tencent-weibo;
+}
+
+$icon-fas-the-red-yeti: "\f69d";
+.fas-the-red-yeti:before {
+   content: $icon-fas-the-red-yeti;
+}
+
+$icon-fas-themeco: "\f5c6";
+.fas-themeco:before {
+   content: $icon-fas-themeco;
+}
+
+$icon-fas-themeisle: "\f2b2";
+.fas-themeisle:before {
+   content: $icon-fas-themeisle;
+}
+
+$icon-fas-think-peaks: "\f731";
+.fas-think-peaks:before {
+   content: $icon-fas-think-peaks;
+}
+
+$icon-fas-trade-federation: "\f513";
+.fas-trade-federation:before {
+   content: $icon-fas-trade-federation;
+}
+
+$icon-fas-trello: "\f181";
+.fas-trello:before {
+   content: $icon-fas-trello;
+}
+
+$icon-fas-tripadvisor: "\f262";
+.fas-tripadvisor:before {
+   content: $icon-fas-tripadvisor;
+}
+
+$icon-fas-tumblr: "\f173";
+.fas-tumblr:before {
+   content: $icon-fas-tumblr;
+}
+
+$icon-fas-tumblr-square: "\f174";
+.fas-tumblr-square:before {
+   content: $icon-fas-tumblr-square;
+}
+
+$icon-fas-twitch: "\f1e8";
+.fas-twitch:before {
+   content: $icon-fas-twitch;
+}
+
+$icon-fas-twitter: "\f099";
+.fas-twitter:before {
+   content: $icon-fas-twitter;
+}
+
+$icon-fas-twitter-square: "\f081";
+.fas-twitter-square:before {
+   content: $icon-fas-twitter-square;
+}
+
+$icon-fas-typo3: "\f42b";
+.fas-typo3:before {
+   content: $icon-fas-typo3;
+}
+
+$icon-fas-uber: "\f402";
+.fas-uber:before {
+   content: $icon-fas-uber;
+}
+
+$icon-fas-ubuntu: "\f7df";
+.fas-ubuntu:before {
+   content: $icon-fas-ubuntu;
+}
+
+$icon-fas-uikit: "\f403";
+.fas-uikit:before {
+   content: $icon-fas-uikit;
+}
+
+$icon-fas-uniregistry: "\f404";
+.fas-uniregistry:before {
+   content: $icon-fas-uniregistry;
+}
+
+$icon-fas-untappd: "\f405";
+.fas-untappd:before {
+   content: $icon-fas-untappd;
+}
+
+$icon-fas-ups: "\f7e0";
+.fas-ups:before {
+   content: $icon-fas-ups;
+}
+
+$icon-fas-usb: "\f287";
+.fas-usb:before {
+   content: $icon-fas-usb;
+}
+
+$icon-fas-usps: "\f7e1";
+.fas-usps:before {
+   content: $icon-fas-usps;
+}
+
+$icon-fas-ussunnah: "\f407";
+.fas-ussunnah:before {
+   content: $icon-fas-ussunnah;
+}
+
+$icon-fas-vaadin: "\f408";
+.fas-vaadin:before {
+   content: $icon-fas-vaadin;
+}
+
+$icon-fas-viacoin: "\f237";
+.fas-viacoin:before {
+   content: $icon-fas-viacoin;
+}
+
+$icon-fas-viadeo: "\f2a9";
+.fas-viadeo:before {
+   content: $icon-fas-viadeo;
+}
+
+$icon-fas-viadeo-square: "\f2aa";
+.fas-viadeo-square:before {
+   content: $icon-fas-viadeo-square;
+}
+
+$icon-fas-viber: "\f409";
+.fas-viber:before {
+   content: $icon-fas-viber;
+}
+
+$icon-fas-vimeo: "\f40a";
+.fas-vimeo:before {
+   content: $icon-fas-vimeo;
+}
+
+$icon-fas-vimeo-square: "\f194";
+.fas-vimeo-square:before {
+   content: $icon-fas-vimeo-square;
+}
+
+$icon-fas-vimeo-v: "\f27d";
+.fas-vimeo-v:before {
+   content: $icon-fas-vimeo-v;
+}
+
+$icon-fas-vine: "\f1ca";
+.fas-vine:before {
+   content: $icon-fas-vine;
+}
+
+$icon-fas-vk: "\f189";
+.fas-vk:before {
+   content: $icon-fas-vk;
+}
+
+$icon-fas-vnv: "\f40b";
+.fas-vnv:before {
+   content: $icon-fas-vnv;
+}
+
+$icon-fas-vuejs: "\f41f";
+.fas-vuejs:before {
+   content: $icon-fas-vuejs;
+}
+
+$icon-fas-waze: "\f83f";
+.fas-waze:before {
+   content: $icon-fas-waze;
+}
+
+$icon-fas-weebly: "\f5cc";
+.fas-weebly:before {
+   content: $icon-fas-weebly;
+}
+
+$icon-fas-weibo: "\f18a";
+.fas-weibo:before {
+   content: $icon-fas-weibo;
+}
+
+$icon-fas-weixin: "\f1d7";
+.fas-weixin:before {
+   content: $icon-fas-weixin;
+}
+
+$icon-fas-whatsapp: "\f232";
+.fas-whatsapp:before {
+   content: $icon-fas-whatsapp;
+}
+
+$icon-fas-whatsapp-square: "\f40c";
+.fas-whatsapp-square:before {
+   content: $icon-fas-whatsapp-square;
+}
+
+$icon-fas-whmcs: "\f40d";
+.fas-whmcs:before {
+   content: $icon-fas-whmcs;
+}
+
+$icon-fas-wikipedia-w: "\f266";
+.fas-wikipedia-w:before {
+   content: $icon-fas-wikipedia-w;
+}
+
+$icon-fas-windows: "\f17a";
+.fas-windows:before {
+   content: $icon-fas-windows;
+}
+
+$icon-fas-wix: "\f5cf";
+.fas-wix:before {
+   content: $icon-fas-wix;
+}
+
+$icon-fas-wizards-of-the-coast: "\f730";
+.fas-wizards-of-the-coast:before {
+   content: $icon-fas-wizards-of-the-coast;
+}
+
+$icon-fas-wolf-pack-battalion: "\f514";
+.fas-wolf-pack-battalion:before {
+   content: $icon-fas-wolf-pack-battalion;
+}
+
+$icon-fas-wordpress: "\f19a";
+.fas-wordpress:before {
+   content: $icon-fas-wordpress;
+}
+
+$icon-fas-wordpress-simple: "\f411";
+.fas-wordpress-simple:before {
+   content: $icon-fas-wordpress-simple;
+}
+
+$icon-fas-wpbeginner: "\f297";
+.fas-wpbeginner:before {
+   content: $icon-fas-wpbeginner;
+}
+
+$icon-fas-wpexplorer: "\f2de";
+.fas-wpexplorer:before {
+   content: $icon-fas-wpexplorer;
+}
+
+$icon-fas-wpforms: "\f298";
+.fas-wpforms:before {
+   content: $icon-fas-wpforms;
+}
+
+$icon-fas-wpressr: "\f3e4";
+.fas-wpressr:before {
+   content: $icon-fas-wpressr;
+}
+
+$icon-fas-xbox: "\f412";
+.fas-xbox:before {
+   content: $icon-fas-xbox;
+}
+
+$icon-fas-xing: "\f168";
+.fas-xing:before {
+   content: $icon-fas-xing;
+}
+
+$icon-fas-xing-square: "\f169";
+.fas-xing-square:before {
+   content: $icon-fas-xing-square;
+}
+
+$icon-fas-y-combinator: "\f23b";
+.fas-y-combinator:before {
+   content: $icon-fas-y-combinator;
+}
+
+$icon-fas-yahoo: "\f19e";
+.fas-yahoo:before {
+   content: $icon-fas-yahoo;
+}
+
+$icon-fas-yammer: "\f840";
+.fas-yammer:before {
+   content: $icon-fas-yammer;
+}
+
+$icon-fas-yandex: "\f413";
+.fas-yandex:before {
+   content: $icon-fas-yandex;
+}
+
+$icon-fas-yandex-international: "\f414";
+.fas-yandex-international:before {
+   content: $icon-fas-yandex-international;
+}
+
+$icon-fas-yarn: "\f7e3";
+.fas-yarn:before {
+   content: $icon-fas-yarn;
+}
+
+$icon-fas-yelp: "\f1e9";
+.fas-yelp:before {
+   content: $icon-fas-yelp;
+}
+
+$icon-fas-yoast: "\f2b1";
+.fas-yoast:before {
+   content: $icon-fas-yoast;
+}
+
+$icon-fas-youtube: "\f167";
+.fas-youtube:before {
+   content: $icon-fas-youtube;
+}
+
+$icon-fas-youtube-square: "\f431";
+.fas-youtube-square:before {
+   content: $icon-fas-youtube-square;
+}
+
+$icon-fas-zhihu: "\f63f";
+.fas-zhihu:before {
+   content: $icon-fas-zhihu;
+}
diff --git a/scss/tabler.scss b/scss/tabler.scss
index 919c14414496f22631621fa3a314a2851bd4ea95..80ca8c55c99e8d220ab061c8e199f17f11d658a8 100644
--- a/scss/tabler.scss
+++ b/scss/tabler.scss
@@ -6,6 +6,7 @@
 @import "../node_modules/bootstrap/scss/bootstrap";
 
 @import "fonts/feather";
+@import "fonts/font_awesome_brands";
 
 @import "layout/webfonts";
 
diff --git a/scss/ui/_buttons.scss b/scss/ui/_buttons.scss
index c0cabdbfef70fb947982f4a23083b2a4de45b42c..af2176ca8d90eb457528374afd8fc0c693d0527b 100644
--- a/scss/ui/_buttons.scss
+++ b/scss/ui/_buttons.scss
@@ -49,6 +49,7 @@
   > .btn,
   > .dropdown {
     margin-bottom: .5rem;
+    display: inline-block;
 
     &:not(:last-child) {
       margin-right: .5rem;