From ba0664a61ce131f6ece15602f207974f36b8f3cc Mon Sep 17 00:00:00 2001
From: woothu <32914662+woothu@users.noreply.github.com>
Date: Thu, 16 May 2019 20:44:44 +0200
Subject: [PATCH] feat: change styles of users, themes and icons sections to
 version 3

---
 src/views/icons/CoreUIIcons.vue     |  218 ++--
 src/views/icons/Flags.vue           | 1010 +++++++--------
 src/views/icons/FontAwesome.vue     | 1772 +++++++++++++--------------
 src/views/icons/SimpleLineIcons.vue |  372 +++---
 src/views/theme/ColorTheme.vue      |   13 +-
 src/views/theme/ColorView.vue       |   13 +-
 src/views/theme/Colors.vue          |   56 +-
 src/views/theme/Typography.vue      |  196 ++-
 src/views/users/User.vue            |   11 +-
 src/views/users/Users.vue           |   23 +-
 10 files changed, 1879 insertions(+), 1805 deletions(-)

diff --git a/src/views/icons/CoreUIIcons.vue b/src/views/icons/CoreUIIcons.vue
index b15436d6..ba71531a 100644
--- a/src/views/icons/CoreUIIcons.vue
+++ b/src/views/icons/CoreUIIcons.vue
@@ -1,414 +1,420 @@
 <template>
-  <div class="animated fadeIn">
+  <div class="c-animated c-fadeIn">
     <CCard >
       <CCardHeader>
-        <i class="fa fa-picture-o"></i>CoreUI Icons <CBadge variant="info">New</CBadge>
-        <div class="card-header-actions">
-          <a href="https://github.com/coreui/coreui-icons" rel="noreferrer noopener" target="_blank" class="card-header-action">
-            <small class="text-muted">Github</small>
+        <i class="fa fa-picture-o"></i>CoreUI Icons
+        <CBadge variant="info">New</CBadge>
+        <div class="c-card-header-actions">
+          <a
+            href="https://github.com/coreui/coreui-icons"
+            rel="noreferrer noopener"
+            target="_blank"
+            class="c-card-header-action"
+          >
+            <small class="c-text-muted">Github</small>
           </a>
         </div>
       </CCardHeader>
       <CCardBody>
-        <CRow class="text-center">
+        <CRow class="c-text-center">
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-account-logout icons font-2xl d-block mt-4"></i>
+            <i class="cui-account-logout c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>account-logout</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-action-redo icons font-2xl d-block mt-4"></i>
+            <i class="cui-action-redo c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>action-redo</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-action-undo icons font-2xl d-block mt-4"></i>
+            <i class="cui-action-undo c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>action-undo</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-align-center icons font-2xl d-block mt-4"></i>
+            <i class="cui-align-center c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>align-center</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-align-left icons font-2xl d-block mt-4"></i>
+            <i class="cui-align-left c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>align-left</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-align-right icons font-2xl d-block mt-4"></i>
+            <i class="cui-align-right c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>align-right</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-arrow-bottom icons font-2xl d-block mt-4"></i>
+            <i class="cui-arrow-bottom c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>arrow-bottom</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-arrow-left icons font-2xl d-block mt-4"></i>
+            <i class="cui-arrow-left c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>arrow-left</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-arrow-right icons font-2xl d-block mt-4"></i>
+            <i class="cui-arrow-right c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>arrow-right</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-arrow-top icons font-2xl d-block mt-4"></i>
+            <i class="cui-arrow-top c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>arrow-top</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-ban icons font-2xl d-block mt-4"></i>
+            <i class="cui-ban c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>ban</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-basket-loaded icons font-2xl d-block mt-4"></i>
+            <i class="cui-basket-loaded c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>basket-loaded</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-bell icons font-2xl d-block mt-4"></i>
+            <i class="cui-bell c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>bell</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-bold icons font-2xl d-block mt-4"></i>
+            <i class="cui-bold c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>bold</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-bookmark icons font-2xl d-block mt-4"></i>
+            <i class="cui-bookmark c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>bookmark</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-briefcase icons font-2xl d-block mt-4"></i>
+            <i class="cui-briefcase c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>briefcase</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-british-pound icons font-2xl d-block mt-4"></i>
+            <i class="cui-british-pound c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>british-pound</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-brush icons font-2xl d-block mt-4"></i>
+            <i class="cui-brush c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>brush</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-calculator icons font-2xl d-block mt-4"></i>
+            <i class="cui-calculator c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>calculator</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-calendar icons font-2xl d-block mt-4"></i>
+            <i class="cui-calendar c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>calendar</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-cart icons font-2xl d-block mt-4"></i>
+            <i class="cui-cart c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>cart</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-chart icons font-2xl d-block mt-4"></i>
+            <i class="cui-chart c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>chart</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-check icons font-2xl d-block mt-4"></i>
+            <i class="cui-check c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>check</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-chevron-bottom icons font-2xl d-block mt-4"></i>
+            <i class="cui-chevron-bottom c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>chevron-bottom</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-chevron-left icons font-2xl d-block mt-4"></i>
+            <i class="cui-chevron-left c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>chevron-left</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-chevron-right icons font-2xl d-block mt-4"></i>
+            <i class="cui-chevron-right c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>chevron-right</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-chevron-top icons font-2xl d-block mt-4"></i>
+            <i class="cui-chevron-top c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>chevron-top</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-circle-check icons font-2xl d-block mt-4"></i>
+            <i class="cui-circle-check c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>circle-check</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-circle-x icons font-2xl d-block mt-4"></i>
+            <i class="cui-circle-x c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>circle-x</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-cloud icons font-2xl d-block mt-4"></i>
+            <i class="cui-cloud c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>cloud</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-cloud-download icons font-2xl d-block mt-4"></i>
+            <i class="cui-cloud-download c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>cloud-download</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-cloud-upload icons font-2xl d-block mt-4"></i>
+            <i class="cui-cloud-upload c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>cloud-upload</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-code icons font-2xl d-block mt-4"></i>
+            <i class="cui-code c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>code</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-cog icons font-2xl d-block mt-4"></i>
+            <i class="cui-cog c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>cog</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-comment-square icons font-2xl d-block mt-4"></i>
+            <i class="cui-comment-square c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>comment-square</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-credit-card icons font-2xl d-block mt-4"></i>
+            <i class="cui-credit-card c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>credit-card</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-cursor icons font-2xl d-block mt-4"></i>
+            <i class="cui-cursor c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>cursor</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-dashboard icons font-2xl d-block mt-4"></i>
+            <i class="cui-dashboard c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>dashboard</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-delete icons font-2xl d-block mt-4"></i>
+            <i class="cui-delete c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>delete</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-dollar icons font-2xl d-block mt-4"></i>
+            <i class="cui-dollar c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>dollar</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-drop icons font-2xl d-block mt-4"></i>
+            <i class="cui-drop c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>drop</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-envelope-closed icons font-2xl d-block mt-4"></i>
+            <i class="cui-envelope-closed c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>envelope-closed</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-envelope-letter icons font-2xl d-block mt-4"></i>
+            <i class="cui-envelope-letter c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>envelope-letter</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-envelope-open icons font-2xl d-block mt-4"></i>
+            <i class="cui-envelope-open c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>envelope-open</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-euro icons font-2xl d-block mt-4"></i>
+            <i class="cui-euro c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>euro</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-file icons font-2xl d-block mt-4"></i>
+            <i class="cui-file c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>file</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-globe icons font-2xl d-block mt-4"></i>
+            <i class="cui-globe c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>globe</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-graph icons font-2xl d-block mt-4"></i>
+            <i class="cui-graph c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>graph</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-home icons font-2xl d-block mt-4"></i>
+            <i class="cui-home c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>home</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-inbox icons font-2xl d-block mt-4"></i>
+            <i class="cui-inbox c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>inbox</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-info icons font-2xl d-block mt-4"></i>
+            <i class="cui-info c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>info</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-italic icons font-2xl d-block mt-4"></i>
+            <i class="cui-italic c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>italic</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-justify-center icons font-2xl d-block mt-4"></i>
+            <i class="cui-justify-center c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>justify-center</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-justify-left icons font-2xl d-block mt-4"></i>
+            <i class="cui-justify-left c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>justify-left</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-justify-right icons font-2xl d-block mt-4"></i>
+            <i class="cui-justify-right c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>justify-right</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-laptop icons font-2xl d-block mt-4"></i>
+            <i class="cui-laptop c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>laptop</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-layers icons font-2xl d-block mt-4"></i>
+            <i class="cui-layers c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>layers</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-lightbulb icons font-2xl d-block mt-4"></i>
+            <i class="cui-lightbulb c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>lightbulb</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-list icons font-2xl d-block mt-4"></i>
+            <i class="cui-list c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>list</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-location-pin icons font-2xl d-block mt-4"></i>
+            <i class="cui-location-pin c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>location-pin</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-lock-locked icons font-2xl d-block mt-4"></i>
+            <i class="cui-lock-locked c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>lock-locked</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-lock-unlocked icons font-2xl d-block mt-4"></i>
+            <i class="cui-lock-unlocked c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>lock-unlocked</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-magnifying-glass icons font-2xl d-block mt-4"></i>
+            <i class="cui-magnifying-glass c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>magnifying-glass</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-map icons font-2xl d-block mt-4"></i>
+            <i class="cui-map c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>map</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-monitor icons font-2xl d-block mt-4"></i>
+            <i class="cui-monitor c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>monitor</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-moon icons font-2xl d-block mt-4"></i>
+            <i class="cui-moon c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>moon</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-note icons font-2xl d-block mt-4"></i>
+            <i class="cui-note c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>note</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-options icons font-2xl d-block mt-4"></i>
+            <i class="cui-options c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>options</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-paperclip icons font-2xl d-block mt-4"></i>
+            <i class="cui-paperclip c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>paperclip</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-pencil icons font-2xl d-block mt-4"></i>
+            <i class="cui-pencil c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>pencil</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-people icons font-2xl d-block mt-4"></i>
+            <i class="cui-people c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>people</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-phone icons font-2xl d-block mt-4"></i>
+            <i class="cui-phone c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>phone</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-pie-chart icons font-2xl d-block mt-4"></i>
+            <i class="cui-pie-chart c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>pie-chart</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-print icons font-2xl d-block mt-4"></i>
+            <i class="cui-print c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>print</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-puzzle icons font-2xl d-block mt-4"></i>
+            <i class="cui-puzzle c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>puzzle</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-rss icons font-2xl d-block mt-4"></i>
+            <i class="cui-rss c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>rss</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-screen-desktop icons font-2xl d-block mt-4"></i>
+            <i class="cui-screen-desktop c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>screen-desktop</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-screen-smartphone icons font-2xl d-block mt-4"></i>
+            <i class="cui-screen-smartphone c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>screen-smartphone</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-settings icons font-2xl d-block mt-4"></i>
+            <i class="cui-settings c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>settings</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-share icons font-2xl d-block mt-4"></i>
+            <i class="cui-share c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>share</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-shield icons font-2xl d-block mt-4"></i>
+            <i class="cui-shield c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>shield</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-sort-ascending icons font-2xl d-block mt-4"></i>
+            <i class="cui-sort-ascending c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>sort-ascending</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-sort-descending icons font-2xl d-block mt-4"></i>
+            <i class="cui-sort-descending c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>sort-descending</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-speech icons font-2xl d-block mt-4"></i>
+            <i class="cui-speech c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>speech</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-speedometer icons font-2xl d-block mt-4"></i>
+            <i class="cui-speedometer c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>speedometer</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-star icons font-2xl d-block mt-4"></i>
+            <i class="cui-star c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>star</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-sun icons font-2xl d-block mt-4"></i>
+            <i class="cui-sun c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>sun</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-tablet icons font-2xl d-block mt-4"></i>
+            <i class="cui-tablet c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>tablet</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-tags icons font-2xl d-block mt-4"></i>
+            <i class="cui-tags c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>tags</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-task icons font-2xl d-block mt-4"></i>
+            <i class="cui-task c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>task</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-thumb-down icons font-2xl d-block mt-4"></i>
+            <i class="cui-thumb-down c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>thumb-down</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-thumb-up icons font-2xl d-block mt-4"></i>
+            <i class="cui-thumb-up c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>thumb-up</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-trash icons font-2xl d-block mt-4"></i>
+            <i class="cui-trash c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>trash</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-underline icons font-2xl d-block mt-4"></i>
+            <i class="cui-underline c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>underline</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-user icons font-2xl d-block mt-4"></i>
+            <i class="cui-user c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>user</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-user-female icons font-2xl d-block mt-4"></i>
+            <i class="cui-user-female c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>user-female</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-user-follow icons font-2xl d-block mt-4"></i>
+            <i class="cui-user-follow c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>user-follow</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-user-unfollow icons font-2xl d-block mt-4"></i>
+            <i class="cui-user-unfollow c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>user-unfollow</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-wrench icons font-2xl d-block mt-4"></i>
+            <i class="cui-wrench c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>wrench</div>
           </CCol>
           <CCol col="6" sm="4" md="3" xl="2">
-            <i class="cui-yen icons font-2xl d-block mt-4"></i>
+            <i class="cui-yen c-icons c-font-2xl c-d-block c-mt-4"></i>
             <div>yen</div>
           </CCol>
         </CRow>
diff --git a/src/views/icons/Flags.vue b/src/views/icons/Flags.vue
index b5cb153d..91a98652 100644
--- a/src/views/icons/Flags.vue
+++ b/src/views/icons/Flags.vue
@@ -1,1008 +1,1012 @@
 <template>
-  <div class="animated fadeIn">
-    <CCard  id="new47">
+  <div class="c-animated c-fadeIn">
+    <CCard>
       <CCardHeader>
         <i class="fa fa-font-awesome"></i> Flags
       </CCardHeader>
       <CCardBody>
-        <CRow class="text-center">
-          <CCol class="mb-5" col="12">
-            For using the flags inline with text add the classes <code>.flag-icon</code> and <code>.flag-icon-xx</code> (where xx is the ISO 3166-1-alpha-2 code of a country) to an empty span. If you want to have a squared version flag then add the class flag-icon-squared as well.
+        <CRow class="c-text-center">
+          <CCol class="c-mb-5" col="12">
+            For using the flags inline with text add the classes
+            <code>.flag-icon</code> and <code>.flag-icon-xx</code>
+            (where xx is the ISO 3166-1-alpha-2 code of a country) to an empty
+            span. If you want to have a squared version flag then add the class
+            flag-icon-squared as well.
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ad h1" title="ad" id="ad"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ad c-h1" title="ad" id="ad"></i>
             <div>flag-icon-ad</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ae h1" title="ae" id="ae"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ae c-h1" title="ae" id="ae"></i>
             <div>flag-icon-ae</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-af h1" title="af" id="af"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-af c-h1" title="af" id="af"></i>
             <div>flag-icon-af</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ag h1" title="ag" id="ag"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ag c-h1" title="ag" id="ag"></i>
             <div>flag-icon-ag</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ai h1" title="ai" id="ai"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ai c-h1" title="ai" id="ai"></i>
             <div>flag-icon-ai</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-al h1" title="al" id="al"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-al c-h1" title="al" id="al"></i>
             <div>flag-icon-al</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-am h1" title="am" id="am"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-am c-h1" title="am" id="am"></i>
             <div>flag-icon-am</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ao h1" title="ao" id="ao"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ao c-h1" title="ao" id="ao"></i>
             <div>flag-icon-ao</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-aq h1" title="aq" id="aq"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-aq c-h1" title="aq" id="aq"></i>
             <div>flag-icon-aq</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ar h1" title="ar" id="ar"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ar c-h1" title="ar" id="ar"></i>
             <div>flag-icon-ar</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-as h1" title="as" id="as"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-as c-h1" title="as" id="as"></i>
             <div>flag-icon-as</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-at h1" title="at" id="at"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-at c-h1" title="at" id="at"></i>
             <div>flag-icon-at</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-au h1" title="au" id="au"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-au c-h1" title="au" id="au"></i>
             <div>flag-icon-au</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-aw h1" title="aw" id="aw"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-aw c-h1" title="aw" id="aw"></i>
             <div>flag-icon-aw</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ax h1" title="ax" id="ax"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ax c-h1" title="ax" id="ax"></i>
             <div>flag-icon-ax</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-az h1" title="az" id="az"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-az c-h1" title="az" id="az"></i>
             <div>flag-icon-az</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ba h1" title="ba" id="ba"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ba c-h1" title="ba" id="ba"></i>
             <div>flag-icon-ba</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-bb h1" title="bb" id="bb"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-bb c-h1" title="bb" id="bb"></i>
             <div>flag-icon-bb</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-bd h1" title="bd" id="bd"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-bd c-h1" title="bd" id="bd"></i>
             <div>flag-icon-bd</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-be h1" title="be" id="be"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-be c-h1" title="be" id="be"></i>
             <div>flag-icon-be</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-bf h1" title="bf" id="bf"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-bf c-h1" title="bf" id="bf"></i>
             <div>flag-icon-bf</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-bg h1" title="bg" id="bg"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-bg c-h1" title="bg" id="bg"></i>
             <div>flag-icon-bg</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-bh h1" title="bh" id="bh"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-bh c-h1" title="bh" id="bh"></i>
             <div>flag-icon-bh</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-bi h1" title="bi" id="bi"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-bi c-h1" title="bi" id="bi"></i>
             <div>flag-icon-bi</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-bj h1" title="bj" id="bj"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-bj c-h1" title="bj" id="bj"></i>
             <div>flag-icon-bj</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-bl h1" title="bl" id="bl"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-bl c-h1" title="bl" id="bl"></i>
             <div>flag-icon-bl</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-bm h1" title="bm" id="bm"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-bm c-h1" title="bm" id="bm"></i>
             <div>flag-icon-bm</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-bn h1" title="bn" id="bn"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-bn c-h1" title="bn" id="bn"></i>
             <div>flag-icon-bn</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-bo h1" title="bo" id="bo"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-bo c-h1" title="bo" id="bo"></i>
             <div>flag-icon-bo</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-bq h1" title="bq" id="bq"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-bq c-h1" title="bq" id="bq"></i>
             <div>flag-icon-bq</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-br h1" title="br" id="br"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-br c-h1" title="br" id="br"></i>
             <div>flag-icon-br</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-bs h1" title="bs" id="bs"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-bs c-h1" title="bs" id="bs"></i>
             <div>flag-icon-bs</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-bt h1" title="bt" id="bt"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-bt c-h1" title="bt" id="bt"></i>
             <div>flag-icon-bt</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-bv h1" title="bv" id="bv"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-bv c-h1" title="bv" id="bv"></i>
             <div>flag-icon-bv</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-bw h1" title="bw" id="bw"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-bw c-h1" title="bw" id="bw"></i>
             <div>flag-icon-bw</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-by h1" title="by" id="by"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-by c-h1" title="by" id="by"></i>
             <div>flag-icon-by</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-bz h1" title="bz" id="bz"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-bz c-h1" title="bz" id="bz"></i>
             <div>flag-icon-bz</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ca h1" title="ca" id="ca"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ca c-h1" title="ca" id="ca"></i>
             <div>flag-icon-ca</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-cc h1" title="cc" id="cc"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-cc c-h1" title="cc" id="cc"></i>
             <div>flag-icon-cc</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-cd h1" title="cd" id="cd"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-cd c-h1" title="cd" id="cd"></i>
             <div>flag-icon-cd</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-cf h1" title="cf" id="cf"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-cf c-h1" title="cf" id="cf"></i>
             <div>flag-icon-cf</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-cg h1" title="cg" id="cg"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-cg c-h1" title="cg" id="cg"></i>
             <div>flag-icon-cg</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ch h1" title="ch" id="ch"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ch c-h1" title="ch" id="ch"></i>
             <div>flag-icon-ch</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ci h1" title="ci" id="ci"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ci c-h1" title="ci" id="ci"></i>
             <div>flag-icon-ci</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ck h1" title="ck" id="ck"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ck c-h1" title="ck" id="ck"></i>
             <div>flag-icon-ck</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-cl h1" title="cl" id="cl"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-cl c-h1" title="cl" id="cl"></i>
             <div>flag-icon-cl</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-cm h1" title="cm" id="cm"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-cm c-h1" title="cm" id="cm"></i>
             <div>flag-icon-cm</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-cn h1" title="cn" id="cn"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-cn c-h1" title="cn" id="cn"></i>
             <div>flag-icon-cn</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-co h1" title="co" id="co"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-co c-h1" title="co" id="co"></i>
             <div>flag-icon-co</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-cr h1" title="cr" id="cr"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-cr c-h1" title="cr" id="cr"></i>
             <div>flag-icon-cr</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-cu h1" title="cu" id="cu"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-cu c-h1" title="cu" id="cu"></i>
             <div>flag-icon-cu</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-cv h1" title="cv" id="cv"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-cv c-h1" title="cv" id="cv"></i>
             <div>flag-icon-cv</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-cw h1" title="cw" id="cw"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-cw c-h1" title="cw" id="cw"></i>
             <div>flag-icon-cw</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-cx h1" title="cx" id="cx"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-cx c-h1" title="cx" id="cx"></i>
             <div>flag-icon-cx</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-cy h1" title="cy" id="cy"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-cy c-h1" title="cy" id="cy"></i>
             <div>flag-icon-cy</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-cz h1" title="cz" id="cz"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-cz c-h1" title="cz" id="cz"></i>
             <div>flag-icon-cz</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-de h1" title="de" id="de"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-de c-h1" title="de" id="de"></i>
             <div>flag-icon-de</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-dj h1" title="dj" id="dj"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-dj c-h1" title="dj" id="dj"></i>
             <div>flag-icon-dj</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-dk h1" title="dk" id="dk"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-dk c-h1" title="dk" id="dk"></i>
             <div>flag-icon-dk</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-dm h1" title="dm" id="dm"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-dm c-h1" title="dm" id="dm"></i>
             <div>flag-icon-dm</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-do h1" title="do" id="do"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-do c-h1" title="do" id="do"></i>
             <div>flag-icon-do</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-dz h1" title="dz" id="dz"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-dz c-h1" title="dz" id="dz"></i>
             <div>flag-icon-dz</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ec h1" title="ec" id="ec"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ec c-h1" title="ec" id="ec"></i>
             <div>flag-icon-ec</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ee h1" title="ee" id="ee"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ee c-h1" title="ee" id="ee"></i>
             <div>flag-icon-ee</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-eg h1" title="eg" id="eg"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-eg c-h1" title="eg" id="eg"></i>
             <div>flag-icon-eg</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-eh h1" title="eh" id="eh"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-eh c-h1" title="eh" id="eh"></i>
             <div>flag-icon-eh</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-er h1" title="er" id="er"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-er c-h1" title="er" id="er"></i>
             <div>flag-icon-er</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-es h1" title="es" id="es"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-es c-h1" title="es" id="es"></i>
             <div>flag-icon-es</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-et h1" title="et" id="et"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-et c-h1" title="et" id="et"></i>
             <div>flag-icon-et</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-fi h1" title="fi" id="fi"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-fi c-h1" title="fi" id="fi"></i>
             <div>flag-icon-fi</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-fj h1" title="fj" id="fj"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-fj c-h1" title="fj" id="fj"></i>
             <div>flag-icon-fj</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-fk h1" title="fk" id="fk"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-fk c-h1" title="fk" id="fk"></i>
             <div>flag-icon-fk</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-fm h1" title="fm" id="fm"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-fm c-h1" title="fm" id="fm"></i>
             <div>flag-icon-fm</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-fo h1" title="fo" id="fo"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-fo c-h1" title="fo" id="fo"></i>
             <div>flag-icon-fo</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-fr h1" title="fr" id="fr"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-fr c-h1" title="fr" id="fr"></i>
             <div>flag-icon-fr</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ga h1" title="ga" id="ga"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ga c-h1" title="ga" id="ga"></i>
             <div>flag-icon-ga</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-gb h1" title="gb" id="gb"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-gb c-h1" title="gb" id="gb"></i>
             <div>flag-icon-gb</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-gd h1" title="gd" id="gd"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-gd c-h1" title="gd" id="gd"></i>
             <div>flag-icon-gd</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ge h1" title="ge" id="ge"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ge c-h1" title="ge" id="ge"></i>
             <div>flag-icon-ge</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-gf h1" title="gf" id="gf"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-gf c-h1" title="gf" id="gf"></i>
             <div>flag-icon-gf</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-gg h1" title="gg" id="gg"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-gg c-h1" title="gg" id="gg"></i>
             <div>flag-icon-gg</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-gh h1" title="gh" id="gh"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-gh c-h1" title="gh" id="gh"></i>
             <div>flag-icon-gh</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-gi h1" title="gi" id="gi"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-gi c-h1" title="gi" id="gi"></i>
             <div>flag-icon-gi</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-gl h1" title="gl" id="gl"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-gl c-h1" title="gl" id="gl"></i>
             <div>flag-icon-gl</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-gm h1" title="gm" id="gm"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-gm c-h1" title="gm" id="gm"></i>
             <div>flag-icon-gm</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-gn h1" title="gn" id="gn"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-gn c-h1" title="gn" id="gn"></i>
             <div>flag-icon-gn</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-gp h1" title="gp" id="gp"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-gp c-h1" title="gp" id="gp"></i>
             <div>flag-icon-gp</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-gq h1" title="gq" id="gq"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-gq c-h1" title="gq" id="gq"></i>
             <div>flag-icon-gq</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-gr h1" title="gr" id="gr"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-gr c-h1" title="gr" id="gr"></i>
             <div>flag-icon-gr</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-gs h1" title="gs" id="gs"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-gs c-h1" title="gs" id="gs"></i>
             <div>flag-icon-gs</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-gt h1" title="gt" id="gt"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-gt c-h1" title="gt" id="gt"></i>
             <div>flag-icon-gt</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-gu h1" title="gu" id="gu"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-gu c-h1" title="gu" id="gu"></i>
             <div>flag-icon-gu</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-gw h1" title="gw" id="gw"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-gw c-h1" title="gw" id="gw"></i>
             <div>flag-icon-gw</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-gy h1" title="gy" id="gy"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-gy c-h1" title="gy" id="gy"></i>
             <div>flag-icon-gy</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-hk h1" title="hk" id="hk"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-hk c-h1" title="hk" id="hk"></i>
             <div>flag-icon-hk</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-hm h1" title="hm" id="hm"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-hm c-h1" title="hm" id="hm"></i>
             <div>flag-icon-hm</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-hn h1" title="hn" id="hn"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-hn c-h1" title="hn" id="hn"></i>
             <div>flag-icon-hn</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-hr h1" title="hr" id="hr"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-hr c-h1" title="hr" id="hr"></i>
             <div>flag-icon-hr</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ht h1" title="ht" id="ht"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ht c-h1" title="ht" id="ht"></i>
             <div>flag-icon-ht</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-hu h1" title="hu" id="hu"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-hu c-h1" title="hu" id="hu"></i>
             <div>flag-icon-hu</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-id h1" title="id" id="id"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-id c-h1" title="id" id="id"></i>
             <div>flag-icon-id</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ie h1" title="ie" id="ie"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ie c-h1" title="ie" id="ie"></i>
             <div>flag-icon-ie</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-il h1" title="il" id="il"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-il c-h1" title="il" id="il"></i>
             <div>flag-icon-il</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-im h1" title="im" id="im"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-im c-h1" title="im" id="im"></i>
             <div>flag-icon-im</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-in h1" title="in" id="in"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-in c-h1" title="in" id="in"></i>
             <div>flag-icon-in</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-io h1" title="io" id="io"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-io c-h1" title="io" id="io"></i>
             <div>flag-icon-io</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-iq h1" title="iq" id="iq"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-iq c-h1" title="iq" id="iq"></i>
             <div>flag-icon-iq</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ir h1" title="ir" id="ir"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ir c-h1" title="ir" id="ir"></i>
             <div>flag-icon-ir</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-is h1" title="is" id="is"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-is c-h1" title="is" id="is"></i>
             <div>flag-icon-is</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-it h1" title="it" id="it"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-it c-h1" title="it" id="it"></i>
             <div>flag-icon-it</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-je h1" title="je" id="je"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-je c-h1" title="je" id="je"></i>
             <div>flag-icon-je</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-jm h1" title="jm" id="jm"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-jm c-h1" title="jm" id="jm"></i>
             <div>flag-icon-jm</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-jo h1" title="jo" id="jo"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-jo c-h1" title="jo" id="jo"></i>
             <div>flag-icon-jo</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-jp h1" title="jp" id="jp"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-jp c-h1" title="jp" id="jp"></i>
             <div>flag-icon-jp</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ke h1" title="ke" id="ke"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ke c-h1" title="ke" id="ke"></i>
             <div>flag-icon-ke</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-kg h1" title="kg" id="kg"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-kg c-h1" title="kg" id="kg"></i>
             <div>flag-icon-kg</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-kh h1" title="kh" id="kh"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-kh c-h1" title="kh" id="kh"></i>
             <div>flag-icon-kh</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ki h1" title="ki" id="ki"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ki c-h1" title="ki" id="ki"></i>
             <div>flag-icon-ki</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-km h1" title="km" id="km"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-km c-h1" title="km" id="km"></i>
             <div>flag-icon-km</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-kn h1" title="kn" id="kn"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-kn c-h1" title="kn" id="kn"></i>
             <div>flag-icon-kn</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-kp h1" title="kp" id="kp"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-kp c-h1" title="kp" id="kp"></i>
             <div>flag-icon-kp</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-kr h1" title="kr" id="kr"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-kr c-h1" title="kr" id="kr"></i>
             <div>flag-icon-kr</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-kw h1" title="kw" id="kw"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-kw c-h1" title="kw" id="kw"></i>
             <div>flag-icon-kw</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ky h1" title="ky" id="ky"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ky c-h1" title="ky" id="ky"></i>
             <div>flag-icon-ky</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-kz h1" title="kz" id="kz"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-kz c-h1" title="kz" id="kz"></i>
             <div>flag-icon-kz</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-la h1" title="la" id="la"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-la c-h1" title="la" id="la"></i>
             <div>flag-icon-la</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-lb h1" title="lb" id="lb"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-lb c-h1" title="lb" id="lb"></i>
             <div>flag-icon-lb</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-lc h1" title="lc" id="lc"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-lc c-h1" title="lc" id="lc"></i>
             <div>flag-icon-lc</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-li h1" title="li" id="li"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-li c-h1" title="li" id="li"></i>
             <div>flag-icon-li</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-lk h1" title="lk" id="lk"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-lk c-h1" title="lk" id="lk"></i>
             <div>flag-icon-lk</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-lr h1" title="lr" id="lr"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-lr c-h1" title="lr" id="lr"></i>
             <div>flag-icon-lr</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ls h1" title="ls" id="ls"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ls c-h1" title="ls" id="ls"></i>
             <div>flag-icon-ls</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-lt h1" title="lt" id="lt"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-lt c-h1" title="lt" id="lt"></i>
             <div>flag-icon-lt</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-lu h1" title="lu" id="lu"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-lu c-h1" title="lu" id="lu"></i>
             <div>flag-icon-lu</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-lv h1" title="lv" id="lv"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-lv c-h1" title="lv" id="lv"></i>
             <div>flag-icon-lv</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ly h1" title="ly" id="ly"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ly c-h1" title="ly" id="ly"></i>
             <div>flag-icon-ly</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ma h1" title="ma" id="ma"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ma c-h1" title="ma" id="ma"></i>
             <div>flag-icon-ma</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-mc h1" title="mc" id="mc"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-mc c-h1" title="mc" id="mc"></i>
             <div>flag-icon-mc</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-md h1" title="md" id="md"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-md c-h1" title="md" id="md"></i>
             <div>flag-icon-md</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-me h1" title="me" id="me"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-me c-h1" title="me" id="me"></i>
             <div>flag-icon-me</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-mf h1" title="mf" id="mf"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-mf c-h1" title="mf" id="mf"></i>
             <div>flag-icon-mf</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-mg h1" title="mg" id="mg"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-mg c-h1" title="mg" id="mg"></i>
             <div>flag-icon-mg</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-mh h1" title="mh" id="mh"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-mh c-h1" title="mh" id="mh"></i>
             <div>flag-icon-mh</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-mk h1" title="mk" id="mk"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-mk c-h1" title="mk" id="mk"></i>
             <div>flag-icon-mk</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ml h1" title="ml" id="ml"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ml c-h1" title="ml" id="ml"></i>
             <div>flag-icon-ml</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-mm h1" title="mm" id="mm"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-mm c-h1" title="mm" id="mm"></i>
             <div>flag-icon-mm</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-mn h1" title="mn" id="mn"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-mn c-h1" title="mn" id="mn"></i>
             <div>flag-icon-mn</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-mo h1" title="mo" id="mo"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-mo c-h1" title="mo" id="mo"></i>
             <div>flag-icon-mo</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-mp h1" title="mp" id="mp"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-mp c-h1" title="mp" id="mp"></i>
             <div>flag-icon-mp</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-mq h1" title="mq" id="mq"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-mq c-h1" title="mq" id="mq"></i>
             <div>flag-icon-mq</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-mr h1" title="mr" id="mr"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-mr c-h1" title="mr" id="mr"></i>
             <div>flag-icon-mr</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ms h1" title="ms" id="ms"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ms c-h1" title="ms" id="ms"></i>
             <div>flag-icon-ms</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-mt h1" title="mt" id="mt"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-mt c-h1" title="mt" id="mt"></i>
             <div>flag-icon-mt</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-mu h1" title="mu" id="mu"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-mu c-h1" title="mu" id="mu"></i>
             <div>flag-icon-mu</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-mv h1" title="mv" id="mv"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-mv c-h1" title="mv" id="mv"></i>
             <div>flag-icon-mv</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-mw h1" title="mw" id="mw"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-mw c-h1" title="mw" id="mw"></i>
             <div>flag-icon-mw</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-mx h1" title="mx" id="mx"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-mx c-h1" title="mx" id="mx"></i>
             <div>flag-icon-mx</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-my h1" title="my" id="my"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-my c-h1" title="my" id="my"></i>
             <div>flag-icon-my</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-mz h1" title="mz" id="mz"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-mz c-h1" title="mz" id="mz"></i>
             <div>flag-icon-mz</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-na h1" title="na" id="na"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-na c-h1" title="na" id="na"></i>
             <div>flag-icon-na</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-nc h1" title="nc" id="nc"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-nc c-h1" title="nc" id="nc"></i>
             <div>flag-icon-nc</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ne h1" title="ne" id="ne"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ne c-h1" title="ne" id="ne"></i>
             <div>flag-icon-ne</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-nf h1" title="nf" id="nf"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-nf c-h1" title="nf" id="nf"></i>
             <div>flag-icon-nf</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ng h1" title="ng" id="ng"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ng c-h1" title="ng" id="ng"></i>
             <div>flag-icon-ng</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ni h1" title="ni" id="ni"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ni c-h1" title="ni" id="ni"></i>
             <div>flag-icon-ni</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-nl h1" title="nl" id="nl"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-nl c-h1" title="nl" id="nl"></i>
             <div>flag-icon-nl</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-no h1" title="no" id="no"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-no c-h1" title="no" id="no"></i>
             <div>flag-icon-no</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-np h1" title="np" id="np"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-np c-h1" title="np" id="np"></i>
             <div>flag-icon-np</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-nr h1" title="nr" id="nr"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-nr c-h1" title="nr" id="nr"></i>
             <div>flag-icon-nr</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-nu h1" title="nu" id="nu"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-nu c-h1" title="nu" id="nu"></i>
             <div>flag-icon-nu</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-nz h1" title="nz" id="nz"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-nz c-h1" title="nz" id="nz"></i>
             <div>flag-icon-nz</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-om h1" title="om" id="om"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-om c-h1" title="om" id="om"></i>
             <div>flag-icon-om</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-pa h1" title="pa" id="pa"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-pa c-h1" title="pa" id="pa"></i>
             <div>flag-icon-pa</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-pe h1" title="pe" id="pe"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-pe c-h1" title="pe" id="pe"></i>
             <div>flag-icon-pe</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-pf h1" title="pf" id="pf"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-pf c-h1" title="pf" id="pf"></i>
             <div>flag-icon-pf</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-pg h1" title="pg" id="pg"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-pg c-h1" title="pg" id="pg"></i>
             <div>flag-icon-pg</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ph h1" title="ph" id="ph"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ph c-h1" title="ph" id="ph"></i>
             <div>flag-icon-ph</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-pk h1" title="pk" id="pk"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-pk c-h1" title="pk" id="pk"></i>
             <div>flag-icon-pk</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-pl h1" title="pl" id="pl"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-pl c-h1" title="pl" id="pl"></i>
             <div>flag-icon-pl</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-pm h1" title="pm" id="pm"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-pm c-h1" title="pm" id="pm"></i>
             <div>flag-icon-pm</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-pn h1" title="pn" id="pn"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-pn c-h1" title="pn" id="pn"></i>
             <div>flag-icon-pn</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-pr h1" title="pr" id="pr"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-pr c-h1" title="pr" id="pr"></i>
             <div>flag-icon-pr</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ps h1" title="ps" id="ps"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ps c-h1" title="ps" id="ps"></i>
             <div>flag-icon-ps</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-pt h1" title="pt" id="pt"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-pt c-h1" title="pt" id="pt"></i>
             <div>flag-icon-pt</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-pw h1" title="pw" id="pw"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-pw c-h1" title="pw" id="pw"></i>
             <div>flag-icon-pw</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-py h1" title="py" id="py"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-py c-h1" title="py" id="py"></i>
             <div>flag-icon-py</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-qa h1" title="qa" id="qa"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-qa c-h1" title="qa" id="qa"></i>
             <div>flag-icon-qa</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-re h1" title="re" id="re"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-re c-h1" title="re" id="re"></i>
             <div>flag-icon-re</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ro h1" title="ro" id="ro"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ro c-h1" title="ro" id="ro"></i>
             <div>flag-icon-ro</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-rs h1" title="rs" id="rs"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-rs c-h1" title="rs" id="rs"></i>
             <div>flag-icon-rs</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ru h1" title="ru" id="ru"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ru c-h1" title="ru" id="ru"></i>
             <div>flag-icon-ru</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-rw h1" title="rw" id="rw"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-rw c-h1" title="rw" id="rw"></i>
             <div>flag-icon-rw</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-sa h1" title="sa" id="sa"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-sa c-h1" title="sa" id="sa"></i>
             <div>flag-icon-sa</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-sb h1" title="sb" id="sb"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-sb c-h1" title="sb" id="sb"></i>
             <div>flag-icon-sb</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-sc h1" title="sc" id="sc"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-sc c-h1" title="sc" id="sc"></i>
             <div>flag-icon-sc</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-sd h1" title="sd" id="sd"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-sd c-h1" title="sd" id="sd"></i>
             <div>flag-icon-sd</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-se h1" title="se" id="se"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-se c-h1" title="se" id="se"></i>
             <div>flag-icon-se</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-sg h1" title="sg" id="sg"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-sg c-h1" title="sg" id="sg"></i>
             <div>flag-icon-sg</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-sh h1" title="sh" id="sh"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-sh c-h1" title="sh" id="sh"></i>
             <div>flag-icon-sh</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-si h1" title="si" id="si"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-si c-h1" title="si" id="si"></i>
             <div>flag-icon-si</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-sj h1" title="sj" id="sj"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-sj c-h1" title="sj" id="sj"></i>
             <div>flag-icon-sj</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-sk h1" title="sk" id="sk"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-sk c-h1" title="sk" id="sk"></i>
             <div>flag-icon-sk</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-sl h1" title="sl" id="sl"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-sl c-h1" title="sl" id="sl"></i>
             <div>flag-icon-sl</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-sm h1" title="sm" id="sm"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-sm c-h1" title="sm" id="sm"></i>
             <div>flag-icon-sm</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-sn h1" title="sn" id="sn"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-sn c-h1" title="sn" id="sn"></i>
             <div>flag-icon-sn</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-so h1" title="so" id="so"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-so c-h1" title="so" id="so"></i>
             <div>flag-icon-so</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-sr h1" title="sr" id="sr"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-sr c-h1" title="sr" id="sr"></i>
             <div>flag-icon-sr</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ss h1" title="ss" id="ss"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ss c-h1" title="ss" id="ss"></i>
             <div>flag-icon-ss</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-st h1" title="st" id="st"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-st c-h1" title="st" id="st"></i>
             <div>flag-icon-st</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-sv h1" title="sv" id="sv"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-sv c-h1" title="sv" id="sv"></i>
             <div>flag-icon-sv</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-sx h1" title="sx" id="sx"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-sx c-h1" title="sx" id="sx"></i>
             <div>flag-icon-sx</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-sy h1" title="sy" id="sy"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-sy c-h1" title="sy" id="sy"></i>
             <div>flag-icon-sy</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-sz h1" title="sz" id="sz"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-sz c-h1" title="sz" id="sz"></i>
             <div>flag-icon-sz</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-tc h1" title="tc" id="tc"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-tc c-h1" title="tc" id="tc"></i>
             <div>flag-icon-tc</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-td h1" title="td" id="td"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-td c-h1" title="td" id="td"></i>
             <div>flag-icon-td</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-tf h1" title="tf" id="tf"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-tf c-h1" title="tf" id="tf"></i>
             <div>flag-icon-tf</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-tg h1" title="tg" id="tg"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-tg c-h1" title="tg" id="tg"></i>
             <div>flag-icon-tg</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-th h1" title="th" id="th"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-th c-h1" title="th" id="th"></i>
             <div>flag-icon-th</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-tj h1" title="tj" id="tj"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-tj c-h1" title="tj" id="tj"></i>
             <div>flag-icon-tj</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-tk h1" title="tk" id="tk"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-tk c-h1" title="tk" id="tk"></i>
             <div>flag-icon-tk</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-tl h1" title="tl" id="tl"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-tl c-h1" title="tl" id="tl"></i>
             <div>flag-icon-tl</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-tm h1" title="tm" id="tm"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-tm c-h1" title="tm" id="tm"></i>
             <div>flag-icon-tm</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-tn h1" title="tn" id="tn"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-tn c-h1" title="tn" id="tn"></i>
             <div>flag-icon-tn</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-to h1" title="to" id="to"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-to c-h1" title="to" id="to"></i>
             <div>flag-icon-to</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-tr h1" title="tr" id="tr"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-tr c-h1" title="tr" id="tr"></i>
             <div>flag-icon-tr</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-tt h1" title="tt" id="tt"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-tt c-h1" title="tt" id="tt"></i>
             <div>flag-icon-tt</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-tv h1" title="tv" id="tv"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-tv c-h1" title="tv" id="tv"></i>
             <div>flag-icon-tv</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-tw h1" title="tw" id="tw"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-tw c-h1" title="tw" id="tw"></i>
             <div>flag-icon-tw</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-tz h1" title="tz" id="tz"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-tz c-h1" title="tz" id="tz"></i>
             <div>flag-icon-tz</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ua h1" title="ua" id="ua"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ua c-h1" title="ua" id="ua"></i>
             <div>flag-icon-ua</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ug h1" title="ug" id="ug"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ug c-h1" title="ug" id="ug"></i>
             <div>flag-icon-ug</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-um h1" title="um" id="um"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-um c-h1" title="um" id="um"></i>
             <div>flag-icon-um</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-us h1" title="us" id="us"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-us c-h1" title="us" id="us"></i>
             <div>flag-icon-us</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-uy h1" title="uy" id="uy"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-uy c-h1" title="uy" id="uy"></i>
             <div>flag-icon-uy</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-uz h1" title="uz" id="uz"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-uz c-h1" title="uz" id="uz"></i>
             <div>flag-icon-uz</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-va h1" title="va" id="va"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-va c-h1" title="va" id="va"></i>
             <div>flag-icon-va</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-vc h1" title="vc" id="vc"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-vc c-h1" title="vc" id="vc"></i>
             <div>flag-icon-vc</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ve h1" title="ve" id="ve"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ve c-h1" title="ve" id="ve"></i>
             <div>flag-icon-ve</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-vg h1" title="vg" id="vg"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-vg c-h1" title="vg" id="vg"></i>
             <div>flag-icon-vg</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-vi h1" title="vi" id="vi"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-vi c-h1" title="vi" id="vi"></i>
             <div>flag-icon-vi</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-vn h1" title="vn" id="vn"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-vn c-h1" title="vn" id="vn"></i>
             <div>flag-icon-vn</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-vu h1" title="vu" id="vu"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-vu c-h1" title="vu" id="vu"></i>
             <div>flag-icon-vu</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-wf h1" title="wf" id="wf"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-wf c-h1" title="wf" id="wf"></i>
             <div>flag-icon-wf</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ws h1" title="ws" id="ws"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ws c-h1" title="ws" id="ws"></i>
             <div>flag-icon-ws</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-ye h1" title="ye" id="ye"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-ye c-h1" title="ye" id="ye"></i>
             <div>flag-icon-ye</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-yt h1" title="yt" id="yt"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-yt c-h1" title="yt" id="yt"></i>
             <div>flag-icon-yt</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-za h1" title="za" id="za"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-za c-h1" title="za" id="za"></i>
             <div>flag-icon-za</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-zm h1" title="zm" id="zm"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-zm c-h1" title="zm" id="zm"></i>
             <div>flag-icon-zm</div>
           </CCol>
-          <CCol class="mb-5" col="3" sm="2">
-            <i class="flag-icon flag-icon-zw h1" title="zw" id="zw"></i>
+          <CCol class="c-mb-5" col="3" sm="2">
+            <i class="flag-icon flag-icon-zw c-h1" title="zw" id="zw"></i>
             <div>flag-icon-zw</div>
           </CCol>
         </CRow>
diff --git a/src/views/icons/FontAwesome.vue b/src/views/icons/FontAwesome.vue
index ed739395..c447ec6f 100644
--- a/src/views/icons/FontAwesome.vue
+++ b/src/views/icons/FontAwesome.vue
@@ -1,175 +1,175 @@
 <template>
-  <div class="animated fadeIn">
-    <CCard  id="new47">
+  <div class="c-animated c-fadeIn">
+    <CCard>
       <CCardHeader>
         <i class="fa fa-font-awesome"></i> 50 New Icons in 4.7
       </CCardHeader>
       <CCardBody>
-        <CRow class="text-center">
+        <CRow class="c-text-center">
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-address-book fa-lg mt-4"></i><br/>address-book
+            <i class="fa fa-address-book fa-lg c-mt-4"></i><br/>address-book
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-address-book-o fa-lg mt-4"></i><br/>address-book-o
+            <i class="fa fa-address-book-o fa-lg c-mt-4"></i><br/>address-book-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-address-card fa-lg mt-4"></i><br/>address-card
+            <i class="fa fa-address-card fa-lg c-mt-4"></i><br/>address-card
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-address-card-o fa-lg mt-4"></i><br/>address-card-o
+            <i class="fa fa-address-card-o fa-lg c-mt-4"></i><br/>address-card-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bandcamp fa-lg mt-4"></i><br/>bandcamp
+            <i class="fa fa-bandcamp fa-lg c-mt-4"></i><br/>bandcamp
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bath fa-lg mt-4"></i><br/>bath
+            <i class="fa fa-bath fa-lg c-mt-4"></i><br/>bath
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bathtub fa-lg mt-4"></i><br/>bathtub <span class="text-muted">(alias)</span>
+            <i class="fa fa-bathtub fa-lg c-mt-4"></i><br/>bathtub <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-drivers-license fa-lg mt-4"></i><br/>drivers-license <span class="text-muted">(alias)</span>
+            <i class="fa fa-drivers-license fa-lg c-mt-4"></i><br/>drivers-license <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-drivers-license-o fa-lg mt-4"></i><br/>drivers-license-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-drivers-license-o fa-lg c-mt-4"></i><br/>drivers-license-o <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-eercast fa-lg mt-4"></i><br/>eercast
+            <i class="fa fa-eercast fa-lg c-mt-4"></i><br/>eercast
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-envelope-open fa-lg mt-4"></i><br/>envelope-open
+            <i class="fa fa-envelope-open fa-lg c-mt-4"></i><br/>envelope-open
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-envelope-open-o fa-lg mt-4"></i><br/>envelope-open-o
+            <i class="fa fa-envelope-open-o fa-lg c-mt-4"></i><br/>envelope-open-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-etsy fa-lg mt-4"></i><br/>etsy
+            <i class="fa fa-etsy fa-lg c-mt-4"></i><br/>etsy
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-free-code-camp fa-lg mt-4"></i><br/>free-code-camp
+            <i class="fa fa-free-code-camp fa-lg c-mt-4"></i><br/>free-code-camp
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-grav fa-lg mt-4"></i><br/>grav
+            <i class="fa fa-grav fa-lg c-mt-4"></i><br/>grav
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-handshake-o fa-lg mt-4"></i><br/>handshake-o
+            <i class="fa fa-handshake-o fa-lg c-mt-4"></i><br/>handshake-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-id-badge fa-lg mt-4"></i><br/>id-badge
+            <i class="fa fa-id-badge fa-lg c-mt-4"></i><br/>id-badge
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-id-card fa-lg mt-4"></i><br/>id-card
+            <i class="fa fa-id-card fa-lg c-mt-4"></i><br/>id-card
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-id-card-o fa-lg mt-4"></i><br/>id-card-o
+            <i class="fa fa-id-card-o fa-lg c-mt-4"></i><br/>id-card-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-imdb fa-lg mt-4"></i><br/>imdb
+            <i class="fa fa-imdb fa-lg c-mt-4"></i><br/>imdb
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-linode fa-lg mt-4"></i><br/>linode
+            <i class="fa fa-linode fa-lg c-mt-4"></i><br/>linode
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-meetup fa-lg mt-4"></i><br/>meetup
+            <i class="fa fa-meetup fa-lg c-mt-4"></i><br/>meetup
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-microchip fa-lg mt-4"></i><br/>microchip
+            <i class="fa fa-microchip fa-lg c-mt-4"></i><br/>microchip
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-podcast fa-lg mt-4"></i><br/>podcast
+            <i class="fa fa-podcast fa-lg c-mt-4"></i><br/>podcast
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-quora fa-lg mt-4"></i><br/>quora
+            <i class="fa fa-quora fa-lg c-mt-4"></i><br/>quora
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-ravelry fa-lg mt-4"></i><br/>ravelry
+            <i class="fa fa-ravelry fa-lg c-mt-4"></i><br/>ravelry
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-s15 fa-lg mt-4"></i><br/>s15 <span class="text-muted">(alias)</span>
+            <i class="fa fa-s15 fa-lg c-mt-4"></i><br/>s15 <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-shower fa-lg mt-4"></i><br/>shower
+            <i class="fa fa-shower fa-lg c-mt-4"></i><br/>shower
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-snowflake-o fa-lg mt-4"></i><br/>snowflake-o
+            <i class="fa fa-snowflake-o fa-lg c-mt-4"></i><br/>snowflake-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-superpowers fa-lg mt-4"></i><br/>superpowers
+            <i class="fa fa-superpowers fa-lg c-mt-4"></i><br/>superpowers
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-telegram fa-lg mt-4"></i><br/>telegram
+            <i class="fa fa-telegram fa-lg c-mt-4"></i><br/>telegram
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-thermometer fa-lg mt-4"></i><br/>thermometer <span class="text-muted">(alias)</span>
+            <i class="fa fa-thermometer fa-lg c-mt-4"></i><br/>thermometer <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-thermometer-0 fa-lg mt-4"></i><br/>thermometer-0 <span class="text-muted">(alias)</span>
+            <i class="fa fa-thermometer-0 fa-lg c-mt-4"></i><br/>thermometer-0 <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-thermometer-1 fa-lg mt-4"></i><br/>thermometer-1 <span class="text-muted">(alias)</span>
+            <i class="fa fa-thermometer-1 fa-lg c-mt-4"></i><br/>thermometer-1 <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-thermometer-2 fa-lg mt-4"></i><br/>thermometer-2 <span class="text-muted">(alias)</span>
+            <i class="fa fa-thermometer-2 fa-lg c-mt-4"></i><br/>thermometer-2 <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-thermometer-3 fa-lg mt-4"></i><br/>thermometer-3 <span class="text-muted">(alias)</span>
+            <i class="fa fa-thermometer-3 fa-lg c-mt-4"></i><br/>thermometer-3 <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-thermometer-4 fa-lg mt-4"></i><br/>thermometer-4 <span class="text-muted">(alias)</span>
+            <i class="fa fa-thermometer-4 fa-lg c-mt-4"></i><br/>thermometer-4 <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-thermometer-empty fa-lg mt-4"></i><br/>thermometer-empty
+            <i class="fa fa-thermometer-empty fa-lg c-mt-4"></i><br/>thermometer-empty
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-thermometer-full fa-lg mt-4"></i><br/>thermometer-full
+            <i class="fa fa-thermometer-full fa-lg c-mt-4"></i><br/>thermometer-full
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-thermometer-half fa-lg mt-4"></i><br/>thermometer-half
+            <i class="fa fa-thermometer-half fa-lg c-mt-4"></i><br/>thermometer-half
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-thermometer-quarter fa-lg mt-4"></i><br/>thermometer-quarter
+            <i class="fa fa-thermometer-quarter fa-lg c-mt-4"></i><br/>thermometer-quarter
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-thermometer-three-quarters fa-lg mt-4"></i><br/>thermometer-three-quarters
+            <i class="fa fa-thermometer-three-quarters fa-lg c-mt-4"></i><br/>thermometer-three-quarters
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-times-rectangle fa-lg mt-4"></i><br/>times-rectangle <span class="text-muted">(alias)</span>
+            <i class="fa fa-times-rectangle fa-lg c-mt-4"></i><br/>times-rectangle <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-times-rectangle-o fa-lg mt-4"></i><br/>times-rectangle-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-times-rectangle-o fa-lg c-mt-4"></i><br/>times-rectangle-o <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-user-circle fa-lg mt-4"></i><br/>user-circle
+            <i class="fa fa-user-circle fa-lg c-mt-4"></i><br/>user-circle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-user-circle-o fa-lg mt-4"></i><br/>user-circle-o
+            <i class="fa fa-user-circle-o fa-lg c-mt-4"></i><br/>user-circle-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-user-o fa-lg mt-4"></i><br/>user-o
+            <i class="fa fa-user-o fa-lg c-mt-4"></i><br/>user-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-vcard fa-lg mt-4"></i><br/>vcard <span class="text-muted">(alias)</span>
+            <i class="fa fa-vcard fa-lg c-mt-4"></i><br/>vcard <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-vcard-o fa-lg mt-4"></i><br/>vcard-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-vcard-o fa-lg c-mt-4"></i><br/>vcard-o <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-window-close fa-lg mt-4"></i><br/>window-close
+            <i class="fa fa-window-close fa-lg c-mt-4"></i><br/>window-close
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-window-close-o fa-lg mt-4"></i><br/>window-close-o
+            <i class="fa fa-window-close-o fa-lg c-mt-4"></i><br/>window-close-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-window-maximize fa-lg mt-4"></i><br/>window-maximize
+            <i class="fa fa-window-maximize fa-lg c-mt-4"></i><br/>window-maximize
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-window-minimize fa-lg mt-4"></i><br/>window-minimize
+            <i class="fa fa-window-minimize fa-lg c-mt-4"></i><br/>window-minimize
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-window-restore fa-lg mt-4"></i><br/>window-restore
+            <i class="fa fa-window-restore fa-lg c-mt-4"></i><br/>window-restore
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-wpexplorer fa-lg mt-4"></i><br/>wpexplorer
+            <i class="fa fa-wpexplorer fa-lg c-mt-4"></i><br/>wpexplorer
           </CCol>
         </CRow>
       </CCardBody>
@@ -180,64 +180,64 @@
         <CRow class="text-center">
 
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bluetooth fa-lg mt-4"></i><br>bluetooth
+            <i class="fa fa-bluetooth fa-lg c-mt-4"></i><br>bluetooth
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bluetooth-b fa-lg mt-4"></i><br>bluetooth-b
+            <i class="fa fa-bluetooth-b fa-lg c-mt-4"></i><br>bluetooth-b
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-codiepie fa-lg mt-4"></i><br>codiepie
+            <i class="fa fa-codiepie fa-lg c-mt-4"></i><br>codiepie
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-credit-card-alt fa-lg mt-4"></i><br>credit-card-alt
+            <i class="fa fa-credit-card-alt fa-lg c-mt-4"></i><br>credit-card-alt
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-edge fa-lg mt-4"></i><br>edge
+            <i class="fa fa-edge fa-lg c-mt-4"></i><br>edge
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-fort-awesome fa-lg mt-4"></i><br>fort-awesome
+            <i class="fa fa-fort-awesome fa-lg c-mt-4"></i><br>fort-awesome
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hashtag fa-lg mt-4"></i><br>hashtag
+            <i class="fa fa-hashtag fa-lg c-mt-4"></i><br>hashtag
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-mixcloud fa-lg mt-4"></i><br>mixcloud
+            <i class="fa fa-mixcloud fa-lg c-mt-4"></i><br>mixcloud
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-modx fa-lg mt-4"></i><br>modx
+            <i class="fa fa-modx fa-lg c-mt-4"></i><br>modx
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-pause-circle fa-lg mt-4"></i><br>pause-circle
+            <i class="fa fa-pause-circle fa-lg c-mt-4"></i><br>pause-circle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-pause-circle-o fa-lg mt-4"></i><br>pause-circle-o
+            <i class="fa fa-pause-circle-o fa-lg c-mt-4"></i><br>pause-circle-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-percent fa-lg mt-4"></i><br>percent
+            <i class="fa fa-percent fa-lg c-mt-4"></i><br>percent
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-product-hunt fa-lg mt-4"></i><br>product-hunt
+            <i class="fa fa-product-hunt fa-lg c-mt-4"></i><br>product-hunt
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-reddit-alien fa-lg mt-4"></i><br>reddit-alien
+            <i class="fa fa-reddit-alien fa-lg c-mt-4"></i><br>reddit-alien
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-scribd fa-lg mt-4"></i><br>scribd
+            <i class="fa fa-scribd fa-lg c-mt-4"></i><br>scribd
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-shopping-bag fa-lg mt-4"></i><br>shopping-bag
+            <i class="fa fa-shopping-bag fa-lg c-mt-4"></i><br>shopping-bag
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-shopping-basket fa-lg mt-4"></i><br>shopping-basket
+            <i class="fa fa-shopping-basket fa-lg c-mt-4"></i><br>shopping-basket
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-stop-circle fa-lg mt-4"></i><br>stop-circle
+            <i class="fa fa-stop-circle fa-lg c-mt-4"></i><br>stop-circle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-stop-circle-o fa-lg mt-4"></i><br>stop-circle-o
+            <i class="fa fa-stop-circle-o fa-lg c-mt-4"></i><br>stop-circle-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-usb fa-lg mt-4"></i><br>usb
+            <i class="fa fa-usb fa-lg c-mt-4"></i><br>usb
           </CCol>
 
         </CRow>
@@ -251,1180 +251,1180 @@
         <CRow class="text-center">
 
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-adjust fa-lg mt-4"></i><br>adjust
+            <i class="fa fa-adjust fa-lg c-mt-4"></i><br>adjust
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-anchor fa-lg mt-4"></i><br>anchor
+            <i class="fa fa-anchor fa-lg c-mt-4"></i><br>anchor
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-archive fa-lg mt-4"></i><br>archive
+            <i class="fa fa-archive fa-lg c-mt-4"></i><br>archive
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-area-chart fa-lg mt-4"></i><br>area-chart
+            <i class="fa fa-area-chart fa-lg c-mt-4"></i><br>area-chart
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-arrows fa-lg mt-4"></i><br>arrows
+            <i class="fa fa-arrows fa-lg c-mt-4"></i><br>arrows
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-arrows-h fa-lg mt-4"></i><br>arrows-h
+            <i class="fa fa-arrows-h fa-lg c-mt-4"></i><br>arrows-h
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-arrows-v fa-lg mt-4"></i><br>arrows-v
+            <i class="fa fa-arrows-v fa-lg c-mt-4"></i><br>arrows-v
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-asterisk fa-lg mt-4"></i><br>asterisk
+            <i class="fa fa-asterisk fa-lg c-mt-4"></i><br>asterisk
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-at fa-lg mt-4"></i><br>at
+            <i class="fa fa-at fa-lg c-mt-4"></i><br>at
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-automobile fa-lg mt-4"></i><br>automobile <span class="text-muted">(alias)</span>
+            <i class="fa fa-automobile fa-lg c-mt-4"></i><br>automobile <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-balance-scale fa-lg mt-4"></i><br>balance-scale
+            <i class="fa fa-balance-scale fa-lg c-mt-4"></i><br>balance-scale
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-ban fa-lg mt-4"></i><br>ban
+            <i class="fa fa-ban fa-lg c-mt-4"></i><br>ban
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bank fa-lg mt-4"></i><br>bank <span class="text-muted">(alias)</span>
+            <i class="fa fa-bank fa-lg c-mt-4"></i><br>bank <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bar-chart fa-lg mt-4"></i><br>bar-chart
+            <i class="fa fa-bar-chart fa-lg c-mt-4"></i><br>bar-chart
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bar-chart-o fa-lg mt-4"></i><br>bar-chart-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-bar-chart-o fa-lg c-mt-4"></i><br>bar-chart-o <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-barcode fa-lg mt-4"></i><br>barcode
+            <i class="fa fa-barcode fa-lg c-mt-4"></i><br>barcode
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bars fa-lg mt-4"></i><br>bars
+            <i class="fa fa-bars fa-lg c-mt-4"></i><br>bars
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-battery-0 fa-lg mt-4"></i><br>battery-0 <span class="text-muted">(alias)</span>
+            <i class="fa fa-battery-0 fa-lg c-mt-4"></i><br>battery-0 <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-battery-1 fa-lg mt-4"></i><br>battery-1 <span class="text-muted">(alias)</span>
+            <i class="fa fa-battery-1 fa-lg c-mt-4"></i><br>battery-1 <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-battery-2 fa-lg mt-4"></i><br>battery-2 <span class="text-muted">(alias)</span>
+            <i class="fa fa-battery-2 fa-lg c-mt-4"></i><br>battery-2 <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-battery-3 fa-lg mt-4"></i><br>battery-3 <span class="text-muted">(alias)</span>
+            <i class="fa fa-battery-3 fa-lg c-mt-4"></i><br>battery-3 <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-battery-4 fa-lg mt-4"></i><br>battery-4 <span class="text-muted">(alias)</span>
+            <i class="fa fa-battery-4 fa-lg c-mt-4"></i><br>battery-4 <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-battery-empty fa-lg mt-4"></i><br>battery-empty
+            <i class="fa fa-battery-empty fa-lg c-mt-4"></i><br>battery-empty
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-battery-full fa-lg mt-4"></i><br>battery-full
+            <i class="fa fa-battery-full fa-lg c-mt-4"></i><br>battery-full
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-battery-half fa-lg mt-4"></i><br>battery-half
+            <i class="fa fa-battery-half fa-lg c-mt-4"></i><br>battery-half
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-battery-quarter fa-lg mt-4"></i><br>battery-quarter
+            <i class="fa fa-battery-quarter fa-lg c-mt-4"></i><br>battery-quarter
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-battery-three-quarters fa-lg mt-4"></i><br>battery-three-quarters
+            <i class="fa fa-battery-three-quarters fa-lg c-mt-4"></i><br>battery-three-quarters
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bed fa-lg mt-4"></i><br>bed
+            <i class="fa fa-bed fa-lg c-mt-4"></i><br>bed
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-beer fa-lg mt-4"></i><br>beer
+            <i class="fa fa-beer fa-lg c-mt-4"></i><br>beer
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bell fa-lg mt-4"></i><br>bell
+            <i class="fa fa-bell fa-lg c-mt-4"></i><br>bell
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bell-o fa-lg mt-4"></i><br>bell-o
+            <i class="fa fa-bell-o fa-lg c-mt-4"></i><br>bell-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bell-slash fa-lg mt-4"></i><br>bell-slash
+            <i class="fa fa-bell-slash fa-lg c-mt-4"></i><br>bell-slash
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bell-slash-o fa-lg mt-4"></i><br>bell-slash-o
+            <i class="fa fa-bell-slash-o fa-lg c-mt-4"></i><br>bell-slash-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bicycle fa-lg mt-4"></i><br>bicycle
+            <i class="fa fa-bicycle fa-lg c-mt-4"></i><br>bicycle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-binoculars fa-lg mt-4"></i><br>binoculars
+            <i class="fa fa-binoculars fa-lg c-mt-4"></i><br>binoculars
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-birthday-cake fa-lg mt-4"></i><br>birthday-cake
+            <i class="fa fa-birthday-cake fa-lg c-mt-4"></i><br>birthday-cake
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bluetooth fa-lg mt-4"></i><br>bluetooth
+            <i class="fa fa-bluetooth fa-lg c-mt-4"></i><br>bluetooth
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bluetooth-b fa-lg mt-4"></i><br>bluetooth-b
+            <i class="fa fa-bluetooth-b fa-lg c-mt-4"></i><br>bluetooth-b
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bolt fa-lg mt-4"></i><br>bolt
+            <i class="fa fa-bolt fa-lg c-mt-4"></i><br>bolt
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bomb fa-lg mt-4"></i><br>bomb
+            <i class="fa fa-bomb fa-lg c-mt-4"></i><br>bomb
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-book fa-lg mt-4"></i><br>book
+            <i class="fa fa-book fa-lg c-mt-4"></i><br>book
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bookmark fa-lg mt-4"></i><br>bookmark
+            <i class="fa fa-bookmark fa-lg c-mt-4"></i><br>bookmark
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bookmark-o fa-lg mt-4"></i><br>bookmark-o
+            <i class="fa fa-bookmark-o fa-lg c-mt-4"></i><br>bookmark-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-briefcase fa-lg mt-4"></i><br>briefcase
+            <i class="fa fa-briefcase fa-lg c-mt-4"></i><br>briefcase
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bug fa-lg mt-4"></i><br>bug
+            <i class="fa fa-bug fa-lg c-mt-4"></i><br>bug
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-building fa-lg mt-4"></i><br>building
+            <i class="fa fa-building fa-lg c-mt-4"></i><br>building
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-building-o fa-lg mt-4"></i><br>building-o
+            <i class="fa fa-building-o fa-lg c-mt-4"></i><br>building-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bullhorn fa-lg mt-4"></i><br>bullhorn
+            <i class="fa fa-bullhorn fa-lg c-mt-4"></i><br>bullhorn
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bullseye fa-lg mt-4"></i><br>bullseye
+            <i class="fa fa-bullseye fa-lg c-mt-4"></i><br>bullseye
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bus fa-lg mt-4"></i><br>bus
+            <i class="fa fa-bus fa-lg c-mt-4"></i><br>bus
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cab fa-lg mt-4"></i><br>cab <span class="text-muted">(alias)</span>
+            <i class="fa fa-cab fa-lg c-mt-4"></i><br>cab <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-calculator fa-lg mt-4"></i><br>calculator
+            <i class="fa fa-calculator fa-lg c-mt-4"></i><br>calculator
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-calendar fa-lg mt-4"></i><br>calendar
+            <i class="fa fa-calendar fa-lg c-mt-4"></i><br>calendar
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-calendar-check-o fa-lg mt-4"></i><br>calendar-check-o
+            <i class="fa fa-calendar-check-o fa-lg c-mt-4"></i><br>calendar-check-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-calendar-minus-o fa-lg mt-4"></i><br>calendar-minus-o
+            <i class="fa fa-calendar-minus-o fa-lg c-mt-4"></i><br>calendar-minus-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-calendar-o fa-lg mt-4"></i><br>calendar-o
+            <i class="fa fa-calendar-o fa-lg c-mt-4"></i><br>calendar-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-calendar-plus-o fa-lg mt-4"></i><br>calendar-plus-o
+            <i class="fa fa-calendar-plus-o fa-lg c-mt-4"></i><br>calendar-plus-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-calendar-times-o fa-lg mt-4"></i><br>calendar-times-o
+            <i class="fa fa-calendar-times-o fa-lg c-mt-4"></i><br>calendar-times-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-camera fa-lg mt-4"></i><br>camera
+            <i class="fa fa-camera fa-lg c-mt-4"></i><br>camera
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-camera-retro fa-lg mt-4"></i><br>camera-retro
+            <i class="fa fa-camera-retro fa-lg c-mt-4"></i><br>camera-retro
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-car fa-lg mt-4"></i><br>car
+            <i class="fa fa-car fa-lg c-mt-4"></i><br>car
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-caret-square-o-down fa-lg mt-4"></i><br>caret-square-o-down
+            <i class="fa fa-caret-square-o-down fa-lg c-mt-4"></i><br>caret-square-o-down
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-caret-square-o-left fa-lg mt-4"></i><br>caret-square-o-left
+            <i class="fa fa-caret-square-o-left fa-lg c-mt-4"></i><br>caret-square-o-left
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-caret-square-o-right fa-lg mt-4"></i><br>caret-square-o-right
+            <i class="fa fa-caret-square-o-right fa-lg c-mt-4"></i><br>caret-square-o-right
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-caret-square-o-up fa-lg mt-4"></i><br>caret-square-o-up
+            <i class="fa fa-caret-square-o-up fa-lg c-mt-4"></i><br>caret-square-o-up
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cart-arrow-down fa-lg mt-4"></i><br>cart-arrow-down
+            <i class="fa fa-cart-arrow-down fa-lg c-mt-4"></i><br>cart-arrow-down
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cart-plus fa-lg mt-4"></i><br>cart-plus
+            <i class="fa fa-cart-plus fa-lg c-mt-4"></i><br>cart-plus
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cc fa-lg mt-4"></i><br>cc
+            <i class="fa fa-cc fa-lg c-mt-4"></i><br>cc
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-certificate fa-lg mt-4"></i><br>certificate
+            <i class="fa fa-certificate fa-lg c-mt-4"></i><br>certificate
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-check fa-lg mt-4"></i><br>check
+            <i class="fa fa-check fa-lg c-mt-4"></i><br>check
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-check-circle fa-lg mt-4"></i><br>check-circle
+            <i class="fa fa-check-circle fa-lg c-mt-4"></i><br>check-circle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-check-circle-o fa-lg mt-4"></i><br>check-circle-o
+            <i class="fa fa-check-circle-o fa-lg c-mt-4"></i><br>check-circle-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-check-square fa-lg mt-4"></i><br>check-square
+            <i class="fa fa-check-square fa-lg c-mt-4"></i><br>check-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-check-square-o fa-lg mt-4"></i><br>check-square-o
+            <i class="fa fa-check-square-o fa-lg c-mt-4"></i><br>check-square-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-child fa-lg mt-4"></i><br>child
+            <i class="fa fa-child fa-lg c-mt-4"></i><br>child
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-circle fa-lg mt-4"></i><br>circle
+            <i class="fa fa-circle fa-lg c-mt-4"></i><br>circle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-circle-o fa-lg mt-4"></i><br>circle-o
+            <i class="fa fa-circle-o fa-lg c-mt-4"></i><br>circle-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-circle-o-notch fa-lg mt-4"></i><br>circle-o-notch
+            <i class="fa fa-circle-o-notch fa-lg c-mt-4"></i><br>circle-o-notch
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-circle-thin fa-lg mt-4"></i><br>circle-thin
+            <i class="fa fa-circle-thin fa-lg c-mt-4"></i><br>circle-thin
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-clock-o fa-lg mt-4"></i><br>clock-o
+            <i class="fa fa-clock-o fa-lg c-mt-4"></i><br>clock-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-clone fa-lg mt-4"></i><br>clone
+            <i class="fa fa-clone fa-lg c-mt-4"></i><br>clone
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-close fa-lg mt-4"></i><br>close <span class="text-muted">(alias)</span>
+            <i class="fa fa-close fa-lg c-mt-4"></i><br>close <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cloud fa-lg mt-4"></i><br>cloud
+            <i class="fa fa-cloud fa-lg c-mt-4"></i><br>cloud
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cloud-download fa-lg mt-4"></i><br>cloud-download
+            <i class="fa fa-cloud-download fa-lg c-mt-4"></i><br>cloud-download
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cloud-upload fa-lg mt-4"></i><br>cloud-upload
+            <i class="fa fa-cloud-upload fa-lg c-mt-4"></i><br>cloud-upload
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-code fa-lg mt-4"></i><br>code
+            <i class="fa fa-code fa-lg c-mt-4"></i><br>code
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-code-fork fa-lg mt-4"></i><br>code-fork
+            <i class="fa fa-code-fork fa-lg c-mt-4"></i><br>code-fork
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-coffee fa-lg mt-4"></i><br>coffee
+            <i class="fa fa-coffee fa-lg c-mt-4"></i><br>coffee
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cog fa-lg mt-4"></i><br>cog
+            <i class="fa fa-cog fa-lg c-mt-4"></i><br>cog
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cogs fa-lg mt-4"></i><br>cogs
+            <i class="fa fa-cogs fa-lg c-mt-4"></i><br>cogs
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-comment fa-lg mt-4"></i><br>comment
+            <i class="fa fa-comment fa-lg c-mt-4"></i><br>comment
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-comment-o fa-lg mt-4"></i><br>comment-o
+            <i class="fa fa-comment-o fa-lg c-mt-4"></i><br>comment-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-commenting fa-lg mt-4"></i><br>commenting
+            <i class="fa fa-commenting fa-lg c-mt-4"></i><br>commenting
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-commenting-o fa-lg mt-4"></i><br>commenting-o
+            <i class="fa fa-commenting-o fa-lg c-mt-4"></i><br>commenting-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-comments fa-lg mt-4"></i><br>comments
+            <i class="fa fa-comments fa-lg c-mt-4"></i><br>comments
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-comments-o fa-lg mt-4"></i><br>comments-o
+            <i class="fa fa-comments-o fa-lg c-mt-4"></i><br>comments-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-compass fa-lg mt-4"></i><br>compass
+            <i class="fa fa-compass fa-lg c-mt-4"></i><br>compass
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-copyright fa-lg mt-4"></i><br>copyright
+            <i class="fa fa-copyright fa-lg c-mt-4"></i><br>copyright
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-creative-commons fa-lg mt-4"></i><br>creative-commons
+            <i class="fa fa-creative-commons fa-lg c-mt-4"></i><br>creative-commons
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-credit-card fa-lg mt-4"></i><br>credit-card
+            <i class="fa fa-credit-card fa-lg c-mt-4"></i><br>credit-card
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-credit-card-alt fa-lg mt-4"></i><br>credit-card-alt
+            <i class="fa fa-credit-card-alt fa-lg c-mt-4"></i><br>credit-card-alt
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-crop fa-lg mt-4"></i><br>crop
+            <i class="fa fa-crop fa-lg c-mt-4"></i><br>crop
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-crosshairs fa-lg mt-4"></i><br>crosshairs
+            <i class="fa fa-crosshairs fa-lg c-mt-4"></i><br>crosshairs
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cube fa-lg mt-4"></i><br>cube
+            <i class="fa fa-cube fa-lg c-mt-4"></i><br>cube
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cubes fa-lg mt-4"></i><br>cubes
+            <i class="fa fa-cubes fa-lg c-mt-4"></i><br>cubes
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cutlery fa-lg mt-4"></i><br>cutlery
+            <i class="fa fa-cutlery fa-lg c-mt-4"></i><br>cutlery
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-dashboard fa-lg mt-4"></i><br>dashboard <span class="text-muted">(alias)</span>
+            <i class="fa fa-dashboard fa-lg c-mt-4"></i><br>dashboard <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-database fa-lg mt-4"></i><br>database
+            <i class="fa fa-database fa-lg c-mt-4"></i><br>database
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-desktop fa-lg mt-4"></i><br>desktop
+            <i class="fa fa-desktop fa-lg c-mt-4"></i><br>desktop
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-diamond fa-lg mt-4"></i><br>diamond
+            <i class="fa fa-diamond fa-lg c-mt-4"></i><br>diamond
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-dot-circle-o fa-lg mt-4"></i><br>dot-circle-o
+            <i class="fa fa-dot-circle-o fa-lg c-mt-4"></i><br>dot-circle-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-download fa-lg mt-4"></i><br>download
+            <i class="fa fa-download fa-lg c-mt-4"></i><br>download
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-edit fa-lg mt-4"></i><br>edit <span class="text-muted">(alias)</span>
+            <i class="fa fa-edit fa-lg c-mt-4"></i><br>edit <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-ellipsis-h fa-lg mt-4"></i><br>ellipsis-h
+            <i class="fa fa-ellipsis-h fa-lg c-mt-4"></i><br>ellipsis-h
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-ellipsis-v fa-lg mt-4"></i><br>ellipsis-v
+            <i class="fa fa-ellipsis-v fa-lg c-mt-4"></i><br>ellipsis-v
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-envelope fa-lg mt-4"></i><br>envelope
+            <i class="fa fa-envelope fa-lg c-mt-4"></i><br>envelope
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-envelope-o fa-lg mt-4"></i><br>envelope-o
+            <i class="fa fa-envelope-o fa-lg c-mt-4"></i><br>envelope-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-envelope-square fa-lg mt-4"></i><br>envelope-square
+            <i class="fa fa-envelope-square fa-lg c-mt-4"></i><br>envelope-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-eraser fa-lg mt-4"></i><br>eraser
+            <i class="fa fa-eraser fa-lg c-mt-4"></i><br>eraser
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-exchange fa-lg mt-4"></i><br>exchange
+            <i class="fa fa-exchange fa-lg c-mt-4"></i><br>exchange
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-exclamation fa-lg mt-4"></i><br>exclamation
+            <i class="fa fa-exclamation fa-lg c-mt-4"></i><br>exclamation
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-exclamation-circle fa-lg mt-4"></i><br>exclamation-circle
+            <i class="fa fa-exclamation-circle fa-lg c-mt-4"></i><br>exclamation-circle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-exclamation-triangle fa-lg mt-4"></i><br>exclamation-triangle
+            <i class="fa fa-exclamation-triangle fa-lg c-mt-4"></i><br>exclamation-triangle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-external-link fa-lg mt-4"></i><br>external-link
+            <i class="fa fa-external-link fa-lg c-mt-4"></i><br>external-link
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-external-link-square fa-lg mt-4"></i><br>external-link-square
+            <i class="fa fa-external-link-square fa-lg c-mt-4"></i><br>external-link-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-eye fa-lg mt-4"></i><br>eye
+            <i class="fa fa-eye fa-lg c-mt-4"></i><br>eye
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-eye-slash fa-lg mt-4"></i><br>eye-slash
+            <i class="fa fa-eye-slash fa-lg c-mt-4"></i><br>eye-slash
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-eyedropper fa-lg mt-4"></i><br>eyedropper
+            <i class="fa fa-eyedropper fa-lg c-mt-4"></i><br>eyedropper
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-fax fa-lg mt-4"></i><br>fax
+            <i class="fa fa-fax fa-lg c-mt-4"></i><br>fax
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-feed fa-lg mt-4"></i><br>feed <span class="text-muted">(alias)</span>
+            <i class="fa fa-feed fa-lg c-mt-4"></i><br>feed <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-female fa-lg mt-4"></i><br>female
+            <i class="fa fa-female fa-lg c-mt-4"></i><br>female
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-fighter-jet fa-lg mt-4"></i><br>fighter-jet
+            <i class="fa fa-fighter-jet fa-lg c-mt-4"></i><br>fighter-jet
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-archive-o fa-lg mt-4"></i><br>file-archive-o
+            <i class="fa fa-file-archive-o fa-lg c-mt-4"></i><br>file-archive-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-audio-o fa-lg mt-4"></i><br>file-audio-o
+            <i class="fa fa-file-audio-o fa-lg c-mt-4"></i><br>file-audio-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-code-o fa-lg mt-4"></i><br>file-code-o
+            <i class="fa fa-file-code-o fa-lg c-mt-4"></i><br>file-code-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-excel-o fa-lg mt-4"></i><br>file-excel-o
+            <i class="fa fa-file-excel-o fa-lg c-mt-4"></i><br>file-excel-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-image-o fa-lg mt-4"></i><br>file-image-o
+            <i class="fa fa-file-image-o fa-lg c-mt-4"></i><br>file-image-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-movie-o fa-lg mt-4"></i><br>file-movie-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-file-movie-o fa-lg c-mt-4"></i><br>file-movie-o <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-pdf-o fa-lg mt-4"></i><br>file-pdf-o
+            <i class="fa fa-file-pdf-o fa-lg c-mt-4"></i><br>file-pdf-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-photo-o fa-lg mt-4"></i><br>file-photo-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-file-photo-o fa-lg c-mt-4"></i><br>file-photo-o <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-picture-o fa-lg mt-4"></i><br>file-picture-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-file-picture-o fa-lg c-mt-4"></i><br>file-picture-o <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-powerpoint-o fa-lg mt-4"></i><br>file-powerpoint-o
+            <i class="fa fa-file-powerpoint-o fa-lg c-mt-4"></i><br>file-powerpoint-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-sound-o fa-lg mt-4"></i><br>file-sound-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-file-sound-o fa-lg c-mt-4"></i><br>file-sound-o <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-video-o fa-lg mt-4"></i><br>file-video-o
+            <i class="fa fa-file-video-o fa-lg c-mt-4"></i><br>file-video-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-word-o fa-lg mt-4"></i><br>file-word-o
+            <i class="fa fa-file-word-o fa-lg c-mt-4"></i><br>file-word-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-zip-o fa-lg mt-4"></i><br>file-zip-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-file-zip-o fa-lg c-mt-4"></i><br>file-zip-o <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-film fa-lg mt-4"></i><br>film
+            <i class="fa fa-film fa-lg c-mt-4"></i><br>film
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-filter fa-lg mt-4"></i><br>filter
+            <i class="fa fa-filter fa-lg c-mt-4"></i><br>filter
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-fire fa-lg mt-4"></i><br>fire
+            <i class="fa fa-fire fa-lg c-mt-4"></i><br>fire
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-fire-extinguisher fa-lg mt-4"></i><br>fire-extinguisher
+            <i class="fa fa-fire-extinguisher fa-lg c-mt-4"></i><br>fire-extinguisher
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-flag fa-lg mt-4"></i><br>flag
+            <i class="fa fa-flag fa-lg c-mt-4"></i><br>flag
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-flag-checkered fa-lg mt-4"></i><br>flag-checkered
+            <i class="fa fa-flag-checkered fa-lg c-mt-4"></i><br>flag-checkered
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-flag-o fa-lg mt-4"></i><br>flag-o
+            <i class="fa fa-flag-o fa-lg c-mt-4"></i><br>flag-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-flash fa-lg mt-4"></i><br>flash <span class="text-muted">(alias)</span>
+            <i class="fa fa-flash fa-lg c-mt-4"></i><br>flash <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-flask fa-lg mt-4"></i><br>flask
+            <i class="fa fa-flask fa-lg c-mt-4"></i><br>flask
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-folder fa-lg mt-4"></i><br>folder
+            <i class="fa fa-folder fa-lg c-mt-4"></i><br>folder
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-folder-o fa-lg mt-4"></i><br>folder-o
+            <i class="fa fa-folder-o fa-lg c-mt-4"></i><br>folder-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-folder-open fa-lg mt-4"></i><br>folder-open
+            <i class="fa fa-folder-open fa-lg c-mt-4"></i><br>folder-open
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-folder-open-o fa-lg mt-4"></i><br>folder-open-o
+            <i class="fa fa-folder-open-o fa-lg c-mt-4"></i><br>folder-open-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-frown-o fa-lg mt-4"></i><br>frown-o
+            <i class="fa fa-frown-o fa-lg c-mt-4"></i><br>frown-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-futbol-o fa-lg mt-4"></i><br>futbol-o
+            <i class="fa fa-futbol-o fa-lg c-mt-4"></i><br>futbol-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-gamepad fa-lg mt-4"></i><br>gamepad
+            <i class="fa fa-gamepad fa-lg c-mt-4"></i><br>gamepad
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-gavel fa-lg mt-4"></i><br>gavel
+            <i class="fa fa-gavel fa-lg c-mt-4"></i><br>gavel
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-gear fa-lg mt-4"></i><br>gear <span class="text-muted">(alias)</span>
+            <i class="fa fa-gear fa-lg c-mt-4"></i><br>gear <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-gears fa-lg mt-4"></i><br>gears <span class="text-muted">(alias)</span>
+            <i class="fa fa-gears fa-lg c-mt-4"></i><br>gears <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-gift fa-lg mt-4"></i><br>gift
+            <i class="fa fa-gift fa-lg c-mt-4"></i><br>gift
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-glass fa-lg mt-4"></i><br>glass
+            <i class="fa fa-glass fa-lg c-mt-4"></i><br>glass
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-globe fa-lg mt-4"></i><br>globe
+            <i class="fa fa-globe fa-lg c-mt-4"></i><br>globe
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-graduation-cap fa-lg mt-4"></i><br>graduation-cap
+            <i class="fa fa-graduation-cap fa-lg c-mt-4"></i><br>graduation-cap
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-group fa-lg mt-4"></i><br>group <span class="text-muted">(alias)</span>
+            <i class="fa fa-group fa-lg c-mt-4"></i><br>group <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-grab-o fa-lg mt-4"></i><br>hand-grab-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-hand-grab-o fa-lg c-mt-4"></i><br>hand-grab-o <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-lizard-o fa-lg mt-4"></i><br>hand-lizard-o
+            <i class="fa fa-hand-lizard-o fa-lg c-mt-4"></i><br>hand-lizard-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-paper-o fa-lg mt-4"></i><br>hand-paper-o
+            <i class="fa fa-hand-paper-o fa-lg c-mt-4"></i><br>hand-paper-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-peace-o fa-lg mt-4"></i><br>hand-peace-o
+            <i class="fa fa-hand-peace-o fa-lg c-mt-4"></i><br>hand-peace-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-pointer-o fa-lg mt-4"></i><br>hand-pointer-o
+            <i class="fa fa-hand-pointer-o fa-lg c-mt-4"></i><br>hand-pointer-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-rock-o fa-lg mt-4"></i><br>hand-rock-o
+            <i class="fa fa-hand-rock-o fa-lg c-mt-4"></i><br>hand-rock-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-scissors-o fa-lg mt-4"></i><br>hand-scissors-o
+            <i class="fa fa-hand-scissors-o fa-lg c-mt-4"></i><br>hand-scissors-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-spock-o fa-lg mt-4"></i><br>hand-spock-o
+            <i class="fa fa-hand-spock-o fa-lg c-mt-4"></i><br>hand-spock-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-stop-o fa-lg mt-4"></i><br>hand-stop-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-hand-stop-o fa-lg c-mt-4"></i><br>hand-stop-o <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hashtag fa-lg mt-4"></i><br>hashtag
+            <i class="fa fa-hashtag fa-lg c-mt-4"></i><br>hashtag
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hdd-o fa-lg mt-4"></i><br>hdd-o
+            <i class="fa fa-hdd-o fa-lg c-mt-4"></i><br>hdd-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-headphones fa-lg mt-4"></i><br>headphones
+            <i class="fa fa-headphones fa-lg c-mt-4"></i><br>headphones
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-heart fa-lg mt-4"></i><br>heart
+            <i class="fa fa-heart fa-lg c-mt-4"></i><br>heart
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-heart-o fa-lg mt-4"></i><br>heart-o
+            <i class="fa fa-heart-o fa-lg c-mt-4"></i><br>heart-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-heartbeat fa-lg mt-4"></i><br>heartbeat
+            <i class="fa fa-heartbeat fa-lg c-mt-4"></i><br>heartbeat
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-history fa-lg mt-4"></i><br>history
+            <i class="fa fa-history fa-lg c-mt-4"></i><br>history
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-home fa-lg mt-4"></i><br>home
+            <i class="fa fa-home fa-lg c-mt-4"></i><br>home
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hotel fa-lg mt-4"></i><br>hotel <span class="text-muted">(alias)</span>
+            <i class="fa fa-hotel fa-lg c-mt-4"></i><br>hotel <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hourglass fa-lg mt-4"></i><br>hourglass
+            <i class="fa fa-hourglass fa-lg c-mt-4"></i><br>hourglass
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hourglass-1 fa-lg mt-4"></i><br>hourglass-1 <span class="text-muted">(alias)</span>
+            <i class="fa fa-hourglass-1 fa-lg c-mt-4"></i><br>hourglass-1 <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hourglass-2 fa-lg mt-4"></i><br>hourglass-2 <span class="text-muted">(alias)</span>
+            <i class="fa fa-hourglass-2 fa-lg c-mt-4"></i><br>hourglass-2 <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hourglass-3 fa-lg mt-4"></i><br>hourglass-3 <span class="text-muted">(alias)</span>
+            <i class="fa fa-hourglass-3 fa-lg c-mt-4"></i><br>hourglass-3 <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hourglass-end fa-lg mt-4"></i><br>hourglass-end
+            <i class="fa fa-hourglass-end fa-lg c-mt-4"></i><br>hourglass-end
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hourglass-half fa-lg mt-4"></i><br>hourglass-half
+            <i class="fa fa-hourglass-half fa-lg c-mt-4"></i><br>hourglass-half
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hourglass-o fa-lg mt-4"></i><br>hourglass-o
+            <i class="fa fa-hourglass-o fa-lg c-mt-4"></i><br>hourglass-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hourglass-start fa-lg mt-4"></i><br>hourglass-start
+            <i class="fa fa-hourglass-start fa-lg c-mt-4"></i><br>hourglass-start
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-i-cursor fa-lg mt-4"></i><br>i-cursor
+            <i class="fa fa-i-cursor fa-lg c-mt-4"></i><br>i-cursor
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-image fa-lg mt-4"></i><br>image <span class="text-muted">(alias)</span>
+            <i class="fa fa-image fa-lg c-mt-4"></i><br>image <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-inbox fa-lg mt-4"></i><br>inbox
+            <i class="fa fa-inbox fa-lg c-mt-4"></i><br>inbox
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-industry fa-lg mt-4"></i><br>industry
+            <i class="fa fa-industry fa-lg c-mt-4"></i><br>industry
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-info fa-lg mt-4"></i><br>info
+            <i class="fa fa-info fa-lg c-mt-4"></i><br>info
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-info-circle fa-lg mt-4"></i><br>info-circle
+            <i class="fa fa-info-circle fa-lg c-mt-4"></i><br>info-circle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-institution fa-lg mt-4"></i><br>institution <span class="text-muted">(alias)</span>
+            <i class="fa fa-institution fa-lg c-mt-4"></i><br>institution <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-key fa-lg mt-4"></i><br>key
+            <i class="fa fa-key fa-lg c-mt-4"></i><br>key
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-keyboard-o fa-lg mt-4"></i><br>keyboard-o
+            <i class="fa fa-keyboard-o fa-lg c-mt-4"></i><br>keyboard-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-language fa-lg mt-4"></i><br>language
+            <i class="fa fa-language fa-lg c-mt-4"></i><br>language
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-laptop fa-lg mt-4"></i><br>laptop
+            <i class="fa fa-laptop fa-lg c-mt-4"></i><br>laptop
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-leaf fa-lg mt-4"></i><br>leaf
+            <i class="fa fa-leaf fa-lg c-mt-4"></i><br>leaf
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-legal fa-lg mt-4"></i><br>legal <span class="text-muted">(alias)</span>
+            <i class="fa fa-legal fa-lg c-mt-4"></i><br>legal <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-lemon-o fa-lg mt-4"></i><br>lemon-o
+            <i class="fa fa-lemon-o fa-lg c-mt-4"></i><br>lemon-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-level-down fa-lg mt-4"></i><br>level-down
+            <i class="fa fa-level-down fa-lg c-mt-4"></i><br>level-down
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-level-up fa-lg mt-4"></i><br>level-up
+            <i class="fa fa-level-up fa-lg c-mt-4"></i><br>level-up
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-life-bouy fa-lg mt-4"></i><br>life-bouy <span class="text-muted">(alias)</span>
+            <i class="fa fa-life-bouy fa-lg c-mt-4"></i><br>life-bouy <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-life-buoy fa-lg mt-4"></i><br>life-buoy <span class="text-muted">(alias)</span>
+            <i class="fa fa-life-buoy fa-lg c-mt-4"></i><br>life-buoy <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-life-ring fa-lg mt-4"></i><br>life-ring
+            <i class="fa fa-life-ring fa-lg c-mt-4"></i><br>life-ring
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-life-saver fa-lg mt-4"></i><br>life-saver <span class="text-muted">(alias)</span>
+            <i class="fa fa-life-saver fa-lg c-mt-4"></i><br>life-saver <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-lightbulb-o fa-lg mt-4"></i><br>lightbulb-o
+            <i class="fa fa-lightbulb-o fa-lg c-mt-4"></i><br>lightbulb-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-line-chart fa-lg mt-4"></i><br>line-chart
+            <i class="fa fa-line-chart fa-lg c-mt-4"></i><br>line-chart
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-location-arrow fa-lg mt-4"></i><br>location-arrow
+            <i class="fa fa-location-arrow fa-lg c-mt-4"></i><br>location-arrow
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-lock fa-lg mt-4"></i><br>lock
+            <i class="fa fa-lock fa-lg c-mt-4"></i><br>lock
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-magic fa-lg mt-4"></i><br>magic
+            <i class="fa fa-magic fa-lg c-mt-4"></i><br>magic
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-magnet fa-lg mt-4"></i><br>magnet
+            <i class="fa fa-magnet fa-lg c-mt-4"></i><br>magnet
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-mail-forward fa-lg mt-4"></i><br>mail-forward <span class="text-muted">(alias)</span>
+            <i class="fa fa-mail-forward fa-lg c-mt-4"></i><br>mail-forward <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-mail-reply fa-lg mt-4"></i><br>mail-reply <span class="text-muted">(alias)</span>
+            <i class="fa fa-mail-reply fa-lg c-mt-4"></i><br>mail-reply <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-mail-reply-all fa-lg mt-4"></i><br>mail-reply-all <span class="text-muted">(alias)</span>
+            <i class="fa fa-mail-reply-all fa-lg c-mt-4"></i><br>mail-reply-all <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-male fa-lg mt-4"></i><br>male
+            <i class="fa fa-male fa-lg c-mt-4"></i><br>male
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-map fa-lg mt-4"></i><br>map
+            <i class="fa fa-map fa-lg c-mt-4"></i><br>map
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-map-marker fa-lg mt-4"></i><br>map-marker
+            <i class="fa fa-map-marker fa-lg c-mt-4"></i><br>map-marker
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-map-o fa-lg mt-4"></i><br>map-o
+            <i class="fa fa-map-o fa-lg c-mt-4"></i><br>map-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-map-pin fa-lg mt-4"></i><br>map-pin
+            <i class="fa fa-map-pin fa-lg c-mt-4"></i><br>map-pin
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-map-signs fa-lg mt-4"></i><br>map-signs
+            <i class="fa fa-map-signs fa-lg c-mt-4"></i><br>map-signs
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-meh-o fa-lg mt-4"></i><br>meh-o
+            <i class="fa fa-meh-o fa-lg c-mt-4"></i><br>meh-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-microphone fa-lg mt-4"></i><br>microphone
+            <i class="fa fa-microphone fa-lg c-mt-4"></i><br>microphone
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-microphone-slash fa-lg mt-4"></i><br>microphone-slash
+            <i class="fa fa-microphone-slash fa-lg c-mt-4"></i><br>microphone-slash
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-minus fa-lg mt-4"></i><br>minus
+            <i class="fa fa-minus fa-lg c-mt-4"></i><br>minus
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-minus-circle fa-lg mt-4"></i><br>minus-circle
+            <i class="fa fa-minus-circle fa-lg c-mt-4"></i><br>minus-circle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-minus-square fa-lg mt-4"></i><br>minus-square
+            <i class="fa fa-minus-square fa-lg c-mt-4"></i><br>minus-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-minus-square-o fa-lg mt-4"></i><br>minus-square-o
+            <i class="fa fa-minus-square-o fa-lg c-mt-4"></i><br>minus-square-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-mobile fa-lg mt-4"></i><br>mobile
+            <i class="fa fa-mobile fa-lg c-mt-4"></i><br>mobile
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-mobile-phone fa-lg mt-4"></i><br>mobile-phone <span class="text-muted">(alias)</span>
+            <i class="fa fa-mobile-phone fa-lg c-mt-4"></i><br>mobile-phone <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-money fa-lg mt-4"></i><br>money
+            <i class="fa fa-money fa-lg c-mt-4"></i><br>money
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-moon-o fa-lg mt-4"></i><br>moon-o
+            <i class="fa fa-moon-o fa-lg c-mt-4"></i><br>moon-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-mortar-board fa-lg mt-4"></i><br>mortar-board <span class="text-muted">(alias)</span>
+            <i class="fa fa-mortar-board fa-lg c-mt-4"></i><br>mortar-board <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-motorcycle fa-lg mt-4"></i><br>motorcycle
+            <i class="fa fa-motorcycle fa-lg c-mt-4"></i><br>motorcycle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-mouse-pointer fa-lg mt-4"></i><br>mouse-pointer
+            <i class="fa fa-mouse-pointer fa-lg c-mt-4"></i><br>mouse-pointer
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-music fa-lg mt-4"></i><br>music
+            <i class="fa fa-music fa-lg c-mt-4"></i><br>music
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-navicon fa-lg mt-4"></i><br>navicon <span class="text-muted">(alias)</span>
+            <i class="fa fa-navicon fa-lg c-mt-4"></i><br>navicon <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-newspaper-o fa-lg mt-4"></i><br>newspaper-o
+            <i class="fa fa-newspaper-o fa-lg c-mt-4"></i><br>newspaper-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-object-group fa-lg mt-4"></i><br>object-group
+            <i class="fa fa-object-group fa-lg c-mt-4"></i><br>object-group
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-object-ungroup fa-lg mt-4"></i><br>object-ungroup
+            <i class="fa fa-object-ungroup fa-lg c-mt-4"></i><br>object-ungroup
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-paint-brush fa-lg mt-4"></i><br>paint-brush
+            <i class="fa fa-paint-brush fa-lg c-mt-4"></i><br>paint-brush
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-paper-plane fa-lg mt-4"></i><br>paper-plane
+            <i class="fa fa-paper-plane fa-lg c-mt-4"></i><br>paper-plane
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-paper-plane-o fa-lg mt-4"></i><br>paper-plane-o
+            <i class="fa fa-paper-plane-o fa-lg c-mt-4"></i><br>paper-plane-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-paw fa-lg mt-4"></i><br>paw
+            <i class="fa fa-paw fa-lg c-mt-4"></i><br>paw
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-pencil fa-lg mt-4"></i><br>pencil
+            <i class="fa fa-pencil fa-lg c-mt-4"></i><br>pencil
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-pencil-square fa-lg mt-4"></i><br>pencil-square
+            <i class="fa fa-pencil-square fa-lg c-mt-4"></i><br>pencil-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-pencil-square-o fa-lg mt-4"></i><br>pencil-square-o
+            <i class="fa fa-pencil-square-o fa-lg c-mt-4"></i><br>pencil-square-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-percent fa-lg mt-4"></i><br>percent
+            <i class="fa fa-percent fa-lg c-mt-4"></i><br>percent
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-phone fa-lg mt-4"></i><br>phone
+            <i class="fa fa-phone fa-lg c-mt-4"></i><br>phone
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-phone-square fa-lg mt-4"></i><br>phone-square
+            <i class="fa fa-phone-square fa-lg c-mt-4"></i><br>phone-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-photo fa-lg mt-4"></i><br>photo <span class="text-muted">(alias)</span>
+            <i class="fa fa-photo fa-lg c-mt-4"></i><br>photo <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-picture-o fa-lg mt-4"></i><br>picture-o
+            <i class="fa fa-picture-o fa-lg c-mt-4"></i><br>picture-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-pie-chart fa-lg mt-4"></i><br>pie-chart
+            <i class="fa fa-pie-chart fa-lg c-mt-4"></i><br>pie-chart
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-plane fa-lg mt-4"></i><br>plane
+            <i class="fa fa-plane fa-lg c-mt-4"></i><br>plane
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-plug fa-lg mt-4"></i><br>plug
+            <i class="fa fa-plug fa-lg c-mt-4"></i><br>plug
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-plus fa-lg mt-4"></i><br>plus
+            <i class="fa fa-plus fa-lg c-mt-4"></i><br>plus
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-plus-circle fa-lg mt-4"></i><br>plus-circle
+            <i class="fa fa-plus-circle fa-lg c-mt-4"></i><br>plus-circle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-plus-square fa-lg mt-4"></i><br>plus-square
+            <i class="fa fa-plus-square fa-lg c-mt-4"></i><br>plus-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-plus-square-o fa-lg mt-4"></i><br>plus-square-o
+            <i class="fa fa-plus-square-o fa-lg c-mt-4"></i><br>plus-square-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-power-off fa-lg mt-4"></i><br>power-off
+            <i class="fa fa-power-off fa-lg c-mt-4"></i><br>power-off
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-print fa-lg mt-4"></i><br>print
+            <i class="fa fa-print fa-lg c-mt-4"></i><br>print
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-puzzle-piece fa-lg mt-4"></i><br>puzzle-piece
+            <i class="fa fa-puzzle-piece fa-lg c-mt-4"></i><br>puzzle-piece
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-qrcode fa-lg mt-4"></i><br>qrcode
+            <i class="fa fa-qrcode fa-lg c-mt-4"></i><br>qrcode
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-question fa-lg mt-4"></i><br>question
+            <i class="fa fa-question fa-lg c-mt-4"></i><br>question
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-question-circle fa-lg mt-4"></i><br>question-circle
+            <i class="fa fa-question-circle fa-lg c-mt-4"></i><br>question-circle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-quote-left fa-lg mt-4"></i><br>quote-left
+            <i class="fa fa-quote-left fa-lg c-mt-4"></i><br>quote-left
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-quote-right fa-lg mt-4"></i><br>quote-right
+            <i class="fa fa-quote-right fa-lg c-mt-4"></i><br>quote-right
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-random fa-lg mt-4"></i><br>random
+            <i class="fa fa-random fa-lg c-mt-4"></i><br>random
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-recycle fa-lg mt-4"></i><br>recycle
+            <i class="fa fa-recycle fa-lg c-mt-4"></i><br>recycle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-refresh fa-lg mt-4"></i><br>refresh
+            <i class="fa fa-refresh fa-lg c-mt-4"></i><br>refresh
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-registered fa-lg mt-4"></i><br>registered
+            <i class="fa fa-registered fa-lg c-mt-4"></i><br>registered
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-remove fa-lg mt-4"></i><br>remove <span class="text-muted">(alias)</span>
+            <i class="fa fa-remove fa-lg c-mt-4"></i><br>remove <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-reorder fa-lg mt-4"></i><br>reorder <span class="text-muted">(alias)</span>
+            <i class="fa fa-reorder fa-lg c-mt-4"></i><br>reorder <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-reply fa-lg mt-4"></i><br>reply
+            <i class="fa fa-reply fa-lg c-mt-4"></i><br>reply
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-reply-all fa-lg mt-4"></i><br>reply-all
+            <i class="fa fa-reply-all fa-lg c-mt-4"></i><br>reply-all
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-retweet fa-lg mt-4"></i><br>retweet
+            <i class="fa fa-retweet fa-lg c-mt-4"></i><br>retweet
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-road fa-lg mt-4"></i><br>road
+            <i class="fa fa-road fa-lg c-mt-4"></i><br>road
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-rocket fa-lg mt-4"></i><br>rocket
+            <i class="fa fa-rocket fa-lg c-mt-4"></i><br>rocket
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-rss fa-lg mt-4"></i><br>rss
+            <i class="fa fa-rss fa-lg c-mt-4"></i><br>rss
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-rss-square fa-lg mt-4"></i><br>rss-square
+            <i class="fa fa-rss-square fa-lg c-mt-4"></i><br>rss-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-search fa-lg mt-4"></i><br>search
+            <i class="fa fa-search fa-lg c-mt-4"></i><br>search
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-search-minus fa-lg mt-4"></i><br>search-minus
+            <i class="fa fa-search-minus fa-lg c-mt-4"></i><br>search-minus
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-search-plus fa-lg mt-4"></i><br>search-plus
+            <i class="fa fa-search-plus fa-lg c-mt-4"></i><br>search-plus
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-send fa-lg mt-4"></i><br>send <span class="text-muted">(alias)</span>
+            <i class="fa fa-send fa-lg c-mt-4"></i><br>send <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-send-o fa-lg mt-4"></i><br>send-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-send-o fa-lg c-mt-4"></i><br>send-o <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-server fa-lg mt-4"></i><br>server
+            <i class="fa fa-server fa-lg c-mt-4"></i><br>server
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-share fa-lg mt-4"></i><br>share
+            <i class="fa fa-share fa-lg c-mt-4"></i><br>share
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-share-alt fa-lg mt-4"></i><br>share-alt
+            <i class="fa fa-share-alt fa-lg c-mt-4"></i><br>share-alt
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-share-alt-square fa-lg mt-4"></i><br>share-alt-square
+            <i class="fa fa-share-alt-square fa-lg c-mt-4"></i><br>share-alt-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-share-square fa-lg mt-4"></i><br>share-square
+            <i class="fa fa-share-square fa-lg c-mt-4"></i><br>share-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-share-square-o fa-lg mt-4"></i><br>share-square-o
+            <i class="fa fa-share-square-o fa-lg c-mt-4"></i><br>share-square-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-shield fa-lg mt-4"></i><br>shield
+            <i class="fa fa-shield fa-lg c-mt-4"></i><br>shield
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-ship fa-lg mt-4"></i><br>ship
+            <i class="fa fa-ship fa-lg c-mt-4"></i><br>ship
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-shopping-bag fa-lg mt-4"></i><br>shopping-bag
+            <i class="fa fa-shopping-bag fa-lg c-mt-4"></i><br>shopping-bag
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-shopping-basket fa-lg mt-4"></i><br>shopping-basket
+            <i class="fa fa-shopping-basket fa-lg c-mt-4"></i><br>shopping-basket
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-shopping-cart fa-lg mt-4"></i><br>shopping-cart
+            <i class="fa fa-shopping-cart fa-lg c-mt-4"></i><br>shopping-cart
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-sign-in fa-lg mt-4"></i><br>sign-in
+            <i class="fa fa-sign-in fa-lg c-mt-4"></i><br>sign-in
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-sign-out fa-lg mt-4"></i><br>sign-out
+            <i class="fa fa-sign-out fa-lg c-mt-4"></i><br>sign-out
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-signal fa-lg mt-4"></i><br>signal
+            <i class="fa fa-signal fa-lg c-mt-4"></i><br>signal
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-sitemap fa-lg mt-4"></i><br>sitemap
+            <i class="fa fa-sitemap fa-lg c-mt-4"></i><br>sitemap
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-sliders fa-lg mt-4"></i><br>sliders
+            <i class="fa fa-sliders fa-lg c-mt-4"></i><br>sliders
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-smile-o fa-lg mt-4"></i><br>smile-o
+            <i class="fa fa-smile-o fa-lg c-mt-4"></i><br>smile-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-soccer-ball-o fa-lg mt-4"></i><br>soccer-ball-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-soccer-ball-o fa-lg c-mt-4"></i><br>soccer-ball-o <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-sort fa-lg mt-4"></i><br>sort
+            <i class="fa fa-sort fa-lg c-mt-4"></i><br>sort
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-sort-alpha-asc fa-lg mt-4"></i><br>sort-alpha-asc
+            <i class="fa fa-sort-alpha-asc fa-lg c-mt-4"></i><br>sort-alpha-asc
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-sort-alpha-desc fa-lg mt-4"></i><br>sort-alpha-desc
+            <i class="fa fa-sort-alpha-desc fa-lg c-mt-4"></i><br>sort-alpha-desc
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-sort-amount-asc fa-lg mt-4"></i><br>sort-amount-asc
+            <i class="fa fa-sort-amount-asc fa-lg c-mt-4"></i><br>sort-amount-asc
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-sort-amount-desc fa-lg mt-4"></i><br>sort-amount-desc
+            <i class="fa fa-sort-amount-desc fa-lg c-mt-4"></i><br>sort-amount-desc
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-sort-asc fa-lg mt-4"></i><br>sort-asc
+            <i class="fa fa-sort-asc fa-lg c-mt-4"></i><br>sort-asc
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-sort-desc fa-lg mt-4"></i><br>sort-desc
+            <i class="fa fa-sort-desc fa-lg c-mt-4"></i><br>sort-desc
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-sort-down fa-lg mt-4"></i><br>sort-down <span class="text-muted">(alias)</span>
+            <i class="fa fa-sort-down fa-lg c-mt-4"></i><br>sort-down <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-sort-numeric-asc fa-lg mt-4"></i><br>sort-numeric-asc
+            <i class="fa fa-sort-numeric-asc fa-lg c-mt-4"></i><br>sort-numeric-asc
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-sort-numeric-desc fa-lg mt-4"></i><br>sort-numeric-desc
+            <i class="fa fa-sort-numeric-desc fa-lg c-mt-4"></i><br>sort-numeric-desc
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-sort-up fa-lg mt-4"></i><br>sort-up <span class="text-muted">(alias)</span>
+            <i class="fa fa-sort-up fa-lg c-mt-4"></i><br>sort-up <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-space-shuttle fa-lg mt-4"></i><br>space-shuttle
+            <i class="fa fa-space-shuttle fa-lg c-mt-4"></i><br>space-shuttle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-spinner fa-lg mt-4"></i><br>spinner
+            <i class="fa fa-spinner fa-lg c-mt-4"></i><br>spinner
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-spoon fa-lg mt-4"></i><br>spoon
+            <i class="fa fa-spoon fa-lg c-mt-4"></i><br>spoon
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-square fa-lg mt-4"></i><br>square
+            <i class="fa fa-square fa-lg c-mt-4"></i><br>square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-square-o fa-lg mt-4"></i><br>square-o
+            <i class="fa fa-square-o fa-lg c-mt-4"></i><br>square-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-star fa-lg mt-4"></i><br>star
+            <i class="fa fa-star fa-lg c-mt-4"></i><br>star
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-star-half fa-lg mt-4"></i><br>star-half
+            <i class="fa fa-star-half fa-lg c-mt-4"></i><br>star-half
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-star-half-empty fa-lg mt-4"></i><br>star-half-empty <span class="text-muted">(alias)</span>
+            <i class="fa fa-star-half-empty fa-lg c-mt-4"></i><br>star-half-empty <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-star-half-full fa-lg mt-4"></i><br>star-half-full <span class="text-muted">(alias)</span>
+            <i class="fa fa-star-half-full fa-lg c-mt-4"></i><br>star-half-full <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-star-half-o fa-lg mt-4"></i><br>star-half-o
+            <i class="fa fa-star-half-o fa-lg c-mt-4"></i><br>star-half-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-star-o fa-lg mt-4"></i><br>star-o
+            <i class="fa fa-star-o fa-lg c-mt-4"></i><br>star-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-sticky-note fa-lg mt-4"></i><br>sticky-note
+            <i class="fa fa-sticky-note fa-lg c-mt-4"></i><br>sticky-note
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-sticky-note-o fa-lg mt-4"></i><br>sticky-note-o
+            <i class="fa fa-sticky-note-o fa-lg c-mt-4"></i><br>sticky-note-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-street-view fa-lg mt-4"></i><br>street-view
+            <i class="fa fa-street-view fa-lg c-mt-4"></i><br>street-view
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-suitcase fa-lg mt-4"></i><br>suitcase
+            <i class="fa fa-suitcase fa-lg c-mt-4"></i><br>suitcase
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-sun-o fa-lg mt-4"></i><br>sun-o
+            <i class="fa fa-sun-o fa-lg c-mt-4"></i><br>sun-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-support fa-lg mt-4"></i><br>support <span class="text-muted">(alias)</span>
+            <i class="fa fa-support fa-lg c-mt-4"></i><br>support <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-tablet fa-lg mt-4"></i><br>tablet
+            <i class="fa fa-tablet fa-lg c-mt-4"></i><br>tablet
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-tachometer fa-lg mt-4"></i><br>tachometer
+            <i class="fa fa-tachometer fa-lg c-mt-4"></i><br>tachometer
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-tag fa-lg mt-4"></i><br>tag
+            <i class="fa fa-tag fa-lg c-mt-4"></i><br>tag
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-tags fa-lg mt-4"></i><br>tags
+            <i class="fa fa-tags fa-lg c-mt-4"></i><br>tags
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-tasks fa-lg mt-4"></i><br>tasks
+            <i class="fa fa-tasks fa-lg c-mt-4"></i><br>tasks
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-taxi fa-lg mt-4"></i><br>taxi
+            <i class="fa fa-taxi fa-lg c-mt-4"></i><br>taxi
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-television fa-lg mt-4"></i><br>television
+            <i class="fa fa-television fa-lg c-mt-4"></i><br>television
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-terminal fa-lg mt-4"></i><br>terminal
+            <i class="fa fa-terminal fa-lg c-mt-4"></i><br>terminal
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-thumb-tack fa-lg mt-4"></i><br>thumb-tack
+            <i class="fa fa-thumb-tack fa-lg c-mt-4"></i><br>thumb-tack
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-thumbs-down fa-lg mt-4"></i><br>thumbs-down
+            <i class="fa fa-thumbs-down fa-lg c-mt-4"></i><br>thumbs-down
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-thumbs-o-down fa-lg mt-4"></i><br>thumbs-o-down
+            <i class="fa fa-thumbs-o-down fa-lg c-mt-4"></i><br>thumbs-o-down
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-thumbs-o-up fa-lg mt-4"></i><br>thumbs-o-up
+            <i class="fa fa-thumbs-o-up fa-lg c-mt-4"></i><br>thumbs-o-up
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-thumbs-up fa-lg mt-4"></i><br>thumbs-up
+            <i class="fa fa-thumbs-up fa-lg c-mt-4"></i><br>thumbs-up
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-ticket fa-lg mt-4"></i><br>ticket
+            <i class="fa fa-ticket fa-lg c-mt-4"></i><br>ticket
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-times fa-lg mt-4"></i><br>times
+            <i class="fa fa-times fa-lg c-mt-4"></i><br>times
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-times-circle fa-lg mt-4"></i><br>times-circle
+            <i class="fa fa-times-circle fa-lg c-mt-4"></i><br>times-circle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-times-circle-o fa-lg mt-4"></i><br>times-circle-o
+            <i class="fa fa-times-circle-o fa-lg c-mt-4"></i><br>times-circle-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-tint fa-lg mt-4"></i><br>tint
+            <i class="fa fa-tint fa-lg c-mt-4"></i><br>tint
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-toggle-down fa-lg mt-4"></i><br>toggle-down <span class="text-muted">(alias)</span>
+            <i class="fa fa-toggle-down fa-lg c-mt-4"></i><br>toggle-down <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-toggle-left fa-lg mt-4"></i><br>toggle-left <span class="text-muted">(alias)</span>
+            <i class="fa fa-toggle-left fa-lg c-mt-4"></i><br>toggle-left <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-toggle-off fa-lg mt-4"></i><br>toggle-off
+            <i class="fa fa-toggle-off fa-lg c-mt-4"></i><br>toggle-off
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-toggle-on fa-lg mt-4"></i><br>toggle-on
+            <i class="fa fa-toggle-on fa-lg c-mt-4"></i><br>toggle-on
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-toggle-right fa-lg mt-4"></i><br>toggle-right <span class="text-muted">(alias)</span>
+            <i class="fa fa-toggle-right fa-lg c-mt-4"></i><br>toggle-right <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-toggle-up fa-lg mt-4"></i><br>toggle-up <span class="text-muted">(alias)</span>
+            <i class="fa fa-toggle-up fa-lg c-mt-4"></i><br>toggle-up <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-trademark fa-lg mt-4"></i><br>trademark
+            <i class="fa fa-trademark fa-lg c-mt-4"></i><br>trademark
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-trash fa-lg mt-4"></i><br>trash
+            <i class="fa fa-trash fa-lg c-mt-4"></i><br>trash
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-trash-o fa-lg mt-4"></i><br>trash-o
+            <i class="fa fa-trash-o fa-lg c-mt-4"></i><br>trash-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-tree fa-lg mt-4"></i><br>tree
+            <i class="fa fa-tree fa-lg c-mt-4"></i><br>tree
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-trophy fa-lg mt-4"></i><br>trophy
+            <i class="fa fa-trophy fa-lg c-mt-4"></i><br>trophy
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-truck fa-lg mt-4"></i><br>truck
+            <i class="fa fa-truck fa-lg c-mt-4"></i><br>truck
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-tty fa-lg mt-4"></i><br>tty
+            <i class="fa fa-tty fa-lg c-mt-4"></i><br>tty
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-tv fa-lg mt-4"></i><br>tv <span class="text-muted">(alias)</span>
+            <i class="fa fa-tv fa-lg c-mt-4"></i><br>tv <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-umbrella fa-lg mt-4"></i><br>umbrella
+            <i class="fa fa-umbrella fa-lg c-mt-4"></i><br>umbrella
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-university fa-lg mt-4"></i><br>university
+            <i class="fa fa-university fa-lg c-mt-4"></i><br>university
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-unlock fa-lg mt-4"></i><br>unlock
+            <i class="fa fa-unlock fa-lg c-mt-4"></i><br>unlock
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-unlock-alt fa-lg mt-4"></i><br>unlock-alt
+            <i class="fa fa-unlock-alt fa-lg c-mt-4"></i><br>unlock-alt
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-unsorted fa-lg mt-4"></i><br>unsorted <span class="text-muted">(alias)</span>
+            <i class="fa fa-unsorted fa-lg c-mt-4"></i><br>unsorted <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-upload fa-lg mt-4"></i><br>upload
+            <i class="fa fa-upload fa-lg c-mt-4"></i><br>upload
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-user fa-lg mt-4"></i><br>user
+            <i class="fa fa-user fa-lg c-mt-4"></i><br>user
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-user-plus fa-lg mt-4"></i><br>user-plus
+            <i class="fa fa-user-plus fa-lg c-mt-4"></i><br>user-plus
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-user-secret fa-lg mt-4"></i><br>user-secret
+            <i class="fa fa-user-secret fa-lg c-mt-4"></i><br>user-secret
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-user-times fa-lg mt-4"></i><br>user-times
+            <i class="fa fa-user-times fa-lg c-mt-4"></i><br>user-times
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-users fa-lg mt-4"></i><br>users
+            <i class="fa fa-users fa-lg c-mt-4"></i><br>users
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-video-camera fa-lg mt-4"></i><br>video-camera
+            <i class="fa fa-video-camera fa-lg c-mt-4"></i><br>video-camera
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-volume-down fa-lg mt-4"></i><br>volume-down
+            <i class="fa fa-volume-down fa-lg c-mt-4"></i><br>volume-down
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-volume-off fa-lg mt-4"></i><br>volume-off
+            <i class="fa fa-volume-off fa-lg c-mt-4"></i><br>volume-off
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-volume-up fa-lg mt-4"></i><br>volume-up
+            <i class="fa fa-volume-up fa-lg c-mt-4"></i><br>volume-up
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-warning fa-lg mt-4"></i><br>warning <span class="text-muted">(alias)</span>
+            <i class="fa fa-warning fa-lg c-mt-4"></i><br>warning <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-wheelchair fa-lg mt-4"></i><br>wheelchair
+            <i class="fa fa-wheelchair fa-lg c-mt-4"></i><br>wheelchair
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-wifi fa-lg mt-4"></i><br>wifi
+            <i class="fa fa-wifi fa-lg c-mt-4"></i><br>wifi
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-wrench fa-lg mt-4"></i><br>wrench
+            <i class="fa fa-wrench fa-lg c-mt-4"></i><br>wrench
           </CCol>
 
         </CRow>
@@ -1438,55 +1438,55 @@
         <CRow class="text-center">
 
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-grab-o fa-lg mt-4"></i><br>hand-grab-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-hand-grab-o fa-lg c-mt-4"></i><br>hand-grab-o <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-lizard-o fa-lg mt-4"></i><br>hand-lizard-o
+            <i class="fa fa-hand-lizard-o fa-lg c-mt-4"></i><br>hand-lizard-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-o-down fa-lg mt-4"></i><br>hand-o-down
+            <i class="fa fa-hand-o-down fa-lg c-mt-4"></i><br>hand-o-down
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-o-left fa-lg mt-4"></i><br>hand-o-left
+            <i class="fa fa-hand-o-left fa-lg c-mt-4"></i><br>hand-o-left
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-o-right fa-lg mt-4"></i><br>hand-o-right
+            <i class="fa fa-hand-o-right fa-lg c-mt-4"></i><br>hand-o-right
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-o-up fa-lg mt-4"></i><br>hand-o-up
+            <i class="fa fa-hand-o-up fa-lg c-mt-4"></i><br>hand-o-up
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-paper-o fa-lg mt-4"></i><br>hand-paper-o
+            <i class="fa fa-hand-paper-o fa-lg c-mt-4"></i><br>hand-paper-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-peace-o fa-lg mt-4"></i><br>hand-peace-o
+            <i class="fa fa-hand-peace-o fa-lg c-mt-4"></i><br>hand-peace-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-pointer-o fa-lg mt-4"></i><br>hand-pointer-o
+            <i class="fa fa-hand-pointer-o fa-lg c-mt-4"></i><br>hand-pointer-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-rock-o fa-lg mt-4"></i><br>hand-rock-o
+            <i class="fa fa-hand-rock-o fa-lg c-mt-4"></i><br>hand-rock-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-scissors-o fa-lg mt-4"></i><br>hand-scissors-o
+            <i class="fa fa-hand-scissors-o fa-lg c-mt-4"></i><br>hand-scissors-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-spock-o fa-lg mt-4"></i><br>hand-spock-o
+            <i class="fa fa-hand-spock-o fa-lg c-mt-4"></i><br>hand-spock-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-stop-o fa-lg mt-4"></i><br>hand-stop-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-hand-stop-o fa-lg c-mt-4"></i><br>hand-stop-o <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-thumbs-down fa-lg mt-4"></i><br>thumbs-down
+            <i class="fa fa-thumbs-down fa-lg c-mt-4"></i><br>thumbs-down
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-thumbs-o-down fa-lg mt-4"></i><br>thumbs-o-down
+            <i class="fa fa-thumbs-o-down fa-lg c-mt-4"></i><br>thumbs-o-down
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-thumbs-o-up fa-lg mt-4"></i><br>thumbs-o-up
+            <i class="fa fa-thumbs-o-up fa-lg c-mt-4"></i><br>thumbs-o-up
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-thumbs-up fa-lg mt-4"></i><br>thumbs-up
+            <i class="fa fa-thumbs-up fa-lg c-mt-4"></i><br>thumbs-up
           </CCol>
 
         </CRow>
@@ -1500,55 +1500,55 @@
         <CRow class="text-center">
 
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-ambulance fa-lg mt-4"></i><br>ambulance
+            <i class="fa fa-ambulance fa-lg c-mt-4"></i><br>ambulance
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-automobile fa-lg mt-4"></i><br>automobile <span class="text-muted">(alias)</span>
+            <i class="fa fa-automobile fa-lg c-mt-4"></i><br>automobile <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bicycle fa-lg mt-4"></i><br>bicycle
+            <i class="fa fa-bicycle fa-lg c-mt-4"></i><br>bicycle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bus fa-lg mt-4"></i><br>bus
+            <i class="fa fa-bus fa-lg c-mt-4"></i><br>bus
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cab fa-lg mt-4"></i><br>cab <span class="text-muted">(alias)</span>
+            <i class="fa fa-cab fa-lg c-mt-4"></i><br>cab <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-car fa-lg mt-4"></i><br>car
+            <i class="fa fa-car fa-lg c-mt-4"></i><br>car
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-fighter-jet fa-lg mt-4"></i><br>fighter-jet
+            <i class="fa fa-fighter-jet fa-lg c-mt-4"></i><br>fighter-jet
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-motorcycle fa-lg mt-4"></i><br>motorcycle
+            <i class="fa fa-motorcycle fa-lg c-mt-4"></i><br>motorcycle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-plane fa-lg mt-4"></i><br>plane
+            <i class="fa fa-plane fa-lg c-mt-4"></i><br>plane
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-rocket fa-lg mt-4"></i><br>rocket
+            <i class="fa fa-rocket fa-lg c-mt-4"></i><br>rocket
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-ship fa-lg mt-4"></i><br>ship
+            <i class="fa fa-ship fa-lg c-mt-4"></i><br>ship
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-space-shuttle fa-lg mt-4"></i><br>space-shuttle
+            <i class="fa fa-space-shuttle fa-lg c-mt-4"></i><br>space-shuttle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-subway fa-lg mt-4"></i><br>subway
+            <i class="fa fa-subway fa-lg c-mt-4"></i><br>subway
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-taxi fa-lg mt-4"></i><br>taxi
+            <i class="fa fa-taxi fa-lg c-mt-4"></i><br>taxi
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-train fa-lg mt-4"></i><br>train
+            <i class="fa fa-train fa-lg c-mt-4"></i><br>train
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-truck fa-lg mt-4"></i><br>truck
+            <i class="fa fa-truck fa-lg c-mt-4"></i><br>truck
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-wheelchair fa-lg mt-4"></i><br>wheelchair
+            <i class="fa fa-wheelchair fa-lg c-mt-4"></i><br>wheelchair
           </CCol>
 
         </CRow>
@@ -1561,46 +1561,46 @@
         <CRow class="text-center">
 
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-genderless fa-lg mt-4"></i><br>genderless
+            <i class="fa fa-genderless fa-lg c-mt-4"></i><br>genderless
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-intersex fa-lg mt-4"></i><br>intersex <span class="text-muted">(alias)</span>
+            <i class="fa fa-intersex fa-lg c-mt-4"></i><br>intersex <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-mars fa-lg mt-4"></i><br>mars
+            <i class="fa fa-mars fa-lg c-mt-4"></i><br>mars
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-mars-double fa-lg mt-4"></i><br>mars-double
+            <i class="fa fa-mars-double fa-lg c-mt-4"></i><br>mars-double
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-mars-stroke fa-lg mt-4"></i><br>mars-stroke
+            <i class="fa fa-mars-stroke fa-lg c-mt-4"></i><br>mars-stroke
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-mars-stroke-h fa-lg mt-4"></i><br>mars-stroke-h
+            <i class="fa fa-mars-stroke-h fa-lg c-mt-4"></i><br>mars-stroke-h
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-mars-stroke-v fa-lg mt-4"></i><br>mars-stroke-v
+            <i class="fa fa-mars-stroke-v fa-lg c-mt-4"></i><br>mars-stroke-v
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-mercury fa-lg mt-4"></i><br>mercury
+            <i class="fa fa-mercury fa-lg c-mt-4"></i><br>mercury
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-neuter fa-lg mt-4"></i><br>neuter
+            <i class="fa fa-neuter fa-lg c-mt-4"></i><br>neuter
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-transgender fa-lg mt-4"></i><br>transgender
+            <i class="fa fa-transgender fa-lg c-mt-4"></i><br>transgender
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-transgender-alt fa-lg mt-4"></i><br>transgender-alt
+            <i class="fa fa-transgender-alt fa-lg c-mt-4"></i><br>transgender-alt
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-venus fa-lg mt-4"></i><br>venus
+            <i class="fa fa-venus fa-lg c-mt-4"></i><br>venus
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-venus-double fa-lg mt-4"></i><br>venus-double
+            <i class="fa fa-venus-double fa-lg c-mt-4"></i><br>venus-double
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-venus-mars fa-lg mt-4"></i><br>venus-mars
+            <i class="fa fa-venus-mars fa-lg c-mt-4"></i><br>venus-mars
           </CCol>
 
         </CRow>
@@ -1613,58 +1613,58 @@
         <CRow class="text-center">
 
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file fa-lg mt-4"></i><br>file
+            <i class="fa fa-file fa-lg c-mt-4"></i><br>file
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-archive-o fa-lg mt-4"></i><br>file-archive-o
+            <i class="fa fa-file-archive-o fa-lg c-mt-4"></i><br>file-archive-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-audio-o fa-lg mt-4"></i><br>file-audio-o
+            <i class="fa fa-file-audio-o fa-lg c-mt-4"></i><br>file-audio-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-code-o fa-lg mt-4"></i><br>file-code-o
+            <i class="fa fa-file-code-o fa-lg c-mt-4"></i><br>file-code-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-excel-o fa-lg mt-4"></i><br>file-excel-o
+            <i class="fa fa-file-excel-o fa-lg c-mt-4"></i><br>file-excel-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-image-o fa-lg mt-4"></i><br>file-image-o
+            <i class="fa fa-file-image-o fa-lg c-mt-4"></i><br>file-image-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-movie-o fa-lg mt-4"></i><br>file-movie-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-file-movie-o fa-lg c-mt-4"></i><br>file-movie-o <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-o fa-lg mt-4"></i><br>file-o
+            <i class="fa fa-file-o fa-lg c-mt-4"></i><br>file-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-pdf-o fa-lg mt-4"></i><br>file-pdf-o
+            <i class="fa fa-file-pdf-o fa-lg c-mt-4"></i><br>file-pdf-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-photo-o fa-lg mt-4"></i><br>file-photo-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-file-photo-o fa-lg c-mt-4"></i><br>file-photo-o <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-picture-o fa-lg mt-4"></i><br>file-picture-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-file-picture-o fa-lg c-mt-4"></i><br>file-picture-o <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-powerpoint-o fa-lg mt-4"></i><br>file-powerpoint-o
+            <i class="fa fa-file-powerpoint-o fa-lg c-mt-4"></i><br>file-powerpoint-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-sound-o fa-lg mt-4"></i><br>file-sound-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-file-sound-o fa-lg c-mt-4"></i><br>file-sound-o <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-text fa-lg mt-4"></i><br>file-text
+            <i class="fa fa-file-text fa-lg c-mt-4"></i><br>file-text
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-text-o fa-lg mt-4"></i><br>file-text-o
+            <i class="fa fa-file-text-o fa-lg c-mt-4"></i><br>file-text-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-video-o fa-lg mt-4"></i><br>file-video-o
+            <i class="fa fa-file-video-o fa-lg c-mt-4"></i><br>file-video-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-word-o fa-lg mt-4"></i><br>file-word-o
+            <i class="fa fa-file-word-o fa-lg c-mt-4"></i><br>file-word-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-zip-o fa-lg mt-4"></i><br>file-zip-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-file-zip-o fa-lg c-mt-4"></i><br>file-zip-o <span class="text-muted">(alias)</span>
           </CCol>
 
         </CRow>
@@ -1685,19 +1685,19 @@
         <CRow class="text-center">
 
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-circle-o-notch fa-lg mt-4 fa-spin"></i><br>circle-o-notch
+            <i class="fa fa-circle-o-notch fa-lg c-mt-4 fa-spin"></i><br>circle-o-notch
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cog fa-lg mt-4"></i><br>cog
+            <i class="fa fa-cog fa-lg c-mt-4"></i><br>cog
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-gear fa-lg mt-4"></i><br>gear <span class="text-muted">(alias)</span>
+            <i class="fa fa-gear fa-lg c-mt-4"></i><br>gear <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-refresh fa-lg mt-4"></i><br>refresh
+            <i class="fa fa-refresh fa-lg c-mt-4"></i><br>refresh
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-spinner fa-lg mt-4"></i><br>spinner
+            <i class="fa fa-spinner fa-lg c-mt-4"></i><br>spinner
           </CCol>
 
         </CRow>
@@ -1710,37 +1710,37 @@
         <CRow class="text-center">
 
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-check-square fa-lg mt-4"></i><br>check-square
+            <i class="fa fa-check-square fa-lg c-mt-4"></i><br>check-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-check-square-o fa-lg mt-4"></i><br>check-square-o
+            <i class="fa fa-check-square-o fa-lg c-mt-4"></i><br>check-square-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-circle fa-lg mt-4"></i><br>circle
+            <i class="fa fa-circle fa-lg c-mt-4"></i><br>circle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-circle-o fa-lg mt-4"></i><br>circle-o
+            <i class="fa fa-circle-o fa-lg c-mt-4"></i><br>circle-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-dot-circle-o fa-lg mt-4"></i><br>dot-circle-o
+            <i class="fa fa-dot-circle-o fa-lg c-mt-4"></i><br>dot-circle-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-minus-square fa-lg mt-4"></i><br>minus-square
+            <i class="fa fa-minus-square fa-lg c-mt-4"></i><br>minus-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-minus-square-o fa-lg mt-4"></i><br>minus-square-o
+            <i class="fa fa-minus-square-o fa-lg c-mt-4"></i><br>minus-square-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-plus-square fa-lg mt-4"></i><br>plus-square
+            <i class="fa fa-plus-square fa-lg c-mt-4"></i><br>plus-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-plus-square-o fa-lg mt-4"></i><br>plus-square-o
+            <i class="fa fa-plus-square-o fa-lg c-mt-4"></i><br>plus-square-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-square fa-lg mt-4"></i><br>square
+            <i class="fa fa-square fa-lg c-mt-4"></i><br>square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-square-o fa-lg mt-4"></i><br>square-o
+            <i class="fa fa-square-o fa-lg c-mt-4"></i><br>square-o
           </CCol>
 
         </CRow>
@@ -1753,40 +1753,40 @@
         <CRow class="text-center">
 
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cc-amex fa-lg mt-4"></i><br>cc-amex
+            <i class="fa fa-cc-amex fa-lg c-mt-4"></i><br>cc-amex
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cc-diners-club fa-lg mt-4"></i><br>cc-diners-club
+            <i class="fa fa-cc-diners-club fa-lg c-mt-4"></i><br>cc-diners-club
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cc-discover fa-lg mt-4"></i><br>cc-discover
+            <i class="fa fa-cc-discover fa-lg c-mt-4"></i><br>cc-discover
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cc-jcb fa-lg mt-4"></i><br>cc-jcb
+            <i class="fa fa-cc-jcb fa-lg c-mt-4"></i><br>cc-jcb
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cc-mastercard fa-lg mt-4"></i><br>cc-mastercard
+            <i class="fa fa-cc-mastercard fa-lg c-mt-4"></i><br>cc-mastercard
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cc-paypal fa-lg mt-4"></i><br>cc-paypal
+            <i class="fa fa-cc-paypal fa-lg c-mt-4"></i><br>cc-paypal
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cc-stripe fa-lg mt-4"></i><br>cc-stripe
+            <i class="fa fa-cc-stripe fa-lg c-mt-4"></i><br>cc-stripe
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cc-visa fa-lg mt-4"></i><br>cc-visa
+            <i class="fa fa-cc-visa fa-lg c-mt-4"></i><br>cc-visa
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-credit-card fa-lg mt-4"></i><br>credit-card
+            <i class="fa fa-credit-card fa-lg c-mt-4"></i><br>credit-card
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-credit-card-alt fa-lg mt-4"></i><br>credit-card-alt
+            <i class="fa fa-credit-card-alt fa-lg c-mt-4"></i><br>credit-card-alt
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-google-wallet fa-lg mt-4"></i><br>google-wallet
+            <i class="fa fa-google-wallet fa-lg c-mt-4"></i><br>google-wallet
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-paypal fa-lg mt-4"></i><br>paypal
+            <i class="fa fa-paypal fa-lg c-mt-4"></i><br>paypal
           </CCol>
 
         </CRow>
@@ -1799,19 +1799,19 @@
         <CRow class="text-center">
 
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-area-chart fa-lg mt-4"></i><br>area-chart
+            <i class="fa fa-area-chart fa-lg c-mt-4"></i><br>area-chart
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bar-chart fa-lg mt-4"></i><br>bar-chart
+            <i class="fa fa-bar-chart fa-lg c-mt-4"></i><br>bar-chart
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bar-chart-o fa-lg mt-4"></i><br>bar-chart-o <span class="text-muted">(alias)</span>
+            <i class="fa fa-bar-chart-o fa-lg c-mt-4"></i><br>bar-chart-o <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-line-chart fa-lg mt-4"></i><br>line-chart
+            <i class="fa fa-line-chart fa-lg c-mt-4"></i><br>line-chart
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-pie-chart fa-lg mt-4"></i><br>pie-chart
+            <i class="fa fa-pie-chart fa-lg c-mt-4"></i><br>pie-chart
           </CCol>
 
         </CRow>
@@ -1824,82 +1824,82 @@
         <CRow class="text-center">
 
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bitcoin fa-lg mt-4"></i><br>bitcoin <span class="text-muted">(alias)</span>
+            <i class="fa fa-bitcoin fa-lg c-mt-4"></i><br>bitcoin <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-btc fa-lg mt-4"></i><br>btc
+            <i class="fa fa-btc fa-lg c-mt-4"></i><br>btc
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cny fa-lg mt-4"></i><br>cny <span class="text-muted">(alias)</span>
+            <i class="fa fa-cny fa-lg c-mt-4"></i><br>cny <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-dollar fa-lg mt-4"></i><br>dollar <span class="text-muted">(alias)</span>
+            <i class="fa fa-dollar fa-lg c-mt-4"></i><br>dollar <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-eur fa-lg mt-4"></i><br>eur
+            <i class="fa fa-eur fa-lg c-mt-4"></i><br>eur
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-euro fa-lg mt-4"></i><br>euro <span class="text-muted">(alias)</span>
+            <i class="fa fa-euro fa-lg c-mt-4"></i><br>euro <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-gbp fa-lg mt-4"></i><br>gbp
+            <i class="fa fa-gbp fa-lg c-mt-4"></i><br>gbp
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-gg fa-lg mt-4"></i><br>gg
+            <i class="fa fa-gg fa-lg c-mt-4"></i><br>gg
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-gg-circle fa-lg mt-4"></i><br>gg-circle
+            <i class="fa fa-gg-circle fa-lg c-mt-4"></i><br>gg-circle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-ils fa-lg mt-4"></i><br>ils
+            <i class="fa fa-ils fa-lg c-mt-4"></i><br>ils
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-inr fa-lg mt-4"></i><br>inr
+            <i class="fa fa-inr fa-lg c-mt-4"></i><br>inr
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-jpy fa-lg mt-4"></i><br>jpy
+            <i class="fa fa-jpy fa-lg c-mt-4"></i><br>jpy
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-krw fa-lg mt-4"></i><br>krw
+            <i class="fa fa-krw fa-lg c-mt-4"></i><br>krw
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-money fa-lg mt-4"></i><br>money
+            <i class="fa fa-money fa-lg c-mt-4"></i><br>money
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-rmb fa-lg mt-4"></i><br>rmb <span class="text-muted">(alias)</span>
+            <i class="fa fa-rmb fa-lg c-mt-4"></i><br>rmb <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-rouble fa-lg mt-4"></i><br>rouble <span class="text-muted">(alias)</span>
+            <i class="fa fa-rouble fa-lg c-mt-4"></i><br>rouble <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-rub fa-lg mt-4"></i><br>rub
+            <i class="fa fa-rub fa-lg c-mt-4"></i><br>rub
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-ruble fa-lg mt-4"></i><br>ruble <span class="text-muted">(alias)</span>
+            <i class="fa fa-ruble fa-lg c-mt-4"></i><br>ruble <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-rupee fa-lg mt-4"></i><br>rupee <span class="text-muted">(alias)</span>
+            <i class="fa fa-rupee fa-lg c-mt-4"></i><br>rupee <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-shekel fa-lg mt-4"></i><br>shekel <span class="text-muted">(alias)</span>
+            <i class="fa fa-shekel fa-lg c-mt-4"></i><br>shekel <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-sheqel fa-lg mt-4"></i><br>sheqel <span class="text-muted">(alias)</span>
+            <i class="fa fa-sheqel fa-lg c-mt-4"></i><br>sheqel <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-try fa-lg mt-4"></i><br>try
+            <i class="fa fa-try fa-lg c-mt-4"></i><br>try
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-turkish-lira fa-lg mt-4"></i><br>turkish-lira <span class="text-muted">(alias)</span>
+            <i class="fa fa-turkish-lira fa-lg c-mt-4"></i><br>turkish-lira <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-usd fa-lg mt-4"></i><br>usd
+            <i class="fa fa-usd fa-lg c-mt-4"></i><br>usd
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-won fa-lg mt-4"></i><br>won <span class="text-muted">(alias)</span>
+            <i class="fa fa-won fa-lg c-mt-4"></i><br>won <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-yen fa-lg mt-4"></i><br>yen <span class="text-muted">(alias)</span>
+            <i class="fa fa-yen fa-lg c-mt-4"></i><br>yen <span class="text-muted">(alias)</span>
           </CCol>
 
         </CRow>
@@ -1912,151 +1912,151 @@
         <CRow class="text-center">
 
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-align-center fa-lg mt-4"></i><br>align-center
+            <i class="fa fa-align-center fa-lg c-mt-4"></i><br>align-center
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-align-justify fa-lg mt-4"></i><br>align-justify
+            <i class="fa fa-align-justify fa-lg c-mt-4"></i><br>align-justify
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-align-left fa-lg mt-4"></i><br>align-left
+            <i class="fa fa-align-left fa-lg c-mt-4"></i><br>align-left
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-align-right fa-lg mt-4"></i><br>align-right
+            <i class="fa fa-align-right fa-lg c-mt-4"></i><br>align-right
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bold fa-lg mt-4"></i><br>bold
+            <i class="fa fa-bold fa-lg c-mt-4"></i><br>bold
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-chain fa-lg mt-4"></i><br>chain <span class="text-muted">(alias)</span>
+            <i class="fa fa-chain fa-lg c-mt-4"></i><br>chain <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-chain-broken fa-lg mt-4"></i><br>chain-broken
+            <i class="fa fa-chain-broken fa-lg c-mt-4"></i><br>chain-broken
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-clipboard fa-lg mt-4"></i><br>clipboard
+            <i class="fa fa-clipboard fa-lg c-mt-4"></i><br>clipboard
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-columns fa-lg mt-4"></i><br>columns
+            <i class="fa fa-columns fa-lg c-mt-4"></i><br>columns
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-copy fa-lg mt-4"></i><br>copy <span class="text-muted">(alias)</span>
+            <i class="fa fa-copy fa-lg c-mt-4"></i><br>copy <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cut fa-lg mt-4"></i><br>cut <span class="text-muted">(alias)</span>
+            <i class="fa fa-cut fa-lg c-mt-4"></i><br>cut <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-dedent fa-lg mt-4"></i><br>dedent <span class="text-muted">(alias)</span>
+            <i class="fa fa-dedent fa-lg c-mt-4"></i><br>dedent <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-eraser fa-lg mt-4"></i><br>eraser
+            <i class="fa fa-eraser fa-lg c-mt-4"></i><br>eraser
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file fa-lg mt-4"></i><br>file
+            <i class="fa fa-file fa-lg c-mt-4"></i><br>file
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-o fa-lg mt-4"></i><br>file-o
+            <i class="fa fa-file-o fa-lg c-mt-4"></i><br>file-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-text fa-lg mt-4"></i><br>file-text
+            <i class="fa fa-file-text fa-lg c-mt-4"></i><br>file-text
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-file-text-o fa-lg mt-4"></i><br>file-text-o
+            <i class="fa fa-file-text-o fa-lg c-mt-4"></i><br>file-text-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-files-o fa-lg mt-4"></i><br>files-o
+            <i class="fa fa-files-o fa-lg c-mt-4"></i><br>files-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-floppy-o fa-lg mt-4"></i><br>floppy-o
+            <i class="fa fa-floppy-o fa-lg c-mt-4"></i><br>floppy-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-font fa-lg mt-4"></i><br>font
+            <i class="fa fa-font fa-lg c-mt-4"></i><br>font
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-header fa-lg mt-4"></i><br>header
+            <i class="fa fa-header fa-lg c-mt-4"></i><br>header
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-indent fa-lg mt-4"></i><br>indent
+            <i class="fa fa-indent fa-lg c-mt-4"></i><br>indent
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-italic fa-lg mt-4"></i><br>italic
+            <i class="fa fa-italic fa-lg c-mt-4"></i><br>italic
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-link fa-lg mt-4"></i><br>link
+            <i class="fa fa-link fa-lg c-mt-4"></i><br>link
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-list fa-lg mt-4"></i><br>list
+            <i class="fa fa-list fa-lg c-mt-4"></i><br>list
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-list-alt fa-lg mt-4"></i><br>list-alt
+            <i class="fa fa-list-alt fa-lg c-mt-4"></i><br>list-alt
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-list-ol fa-lg mt-4"></i><br>list-ol
+            <i class="fa fa-list-ol fa-lg c-mt-4"></i><br>list-ol
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-list-ul fa-lg mt-4"></i><br>list-ul
+            <i class="fa fa-list-ul fa-lg c-mt-4"></i><br>list-ul
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-outdent fa-lg mt-4"></i><br>outdent
+            <i class="fa fa-outdent fa-lg c-mt-4"></i><br>outdent
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-paperclip fa-lg mt-4"></i><br>paperclip
+            <i class="fa fa-paperclip fa-lg c-mt-4"></i><br>paperclip
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-paragraph fa-lg mt-4"></i><br>paragraph
+            <i class="fa fa-paragraph fa-lg c-mt-4"></i><br>paragraph
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-paste fa-lg mt-4"></i><br>paste <span class="text-muted">(alias)</span>
+            <i class="fa fa-paste fa-lg c-mt-4"></i><br>paste <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-repeat fa-lg mt-4"></i><br>repeat
+            <i class="fa fa-repeat fa-lg c-mt-4"></i><br>repeat
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-rotate-left fa-lg mt-4"></i><br>rotate-left <span class="text-muted">(alias)</span>
+            <i class="fa fa-rotate-left fa-lg c-mt-4"></i><br>rotate-left <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-rotate-right fa-lg mt-4"></i><br>rotate-right <span class="text-muted">(alias)</span>
+            <i class="fa fa-rotate-right fa-lg c-mt-4"></i><br>rotate-right <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-save fa-lg mt-4"></i><br>save <span class="text-muted">(alias)</span>
+            <i class="fa fa-save fa-lg c-mt-4"></i><br>save <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-scissors fa-lg mt-4"></i><br>scissors
+            <i class="fa fa-scissors fa-lg c-mt-4"></i><br>scissors
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-strikethrough fa-lg mt-4"></i><br>strikethrough
+            <i class="fa fa-strikethrough fa-lg c-mt-4"></i><br>strikethrough
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-subscript fa-lg mt-4"></i><br>subscript
+            <i class="fa fa-subscript fa-lg c-mt-4"></i><br>subscript
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-superscript fa-lg mt-4"></i><br>superscript
+            <i class="fa fa-superscript fa-lg c-mt-4"></i><br>superscript
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-table fa-lg mt-4"></i><br>table
+            <i class="fa fa-table fa-lg c-mt-4"></i><br>table
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-text-height fa-lg mt-4"></i><br>text-height
+            <i class="fa fa-text-height fa-lg c-mt-4"></i><br>text-height
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-text-width fa-lg mt-4"></i><br>text-width
+            <i class="fa fa-text-width fa-lg c-mt-4"></i><br>text-width
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-th fa-lg mt-4"></i><br>th
+            <i class="fa fa-th fa-lg c-mt-4"></i><br>th
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-th-large fa-lg mt-4"></i><br>th-large
+            <i class="fa fa-th-large fa-lg c-mt-4"></i><br>th-large
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-th-list fa-lg mt-4"></i><br>th-list
+            <i class="fa fa-th-list fa-lg c-mt-4"></i><br>th-list
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-underline fa-lg mt-4"></i><br>underline
+            <i class="fa fa-underline fa-lg c-mt-4"></i><br>underline
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-undo fa-lg mt-4"></i><br>undo
+            <i class="fa fa-undo fa-lg c-mt-4"></i><br>undo
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-unlink fa-lg mt-4"></i><br>unlink <span class="text-muted">(alias)</span>
+            <i class="fa fa-unlink fa-lg c-mt-4"></i><br>unlink <span class="text-muted">(alias)</span>
           </CCol>
 
         </CRow>
@@ -2069,163 +2069,163 @@
         <CRow class="text-center">
 
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-angle-double-down fa-lg mt-4"></i><br>angle-double-down
+            <i class="fa fa-angle-double-down fa-lg c-mt-4"></i><br>angle-double-down
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-angle-double-left fa-lg mt-4"></i><br>angle-double-left
+            <i class="fa fa-angle-double-left fa-lg c-mt-4"></i><br>angle-double-left
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-angle-double-right fa-lg mt-4"></i><br>angle-double-right
+            <i class="fa fa-angle-double-right fa-lg c-mt-4"></i><br>angle-double-right
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-angle-double-up fa-lg mt-4"></i><br>angle-double-up
+            <i class="fa fa-angle-double-up fa-lg c-mt-4"></i><br>angle-double-up
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-angle-down fa-lg mt-4"></i><br>angle-down
+            <i class="fa fa-angle-down fa-lg c-mt-4"></i><br>angle-down
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-angle-left fa-lg mt-4"></i><br>angle-left
+            <i class="fa fa-angle-left fa-lg c-mt-4"></i><br>angle-left
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-angle-right fa-lg mt-4"></i><br>angle-right
+            <i class="fa fa-angle-right fa-lg c-mt-4"></i><br>angle-right
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-angle-up fa-lg mt-4"></i><br>angle-up
+            <i class="fa fa-angle-up fa-lg c-mt-4"></i><br>angle-up
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-arrow-circle-down fa-lg mt-4"></i><br>arrow-circle-down
+            <i class="fa fa-arrow-circle-down fa-lg c-mt-4"></i><br>arrow-circle-down
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-arrow-circle-left fa-lg mt-4"></i><br>arrow-circle-left
+            <i class="fa fa-arrow-circle-left fa-lg c-mt-4"></i><br>arrow-circle-left
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-arrow-circle-o-down fa-lg mt-4"></i><br>arrow-circle-o-down
+            <i class="fa fa-arrow-circle-o-down fa-lg c-mt-4"></i><br>arrow-circle-o-down
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-arrow-circle-o-left fa-lg mt-4"></i><br>arrow-circle-o-left
+            <i class="fa fa-arrow-circle-o-left fa-lg c-mt-4"></i><br>arrow-circle-o-left
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-arrow-circle-o-right fa-lg mt-4"></i><br>arrow-circle-o-right
+            <i class="fa fa-arrow-circle-o-right fa-lg c-mt-4"></i><br>arrow-circle-o-right
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-arrow-circle-o-up fa-lg mt-4"></i><br>arrow-circle-o-up
+            <i class="fa fa-arrow-circle-o-up fa-lg c-mt-4"></i><br>arrow-circle-o-up
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-arrow-circle-right fa-lg mt-4"></i><br>arrow-circle-right
+            <i class="fa fa-arrow-circle-right fa-lg c-mt-4"></i><br>arrow-circle-right
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-arrow-circle-up fa-lg mt-4"></i><br>arrow-circle-up
+            <i class="fa fa-arrow-circle-up fa-lg c-mt-4"></i><br>arrow-circle-up
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-arrow-down fa-lg mt-4"></i><br>arrow-down
+            <i class="fa fa-arrow-down fa-lg c-mt-4"></i><br>arrow-down
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-arrow-left fa-lg mt-4"></i><br>arrow-left
+            <i class="fa fa-arrow-left fa-lg c-mt-4"></i><br>arrow-left
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-arrow-right fa-lg mt-4"></i><br>arrow-right
+            <i class="fa fa-arrow-right fa-lg c-mt-4"></i><br>arrow-right
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-arrow-up fa-lg mt-4"></i><br>arrow-up
+            <i class="fa fa-arrow-up fa-lg c-mt-4"></i><br>arrow-up
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-arrows fa-lg mt-4"></i><br>arrows
+            <i class="fa fa-arrows fa-lg c-mt-4"></i><br>arrows
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-arrows-alt fa-lg mt-4"></i><br>arrows-alt
+            <i class="fa fa-arrows-alt fa-lg c-mt-4"></i><br>arrows-alt
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-arrows-h fa-lg mt-4"></i><br>arrows-h
+            <i class="fa fa-arrows-h fa-lg c-mt-4"></i><br>arrows-h
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-arrows-v fa-lg mt-4"></i><br>arrows-v
+            <i class="fa fa-arrows-v fa-lg c-mt-4"></i><br>arrows-v
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-caret-down fa-lg mt-4"></i><br>caret-down
+            <i class="fa fa-caret-down fa-lg c-mt-4"></i><br>caret-down
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-caret-left fa-lg mt-4"></i><br>caret-left
+            <i class="fa fa-caret-left fa-lg c-mt-4"></i><br>caret-left
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-caret-right fa-lg mt-4"></i><br>caret-right
+            <i class="fa fa-caret-right fa-lg c-mt-4"></i><br>caret-right
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-caret-square-o-down fa-lg mt-4"></i><br>caret-square-o-down
+            <i class="fa fa-caret-square-o-down fa-lg c-mt-4"></i><br>caret-square-o-down
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-caret-square-o-left fa-lg mt-4"></i><br>caret-square-o-left
+            <i class="fa fa-caret-square-o-left fa-lg c-mt-4"></i><br>caret-square-o-left
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-caret-square-o-right fa-lg mt-4"></i><br>caret-square-o-right
+            <i class="fa fa-caret-square-o-right fa-lg c-mt-4"></i><br>caret-square-o-right
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-caret-square-o-up fa-lg mt-4"></i><br>caret-square-o-up
+            <i class="fa fa-caret-square-o-up fa-lg c-mt-4"></i><br>caret-square-o-up
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-caret-up fa-lg mt-4"></i><br>caret-up
+            <i class="fa fa-caret-up fa-lg c-mt-4"></i><br>caret-up
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-chevron-circle-down fa-lg mt-4"></i><br>chevron-circle-down
+            <i class="fa fa-chevron-circle-down fa-lg c-mt-4"></i><br>chevron-circle-down
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-chevron-circle-left fa-lg mt-4"></i><br>chevron-circle-left
+            <i class="fa fa-chevron-circle-left fa-lg c-mt-4"></i><br>chevron-circle-left
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-chevron-circle-right fa-lg mt-4"></i><br>chevron-circle-right
+            <i class="fa fa-chevron-circle-right fa-lg c-mt-4"></i><br>chevron-circle-right
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-chevron-circle-up fa-lg mt-4"></i><br>chevron-circle-up
+            <i class="fa fa-chevron-circle-up fa-lg c-mt-4"></i><br>chevron-circle-up
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-chevron-down fa-lg mt-4"></i><br>chevron-down
+            <i class="fa fa-chevron-down fa-lg c-mt-4"></i><br>chevron-down
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-chevron-left fa-lg mt-4"></i><br>chevron-left
+            <i class="fa fa-chevron-left fa-lg c-mt-4"></i><br>chevron-left
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-chevron-right fa-lg mt-4"></i><br>chevron-right
+            <i class="fa fa-chevron-right fa-lg c-mt-4"></i><br>chevron-right
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-chevron-up fa-lg mt-4"></i><br>chevron-up
+            <i class="fa fa-chevron-up fa-lg c-mt-4"></i><br>chevron-up
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-exchange fa-lg mt-4"></i><br>exchange
+            <i class="fa fa-exchange fa-lg c-mt-4"></i><br>exchange
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-o-down fa-lg mt-4"></i><br>hand-o-down
+            <i class="fa fa-hand-o-down fa-lg c-mt-4"></i><br>hand-o-down
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-o-left fa-lg mt-4"></i><br>hand-o-left
+            <i class="fa fa-hand-o-left fa-lg c-mt-4"></i><br>hand-o-left
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-o-right fa-lg mt-4"></i><br>hand-o-right
+            <i class="fa fa-hand-o-right fa-lg c-mt-4"></i><br>hand-o-right
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hand-o-up fa-lg mt-4"></i><br>hand-o-up
+            <i class="fa fa-hand-o-up fa-lg c-mt-4"></i><br>hand-o-up
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-long-arrow-down fa-lg mt-4"></i><br>long-arrow-down
+            <i class="fa fa-long-arrow-down fa-lg c-mt-4"></i><br>long-arrow-down
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-long-arrow-left fa-lg mt-4"></i><br>long-arrow-left
+            <i class="fa fa-long-arrow-left fa-lg c-mt-4"></i><br>long-arrow-left
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-long-arrow-right fa-lg mt-4"></i><br>long-arrow-right
+            <i class="fa fa-long-arrow-right fa-lg c-mt-4"></i><br>long-arrow-right
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-long-arrow-up fa-lg mt-4"></i><br>long-arrow-up
+            <i class="fa fa-long-arrow-up fa-lg c-mt-4"></i><br>long-arrow-up
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-toggle-down fa-lg mt-4"></i><br>toggle-down <span class="text-muted">(alias)</span>
+            <i class="fa fa-toggle-down fa-lg c-mt-4"></i><br>toggle-down <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-toggle-left fa-lg mt-4"></i><br>toggle-left <span class="text-muted">(alias)</span>
+            <i class="fa fa-toggle-left fa-lg c-mt-4"></i><br>toggle-left <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-toggle-right fa-lg mt-4"></i><br>toggle-right <span class="text-muted">(alias)</span>
+            <i class="fa fa-toggle-right fa-lg c-mt-4"></i><br>toggle-right <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-toggle-up fa-lg mt-4"></i><br>toggle-up <span class="text-muted">(alias)</span>
+            <i class="fa fa-toggle-up fa-lg c-mt-4"></i><br>toggle-up <span class="text-muted">(alias)</span>
           </CCol>
 
         </CRow>
@@ -2238,67 +2238,67 @@
         <CRow class="text-center">
 
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-arrows-alt fa-lg mt-4"></i><br>arrows-alt
+            <i class="fa fa-arrows-alt fa-lg c-mt-4"></i><br>arrows-alt
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-backward fa-lg mt-4"></i><br>backward
+            <i class="fa fa-backward fa-lg c-mt-4"></i><br>backward
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-compress fa-lg mt-4"></i><br>compress
+            <i class="fa fa-compress fa-lg c-mt-4"></i><br>compress
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-eject fa-lg mt-4"></i><br>eject
+            <i class="fa fa-eject fa-lg c-mt-4"></i><br>eject
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-expand fa-lg mt-4"></i><br>expand
+            <i class="fa fa-expand fa-lg c-mt-4"></i><br>expand
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-fast-backward fa-lg mt-4"></i><br>fast-backward
+            <i class="fa fa-fast-backward fa-lg c-mt-4"></i><br>fast-backward
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-fast-forward fa-lg mt-4"></i><br>fast-forward
+            <i class="fa fa-fast-forward fa-lg c-mt-4"></i><br>fast-forward
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-forward fa-lg mt-4"></i><br>forward
+            <i class="fa fa-forward fa-lg c-mt-4"></i><br>forward
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-pause fa-lg mt-4"></i><br>pause
+            <i class="fa fa-pause fa-lg c-mt-4"></i><br>pause
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-pause-circle fa-lg mt-4"></i><br>pause-circle
+            <i class="fa fa-pause-circle fa-lg c-mt-4"></i><br>pause-circle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-pause-circle-o fa-lg mt-4"></i><br>pause-circle-o
+            <i class="fa fa-pause-circle-o fa-lg c-mt-4"></i><br>pause-circle-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-play fa-lg mt-4"></i><br>play
+            <i class="fa fa-play fa-lg c-mt-4"></i><br>play
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-play-circle fa-lg mt-4"></i><br>play-circle
+            <i class="fa fa-play-circle fa-lg c-mt-4"></i><br>play-circle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-play-circle-o fa-lg mt-4"></i><br>play-circle-o
+            <i class="fa fa-play-circle-o fa-lg c-mt-4"></i><br>play-circle-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-random fa-lg mt-4"></i><br>random
+            <i class="fa fa-random fa-lg c-mt-4"></i><br>random
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-step-backward fa-lg mt-4"></i><br>step-backward
+            <i class="fa fa-step-backward fa-lg c-mt-4"></i><br>step-backward
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-step-forward fa-lg mt-4"></i><br>step-forward
+            <i class="fa fa-step-forward fa-lg c-mt-4"></i><br>step-forward
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-stop fa-lg mt-4"></i><br>stop
+            <i class="fa fa-stop fa-lg c-mt-4"></i><br>stop
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-stop-circle fa-lg mt-4"></i><br>stop-circle
+            <i class="fa fa-stop-circle fa-lg c-mt-4"></i><br>stop-circle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-stop-circle-o fa-lg mt-4"></i><br>stop-circle-o
+            <i class="fa fa-stop-circle-o fa-lg c-mt-4"></i><br>stop-circle-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-youtube-play fa-lg mt-4"></i><br>youtube-play
+            <i class="fa fa-youtube-play fa-lg c-mt-4"></i><br>youtube-play
           </CCol>
 
         </CRow>
@@ -2318,475 +2318,475 @@
         <CRow class="text-center">
 
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-500px fa-lg mt-4"></i><br>500px
+            <i class="fa fa-500px fa-lg c-mt-4"></i><br>500px
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-adn fa-lg mt-4"></i><br>adn
+            <i class="fa fa-adn fa-lg c-mt-4"></i><br>adn
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-amazon fa-lg mt-4"></i><br>amazon
+            <i class="fa fa-amazon fa-lg c-mt-4"></i><br>amazon
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-android fa-lg mt-4"></i><br>android
+            <i class="fa fa-android fa-lg c-mt-4"></i><br>android
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-angellist fa-lg mt-4"></i><br>angellist
+            <i class="fa fa-angellist fa-lg c-mt-4"></i><br>angellist
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-apple fa-lg mt-4"></i><br>apple
+            <i class="fa fa-apple fa-lg c-mt-4"></i><br>apple
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-behance fa-lg mt-4"></i><br>behance
+            <i class="fa fa-behance fa-lg c-mt-4"></i><br>behance
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-behance-square fa-lg mt-4"></i><br>behance-square
+            <i class="fa fa-behance-square fa-lg c-mt-4"></i><br>behance-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bitbucket fa-lg mt-4"></i><br>bitbucket
+            <i class="fa fa-bitbucket fa-lg c-mt-4"></i><br>bitbucket
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bitbucket-square fa-lg mt-4"></i><br>bitbucket-square
+            <i class="fa fa-bitbucket-square fa-lg c-mt-4"></i><br>bitbucket-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bitcoin fa-lg mt-4"></i><br>bitcoin <span class="text-muted">(alias)</span>
+            <i class="fa fa-bitcoin fa-lg c-mt-4"></i><br>bitcoin <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-black-tie fa-lg mt-4"></i><br>black-tie
+            <i class="fa fa-black-tie fa-lg c-mt-4"></i><br>black-tie
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bluetooth fa-lg mt-4"></i><br>bluetooth
+            <i class="fa fa-bluetooth fa-lg c-mt-4"></i><br>bluetooth
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-bluetooth-b fa-lg mt-4"></i><br>bluetooth-b
+            <i class="fa fa-bluetooth-b fa-lg c-mt-4"></i><br>bluetooth-b
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-btc fa-lg mt-4"></i><br>btc
+            <i class="fa fa-btc fa-lg c-mt-4"></i><br>btc
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-buysellads fa-lg mt-4"></i><br>buysellads
+            <i class="fa fa-buysellads fa-lg c-mt-4"></i><br>buysellads
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cc-amex fa-lg mt-4"></i><br>cc-amex
+            <i class="fa fa-cc-amex fa-lg c-mt-4"></i><br>cc-amex
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cc-diners-club fa-lg mt-4"></i><br>cc-diners-club
+            <i class="fa fa-cc-diners-club fa-lg c-mt-4"></i><br>cc-diners-club
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cc-discover fa-lg mt-4"></i><br>cc-discover
+            <i class="fa fa-cc-discover fa-lg c-mt-4"></i><br>cc-discover
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cc-jcb fa-lg mt-4"></i><br>cc-jcb
+            <i class="fa fa-cc-jcb fa-lg c-mt-4"></i><br>cc-jcb
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cc-mastercard fa-lg mt-4"></i><br>cc-mastercard
+            <i class="fa fa-cc-mastercard fa-lg c-mt-4"></i><br>cc-mastercard
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cc-paypal fa-lg mt-4"></i><br>cc-paypal
+            <i class="fa fa-cc-paypal fa-lg c-mt-4"></i><br>cc-paypal
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cc-stripe fa-lg mt-4"></i><br>cc-stripe
+            <i class="fa fa-cc-stripe fa-lg c-mt-4"></i><br>cc-stripe
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-cc-visa fa-lg mt-4"></i><br>cc-visa
+            <i class="fa fa-cc-visa fa-lg c-mt-4"></i><br>cc-visa
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-chrome fa-lg mt-4"></i><br>chrome
+            <i class="fa fa-chrome fa-lg c-mt-4"></i><br>chrome
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-codepen fa-lg mt-4"></i><br>codepen
+            <i class="fa fa-codepen fa-lg c-mt-4"></i><br>codepen
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-codiepie fa-lg mt-4"></i><br>codiepie
+            <i class="fa fa-codiepie fa-lg c-mt-4"></i><br>codiepie
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-connectdevelop fa-lg mt-4"></i><br>connectdevelop
+            <i class="fa fa-connectdevelop fa-lg c-mt-4"></i><br>connectdevelop
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-contao fa-lg mt-4"></i><br>contao
+            <i class="fa fa-contao fa-lg c-mt-4"></i><br>contao
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-css3 fa-lg mt-4"></i><br>css3
+            <i class="fa fa-css3 fa-lg c-mt-4"></i><br>css3
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-dashcube fa-lg mt-4"></i><br>dashcube
+            <i class="fa fa-dashcube fa-lg c-mt-4"></i><br>dashcube
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-delicious fa-lg mt-4"></i><br>delicious
+            <i class="fa fa-delicious fa-lg c-mt-4"></i><br>delicious
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-deviantart fa-lg mt-4"></i><br>deviantart
+            <i class="fa fa-deviantart fa-lg c-mt-4"></i><br>deviantart
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-digg fa-lg mt-4"></i><br>digg
+            <i class="fa fa-digg fa-lg c-mt-4"></i><br>digg
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-dribbble fa-lg mt-4"></i><br>dribbble
+            <i class="fa fa-dribbble fa-lg c-mt-4"></i><br>dribbble
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-dropbox fa-lg mt-4"></i><br>dropbox
+            <i class="fa fa-dropbox fa-lg c-mt-4"></i><br>dropbox
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-drupal fa-lg mt-4"></i><br>drupal
+            <i class="fa fa-drupal fa-lg c-mt-4"></i><br>drupal
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-edge fa-lg mt-4"></i><br>edge
+            <i class="fa fa-edge fa-lg c-mt-4"></i><br>edge
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-empire fa-lg mt-4"></i><br>empire
+            <i class="fa fa-empire fa-lg c-mt-4"></i><br>empire
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-expeditedssl fa-lg mt-4"></i><br>expeditedssl
+            <i class="fa fa-expeditedssl fa-lg c-mt-4"></i><br>expeditedssl
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-facebook fa-lg mt-4"></i><br>facebook
+            <i class="fa fa-facebook fa-lg c-mt-4"></i><br>facebook
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-facebook-f fa-lg mt-4"></i><br>facebook-f <span class="text-muted">(alias)</span>
+            <i class="fa fa-facebook-f fa-lg c-mt-4"></i><br>facebook-f <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-facebook-official fa-lg mt-4"></i><br>facebook-official
+            <i class="fa fa-facebook-official fa-lg c-mt-4"></i><br>facebook-official
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-facebook-square fa-lg mt-4"></i><br>facebook-square
+            <i class="fa fa-facebook-square fa-lg c-mt-4"></i><br>facebook-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-firefox fa-lg mt-4"></i><br>firefox
+            <i class="fa fa-firefox fa-lg c-mt-4"></i><br>firefox
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-flickr fa-lg mt-4"></i><br>flickr
+            <i class="fa fa-flickr fa-lg c-mt-4"></i><br>flickr
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-fonticons fa-lg mt-4"></i><br>fonticons
+            <i class="fa fa-fonticons fa-lg c-mt-4"></i><br>fonticons
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-fort-awesome fa-lg mt-4"></i><br>fort-awesome
+            <i class="fa fa-fort-awesome fa-lg c-mt-4"></i><br>fort-awesome
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-forumbee fa-lg mt-4"></i><br>forumbee
+            <i class="fa fa-forumbee fa-lg c-mt-4"></i><br>forumbee
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-foursquare fa-lg mt-4"></i><br>foursquare
+            <i class="fa fa-foursquare fa-lg c-mt-4"></i><br>foursquare
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-ge fa-lg mt-4"></i><br>ge <span class="text-muted">(alias)</span>
+            <i class="fa fa-ge fa-lg c-mt-4"></i><br>ge <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-get-pocket fa-lg mt-4"></i><br>get-pocket
+            <i class="fa fa-get-pocket fa-lg c-mt-4"></i><br>get-pocket
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-gg fa-lg mt-4"></i><br>gg
+            <i class="fa fa-gg fa-lg c-mt-4"></i><br>gg
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-gg-circle fa-lg mt-4"></i><br>gg-circle
+            <i class="fa fa-gg-circle fa-lg c-mt-4"></i><br>gg-circle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-git fa-lg mt-4"></i><br>git
+            <i class="fa fa-git fa-lg c-mt-4"></i><br>git
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-git-square fa-lg mt-4"></i><br>git-square
+            <i class="fa fa-git-square fa-lg c-mt-4"></i><br>git-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-github fa-lg mt-4"></i><br>github
+            <i class="fa fa-github fa-lg c-mt-4"></i><br>github
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-github-alt fa-lg mt-4"></i><br>github-alt
+            <i class="fa fa-github-alt fa-lg c-mt-4"></i><br>github-alt
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-github-square fa-lg mt-4"></i><br>github-square
+            <i class="fa fa-github-square fa-lg c-mt-4"></i><br>github-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-gittip fa-lg mt-4"></i><br>gittip <span class="text-muted">(alias)</span>
+            <i class="fa fa-gittip fa-lg c-mt-4"></i><br>gittip <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-google fa-lg mt-4"></i><br>google
+            <i class="fa fa-google fa-lg c-mt-4"></i><br>google
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-google-plus fa-lg mt-4"></i><br>google-plus
+            <i class="fa fa-google-plus fa-lg c-mt-4"></i><br>google-plus
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-google-plus-square fa-lg mt-4"></i><br>google-plus-square
+            <i class="fa fa-google-plus-square fa-lg c-mt-4"></i><br>google-plus-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-google-wallet fa-lg mt-4"></i><br>google-wallet
+            <i class="fa fa-google-wallet fa-lg c-mt-4"></i><br>google-wallet
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-gratipay fa-lg mt-4"></i><br>gratipay
+            <i class="fa fa-gratipay fa-lg c-mt-4"></i><br>gratipay
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hacker-news fa-lg mt-4"></i><br>hacker-news
+            <i class="fa fa-hacker-news fa-lg c-mt-4"></i><br>hacker-news
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-houzz fa-lg mt-4"></i><br>houzz
+            <i class="fa fa-houzz fa-lg c-mt-4"></i><br>houzz
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-html5 fa-lg mt-4"></i><br>html5
+            <i class="fa fa-html5 fa-lg c-mt-4"></i><br>html5
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-instagram fa-lg mt-4"></i><br>instagram
+            <i class="fa fa-instagram fa-lg c-mt-4"></i><br>instagram
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-internet-explorer fa-lg mt-4"></i><br>internet-explorer
+            <i class="fa fa-internet-explorer fa-lg c-mt-4"></i><br>internet-explorer
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-ioxhost fa-lg mt-4"></i><br>ioxhost
+            <i class="fa fa-ioxhost fa-lg c-mt-4"></i><br>ioxhost
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-joomla fa-lg mt-4"></i><br>joomla
+            <i class="fa fa-joomla fa-lg c-mt-4"></i><br>joomla
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-jsfiddle fa-lg mt-4"></i><br>jsfiddle
+            <i class="fa fa-jsfiddle fa-lg c-mt-4"></i><br>jsfiddle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-lastfm fa-lg mt-4"></i><br>lastfm
+            <i class="fa fa-lastfm fa-lg c-mt-4"></i><br>lastfm
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-lastfm-square fa-lg mt-4"></i><br>lastfm-square
+            <i class="fa fa-lastfm-square fa-lg c-mt-4"></i><br>lastfm-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-leanpub fa-lg mt-4"></i><br>leanpub
+            <i class="fa fa-leanpub fa-lg c-mt-4"></i><br>leanpub
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-linkedin fa-lg mt-4"></i><br>linkedin
+            <i class="fa fa-linkedin fa-lg c-mt-4"></i><br>linkedin
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-linkedin-square fa-lg mt-4"></i><br>linkedin-square
+            <i class="fa fa-linkedin-square fa-lg c-mt-4"></i><br>linkedin-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-linux fa-lg mt-4"></i><br>linux
+            <i class="fa fa-linux fa-lg c-mt-4"></i><br>linux
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-maxcdn fa-lg mt-4"></i><br>maxcdn
+            <i class="fa fa-maxcdn fa-lg c-mt-4"></i><br>maxcdn
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-meanpath fa-lg mt-4"></i><br>meanpath
+            <i class="fa fa-meanpath fa-lg c-mt-4"></i><br>meanpath
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-medium fa-lg mt-4"></i><br>medium
+            <i class="fa fa-medium fa-lg c-mt-4"></i><br>medium
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-mixcloud fa-lg mt-4"></i><br>mixcloud
+            <i class="fa fa-mixcloud fa-lg c-mt-4"></i><br>mixcloud
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-modx fa-lg mt-4"></i><br>modx
+            <i class="fa fa-modx fa-lg c-mt-4"></i><br>modx
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-odnoklassniki fa-lg mt-4"></i><br>odnoklassniki
+            <i class="fa fa-odnoklassniki fa-lg c-mt-4"></i><br>odnoklassniki
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-odnoklassniki-square fa-lg mt-4"></i><br>odnoklassniki-square
+            <i class="fa fa-odnoklassniki-square fa-lg c-mt-4"></i><br>odnoklassniki-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-opencart fa-lg mt-4"></i><br>opencart
+            <i class="fa fa-opencart fa-lg c-mt-4"></i><br>opencart
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-openid fa-lg mt-4"></i><br>openid
+            <i class="fa fa-openid fa-lg c-mt-4"></i><br>openid
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-opera fa-lg mt-4"></i><br>opera
+            <i class="fa fa-opera fa-lg c-mt-4"></i><br>opera
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-optin-monster fa-lg mt-4"></i><br>optin-monster
+            <i class="fa fa-optin-monster fa-lg c-mt-4"></i><br>optin-monster
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-pagelines fa-lg mt-4"></i><br>pagelines
+            <i class="fa fa-pagelines fa-lg c-mt-4"></i><br>pagelines
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-paypal fa-lg mt-4"></i><br>paypal
+            <i class="fa fa-paypal fa-lg c-mt-4"></i><br>paypal
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-pied-piper fa-lg mt-4"></i><br>pied-piper
+            <i class="fa fa-pied-piper fa-lg c-mt-4"></i><br>pied-piper
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-pied-piper-alt fa-lg mt-4"></i><br>pied-piper-alt
+            <i class="fa fa-pied-piper-alt fa-lg c-mt-4"></i><br>pied-piper-alt
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-pinterest fa-lg mt-4"></i><br>pinterest
+            <i class="fa fa-pinterest fa-lg c-mt-4"></i><br>pinterest
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-pinterest-p fa-lg mt-4"></i><br>pinterest-p
+            <i class="fa fa-pinterest-p fa-lg c-mt-4"></i><br>pinterest-p
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-pinterest-square fa-lg mt-4"></i><br>pinterest-square
+            <i class="fa fa-pinterest-square fa-lg c-mt-4"></i><br>pinterest-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-product-hunt fa-lg mt-4"></i><br>product-hunt
+            <i class="fa fa-product-hunt fa-lg c-mt-4"></i><br>product-hunt
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-qq fa-lg mt-4"></i><br>qq
+            <i class="fa fa-qq fa-lg c-mt-4"></i><br>qq
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-ra fa-lg mt-4"></i><br>ra <span class="text-muted">(alias)</span>
+            <i class="fa fa-ra fa-lg c-mt-4"></i><br>ra <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-rebel fa-lg mt-4"></i><br>rebel
+            <i class="fa fa-rebel fa-lg c-mt-4"></i><br>rebel
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-reddit fa-lg mt-4"></i><br>reddit
+            <i class="fa fa-reddit fa-lg c-mt-4"></i><br>reddit
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-reddit-alien fa-lg mt-4"></i><br>reddit-alien
+            <i class="fa fa-reddit-alien fa-lg c-mt-4"></i><br>reddit-alien
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-reddit-square fa-lg mt-4"></i><br>reddit-square
+            <i class="fa fa-reddit-square fa-lg c-mt-4"></i><br>reddit-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-renren fa-lg mt-4"></i><br>renren
+            <i class="fa fa-renren fa-lg c-mt-4"></i><br>renren
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-safari fa-lg mt-4"></i><br>safari
+            <i class="fa fa-safari fa-lg c-mt-4"></i><br>safari
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-scribd fa-lg mt-4"></i><br>scribd
+            <i class="fa fa-scribd fa-lg c-mt-4"></i><br>scribd
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-sellsy fa-lg mt-4"></i><br>sellsy
+            <i class="fa fa-sellsy fa-lg c-mt-4"></i><br>sellsy
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-share-alt fa-lg mt-4"></i><br>share-alt
+            <i class="fa fa-share-alt fa-lg c-mt-4"></i><br>share-alt
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-share-alt-square fa-lg mt-4"></i><br>share-alt-square
+            <i class="fa fa-share-alt-square fa-lg c-mt-4"></i><br>share-alt-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-shirtsinbulk fa-lg mt-4"></i><br>shirtsinbulk
+            <i class="fa fa-shirtsinbulk fa-lg c-mt-4"></i><br>shirtsinbulk
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-simplybuilt fa-lg mt-4"></i><br>simplybuilt
+            <i class="fa fa-simplybuilt fa-lg c-mt-4"></i><br>simplybuilt
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-skyatlas fa-lg mt-4"></i><br>skyatlas
+            <i class="fa fa-skyatlas fa-lg c-mt-4"></i><br>skyatlas
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-skype fa-lg mt-4"></i><br>skype
+            <i class="fa fa-skype fa-lg c-mt-4"></i><br>skype
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-slack fa-lg mt-4"></i><br>slack
+            <i class="fa fa-slack fa-lg c-mt-4"></i><br>slack
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-slideshare fa-lg mt-4"></i><br>slideshare
+            <i class="fa fa-slideshare fa-lg c-mt-4"></i><br>slideshare
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-soundcloud fa-lg mt-4"></i><br>soundcloud
+            <i class="fa fa-soundcloud fa-lg c-mt-4"></i><br>soundcloud
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-spotify fa-lg mt-4"></i><br>spotify
+            <i class="fa fa-spotify fa-lg c-mt-4"></i><br>spotify
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-stack-exchange fa-lg mt-4"></i><br>stack-exchange
+            <i class="fa fa-stack-exchange fa-lg c-mt-4"></i><br>stack-exchange
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-stack-overflow fa-lg mt-4"></i><br>stack-overflow
+            <i class="fa fa-stack-overflow fa-lg c-mt-4"></i><br>stack-overflow
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-steam fa-lg mt-4"></i><br>steam
+            <i class="fa fa-steam fa-lg c-mt-4"></i><br>steam
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-steam-square fa-lg mt-4"></i><br>steam-square
+            <i class="fa fa-steam-square fa-lg c-mt-4"></i><br>steam-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-stumbleupon fa-lg mt-4"></i><br>stumbleupon
+            <i class="fa fa-stumbleupon fa-lg c-mt-4"></i><br>stumbleupon
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-stumbleupon-circle fa-lg mt-4"></i><br>stumbleupon-circle
+            <i class="fa fa-stumbleupon-circle fa-lg c-mt-4"></i><br>stumbleupon-circle
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-tencent-weibo fa-lg mt-4"></i><br>tencent-weibo
+            <i class="fa fa-tencent-weibo fa-lg c-mt-4"></i><br>tencent-weibo
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-trello fa-lg mt-4"></i><br>trello
+            <i class="fa fa-trello fa-lg c-mt-4"></i><br>trello
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-tripadvisor fa-lg mt-4"></i><br>tripadvisor
+            <i class="fa fa-tripadvisor fa-lg c-mt-4"></i><br>tripadvisor
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-tumblr fa-lg mt-4"></i><br>tumblr
+            <i class="fa fa-tumblr fa-lg c-mt-4"></i><br>tumblr
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-tumblr-square fa-lg mt-4"></i><br>tumblr-square
+            <i class="fa fa-tumblr-square fa-lg c-mt-4"></i><br>tumblr-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-twitch fa-lg mt-4"></i><br>twitch
+            <i class="fa fa-twitch fa-lg c-mt-4"></i><br>twitch
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-twitter fa-lg mt-4"></i><br>twitter
+            <i class="fa fa-twitter fa-lg c-mt-4"></i><br>twitter
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-twitter-square fa-lg mt-4"></i><br>twitter-square
+            <i class="fa fa-twitter-square fa-lg c-mt-4"></i><br>twitter-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-usb fa-lg mt-4"></i><br>usb
+            <i class="fa fa-usb fa-lg c-mt-4"></i><br>usb
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-viacoin fa-lg mt-4"></i><br>viacoin
+            <i class="fa fa-viacoin fa-lg c-mt-4"></i><br>viacoin
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-vimeo fa-lg mt-4"></i><br>vimeo
+            <i class="fa fa-vimeo fa-lg c-mt-4"></i><br>vimeo
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-vimeo-square fa-lg mt-4"></i><br>vimeo-square
+            <i class="fa fa-vimeo-square fa-lg c-mt-4"></i><br>vimeo-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-vine fa-lg mt-4"></i><br>vine
+            <i class="fa fa-vine fa-lg c-mt-4"></i><br>vine
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-vk fa-lg mt-4"></i><br>vk
+            <i class="fa fa-vk fa-lg c-mt-4"></i><br>vk
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-wechat fa-lg mt-4"></i><br>wechat <span class="text-muted">(alias)</span>
+            <i class="fa fa-wechat fa-lg c-mt-4"></i><br>wechat <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-weibo fa-lg mt-4"></i><br>weibo
+            <i class="fa fa-weibo fa-lg c-mt-4"></i><br>weibo
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-weixin fa-lg mt-4"></i><br>weixin
+            <i class="fa fa-weixin fa-lg c-mt-4"></i><br>weixin
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-whatsapp fa-lg mt-4"></i><br>whatsapp
+            <i class="fa fa-whatsapp fa-lg c-mt-4"></i><br>whatsapp
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-wikipedia-w fa-lg mt-4"></i><br>wikipedia-w
+            <i class="fa fa-wikipedia-w fa-lg c-mt-4"></i><br>wikipedia-w
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-windows fa-lg mt-4"></i><br>windows
+            <i class="fa fa-windows fa-lg c-mt-4"></i><br>windows
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-wordpress fa-lg mt-4"></i><br>wordpress
+            <i class="fa fa-wordpress fa-lg c-mt-4"></i><br>wordpress
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-xing fa-lg mt-4"></i><br>xing
+            <i class="fa fa-xing fa-lg c-mt-4"></i><br>xing
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-xing-square fa-lg mt-4"></i><br>xing-square
+            <i class="fa fa-xing-square fa-lg c-mt-4"></i><br>xing-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-y-combinator fa-lg mt-4"></i><br>y-combinator
+            <i class="fa fa-y-combinator fa-lg c-mt-4"></i><br>y-combinator
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-y-combinator-square fa-lg mt-4"></i><br>y-combinator-square <span class="text-muted">(alias)</span>
+            <i class="fa fa-y-combinator-square fa-lg c-mt-4"></i><br>y-combinator-square <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-yahoo fa-lg mt-4"></i><br>yahoo
+            <i class="fa fa-yahoo fa-lg c-mt-4"></i><br>yahoo
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-yc fa-lg mt-4"></i><br>yc <span class="text-muted">(alias)</span>
+            <i class="fa fa-yc fa-lg c-mt-4"></i><br>yc <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-yc-square fa-lg mt-4"></i><br>yc-square <span class="text-muted">(alias)</span>
+            <i class="fa fa-yc-square fa-lg c-mt-4"></i><br>yc-square <span class="text-muted">(alias)</span>
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-yelp fa-lg mt-4"></i><br>yelp
+            <i class="fa fa-yelp fa-lg c-mt-4"></i><br>yelp
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-youtube fa-lg mt-4"></i><br>youtube
+            <i class="fa fa-youtube fa-lg c-mt-4"></i><br>youtube
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-youtube-play fa-lg mt-4"></i><br>youtube-play
+            <i class="fa fa-youtube-play fa-lg c-mt-4"></i><br>youtube-play
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-youtube-square fa-lg mt-4"></i><br>youtube-square
+            <i class="fa fa-youtube-square fa-lg c-mt-4"></i><br>youtube-square
           </CCol>
         </CRow>
-        <div class="alert alert-success mt-4">
+        <div class="alert alert-success c-mt-4">
           <ul class="margin-bottom-none padding-left-lg">
             <li>All brand icons are trademarks of their respective owners.</li>
             <li>The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.</li>
@@ -2802,37 +2802,37 @@
         <CRow class="text-center">
 
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-ambulance fa-lg mt-4"></i><br>ambulance
+            <i class="fa fa-ambulance fa-lg c-mt-4"></i><br>ambulance
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-h-square fa-lg mt-4"></i><br>h-square
+            <i class="fa fa-h-square fa-lg c-mt-4"></i><br>h-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-heart fa-lg mt-4"></i><br>heart
+            <i class="fa fa-heart fa-lg c-mt-4"></i><br>heart
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-heart-o fa-lg mt-4"></i><br>heart-o
+            <i class="fa fa-heart-o fa-lg c-mt-4"></i><br>heart-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-heartbeat fa-lg mt-4"></i><br>heartbeat
+            <i class="fa fa-heartbeat fa-lg c-mt-4"></i><br>heartbeat
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-hospital-o fa-lg mt-4"></i><br>hospital-o
+            <i class="fa fa-hospital-o fa-lg c-mt-4"></i><br>hospital-o
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-medkit fa-lg mt-4"></i><br>medkit
+            <i class="fa fa-medkit fa-lg c-mt-4"></i><br>medkit
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-plus-square fa-lg mt-4"></i><br>plus-square
+            <i class="fa fa-plus-square fa-lg c-mt-4"></i><br>plus-square
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-stethoscope fa-lg mt-4"></i><br>stethoscope
+            <i class="fa fa-stethoscope fa-lg c-mt-4"></i><br>stethoscope
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-user-md fa-lg mt-4"></i><br>user-md
+            <i class="fa fa-user-md fa-lg c-mt-4"></i><br>user-md
           </CCol>
           <CCol col="6" sm="4" md="3" lg="2">
-            <i class="fa fa-wheelchair fa-lg mt-4"></i><br>wheelchair
+            <i class="fa fa-wheelchair fa-lg c-mt-4"></i><br>wheelchair
           </CCol>
 
         </CRow>
diff --git a/src/views/icons/SimpleLineIcons.vue b/src/views/icons/SimpleLineIcons.vue
index a8b5b43e..a363fcb1 100644
--- a/src/views/icons/SimpleLineIcons.vue
+++ b/src/views/icons/SimpleLineIcons.vue
@@ -1,742 +1,742 @@
 <template>
-  <div class="animated fadeIn">
-    <CCard  class="card-default">
+  <div class="c-animated c-fadeIn">
+    <CCard  class="c-card-default">
       <CCardHeader>
         <i class="fa fa-picture-o"></i> Simple Line Icons
       </CCardHeader>
       <CCardBody>
-        <CRow class="text-center">
+        <CRow class="c-text-center">
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-user icons font-2xl d-block mt-4"></i>icon-user
+            <i class="icon-user icons c-font-2xl c-d-block c-mt-4"></i>icon-user
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-people icons font-2xl d-block mt-4"></i>icon-people
+            <i class="icon-people icons c-font-2xl c-d-block c-mt-4"></i>icon-people
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-user-female icons font-2xl d-block mt-4"></i>icon-user-female
+            <i class="icon-user-female icons c-font-2xl c-d-block c-mt-4"></i>icon-user-female
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-user-follow icons font-2xl d-block mt-4"></i>icon-user-follow
+            <i class="icon-user-follow icons c-font-2xl c-d-block c-mt-4"></i>icon-user-follow
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-user-following icons font-2xl d-block mt-4"></i>icon-user-following
+            <i class="icon-user-following icons c-font-2xl c-d-block c-mt-4"></i>icon-user-following
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-user-unfollow icons font-2xl d-block mt-4"></i>icon-user-unfollow
+            <i class="icon-user-unfollow icons c-font-2xl c-d-block c-mt-4"></i>icon-user-unfollow
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-login icons font-2xl d-block mt-4"></i>icon-login
+            <i class="icon-login icons c-font-2xl c-d-block c-mt-4"></i>icon-login
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-logout icons font-2xl d-block mt-4"></i>icon-logout
+            <i class="icon-logout icons c-font-2xl c-d-block c-mt-4"></i>icon-logout
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-emotsmile icons font-2xl d-block mt-4"></i>icon-emotsmile
+            <i class="icon-emotsmile icons c-font-2xl c-d-block c-mt-4"></i>icon-emotsmile
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-phone icons font-2xl d-block mt-4"></i>icon-phone
+            <i class="icon-phone icons c-font-2xl c-d-block c-mt-4"></i>icon-phone
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-call-end icons font-2xl d-block mt-4"></i>icon-call-end
+            <i class="icon-call-end icons c-font-2xl c-d-block c-mt-4"></i>icon-call-end
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-call-in icons font-2xl d-block mt-4"></i>icon-call-in
+            <i class="icon-call-in icons c-font-2xl c-d-block c-mt-4"></i>icon-call-in
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-call-out icons font-2xl d-block mt-4"></i>icon-call-out
+            <i class="icon-call-out icons c-font-2xl c-d-block c-mt-4"></i>icon-call-out
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-map icons font-2xl d-block mt-4"></i>icon-map
+            <i class="icon-map icons c-font-2xl c-d-block c-mt-4"></i>icon-map
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-location-pin icons font-2xl d-block mt-4"></i>icon-location-pin
+            <i class="icon-location-pin icons c-font-2xl c-d-block c-mt-4"></i>icon-location-pin
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-direction icons font-2xl d-block mt-4"></i>icon-direction
+            <i class="icon-direction icons c-font-2xl c-d-block c-mt-4"></i>icon-direction
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-directions icons font-2xl d-block mt-4"></i>icon-directions
+            <i class="icon-directions icons c-font-2xl c-d-block c-mt-4"></i>icon-directions
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-compass icons font-2xl d-block mt-4"></i>icon-compass
+            <i class="icon-compass icons c-font-2xl c-d-block c-mt-4"></i>icon-compass
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-layers icons font-2xl d-block mt-4"></i>icon-layers
+            <i class="icon-layers icons c-font-2xl c-d-block c-mt-4"></i>icon-layers
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-menu icons font-2xl d-block mt-4"></i>icon-menu
+            <i class="icon-menu icons c-font-2xl c-d-block c-mt-4"></i>icon-menu
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-list icons font-2xl d-block mt-4"></i>icon-list
+            <i class="icon-list icons c-font-2xl c-d-block c-mt-4"></i>icon-list
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-options-vertical icons font-2xl d-block mt-4"></i>icon-options-vertical
+            <i class="icon-options-vertical icons c-font-2xl c-d-block c-mt-4"></i>icon-options-vertical
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-options icons font-2xl d-block mt-4"></i>icon-options
+            <i class="icon-options icons c-font-2xl c-d-block c-mt-4"></i>icon-options
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-arrow-down icons font-2xl d-block mt-4"></i>icon-arrow-down
+            <i class="icon-arrow-down icons c-font-2xl c-d-block c-mt-4"></i>icon-arrow-down
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-arrow-left icons font-2xl d-block mt-4"></i>icon-arrow-left
+            <i class="icon-arrow-left icons c-font-2xl c-d-block c-mt-4"></i>icon-arrow-left
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-arrow-right icons font-2xl d-block mt-4"></i>icon-arrow-right
+            <i class="icon-arrow-right icons c-font-2xl c-d-block c-mt-4"></i>icon-arrow-right
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-arrow-up icons font-2xl d-block mt-4"></i>icon-arrow-up
+            <i class="icon-arrow-up icons c-font-2xl c-d-block c-mt-4"></i>icon-arrow-up
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-arrow-up-circle icons font-2xl d-block mt-4"></i>icon-arrow-up-circle
+            <i class="icon-arrow-up-circle icons c-font-2xl c-d-block c-mt-4"></i>icon-arrow-up-circle
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-arrow-left-circle icons font-2xl d-block mt-4"></i>icon-arrow-left-circle
+            <i class="icon-arrow-left-circle icons c-font-2xl c-d-block c-mt-4"></i>icon-arrow-left-circle
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-arrow-right-circle icons font-2xl d-block mt-4"></i>icon-arrow-right-circle
+            <i class="icon-arrow-right-circle icons c-font-2xl c-d-block c-mt-4"></i>icon-arrow-right-circle
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-arrow-down-circle icons font-2xl d-block mt-4"></i>icon-arrow-down-circle
+            <i class="icon-arrow-down-circle icons c-font-2xl c-d-block c-mt-4"></i>icon-arrow-down-circle
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-check icons font-2xl d-block mt-4"></i>icon-check
+            <i class="icon-check icons c-font-2xl c-d-block c-mt-4"></i>icon-check
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-clock icons font-2xl d-block mt-4"></i>icon-clock
+            <i class="icon-clock icons c-font-2xl c-d-block c-mt-4"></i>icon-clock
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-plus icons font-2xl d-block mt-4"></i>icon-plus
+            <i class="icon-plus icons c-font-2xl c-d-block c-mt-4"></i>icon-plus
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-close icons font-2xl d-block mt-4"></i>icon-close
+            <i class="icon-close icons c-font-2xl c-d-block c-mt-4"></i>icon-close
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-trophy icons font-2xl d-block mt-4"></i>icon-trophy
+            <i class="icon-trophy icons c-font-2xl c-d-block c-mt-4"></i>icon-trophy
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-screen-smartphone icons font-2xl d-block mt-4"></i>icon-screen-smartphone
+            <i class="icon-screen-smartphone icons c-font-2xl c-d-block c-mt-4"></i>icon-screen-smartphone
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-screen-desktop icons font-2xl d-block mt-4"></i>icon-screen-desktop
+            <i class="icon-screen-desktop icons c-font-2xl c-d-block c-mt-4"></i>icon-screen-desktop
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-plane icons font-2xl d-block mt-4"></i>icon-plane
+            <i class="icon-plane icons c-font-2xl c-d-block c-mt-4"></i>icon-plane
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-notebook icons font-2xl d-block mt-4"></i>icon-notebook
+            <i class="icon-notebook icons c-font-2xl c-d-block c-mt-4"></i>icon-notebook
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-mustache icons font-2xl d-block mt-4"></i>icon-mustache
+            <i class="icon-mustache icons c-font-2xl c-d-block c-mt-4"></i>icon-mustache
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-mouse icons font-2xl d-block mt-4"></i>icon-mouse
+            <i class="icon-mouse icons c-font-2xl c-d-block c-mt-4"></i>icon-mouse
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-magnet icons font-2xl d-block mt-4"></i>icon-magnet
+            <i class="icon-magnet icons c-font-2xl c-d-block c-mt-4"></i>icon-magnet
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-energy icons font-2xl d-block mt-4"></i>icon-energy
+            <i class="icon-energy icons c-font-2xl c-d-block c-mt-4"></i>icon-energy
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-disc icons font-2xl d-block mt-4"></i>icon-disc
+            <i class="icon-disc icons c-font-2xl c-d-block c-mt-4"></i>icon-disc
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-cursor icons font-2xl d-block mt-4"></i>icon-cursor
+            <i class="icon-cursor icons c-font-2xl c-d-block c-mt-4"></i>icon-cursor
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-cursor-move icons font-2xl d-block mt-4"></i>icon-cursor-move
+            <i class="icon-cursor-move icons c-font-2xl c-d-block c-mt-4"></i>icon-cursor-move
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-crop icons font-2xl d-block mt-4"></i>icon-crop
+            <i class="icon-crop icons c-font-2xl c-d-block c-mt-4"></i>icon-crop
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-chemistry icons font-2xl d-block mt-4"></i>icon-chemistry
+            <i class="icon-chemistry icons c-font-2xl c-d-block c-mt-4"></i>icon-chemistry
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-speedometer icons font-2xl d-block mt-4"></i>icon-speedometer
+            <i class="icon-speedometer icons c-font-2xl c-d-block c-mt-4"></i>icon-speedometer
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-shield icons font-2xl d-block mt-4"></i>icon-shield
+            <i class="icon-shield icons c-font-2xl c-d-block c-mt-4"></i>icon-shield
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-screen-tablet icons font-2xl d-block mt-4"></i>icon-screen-tablet
+            <i class="icon-screen-tablet icons c-font-2xl c-d-block c-mt-4"></i>icon-screen-tablet
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-magic-wand icons font-2xl d-block mt-4"></i>icon-magic-wand
+            <i class="icon-magic-wand icons c-font-2xl c-d-block c-mt-4"></i>icon-magic-wand
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-hourglass icons font-2xl d-block mt-4"></i>icon-hourglass
+            <i class="icon-hourglass icons c-font-2xl c-d-block c-mt-4"></i>icon-hourglass
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-graduation icons font-2xl d-block mt-4"></i>icon-graduation
+            <i class="icon-graduation icons c-font-2xl c-d-block c-mt-4"></i>icon-graduation
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-ghost icons font-2xl d-block mt-4"></i>icon-ghost
+            <i class="icon-ghost icons c-font-2xl c-d-block c-mt-4"></i>icon-ghost
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-game-controller icons font-2xl d-block mt-4"></i>icon-game-controller
+            <i class="icon-game-controller icons c-font-2xl c-d-block c-mt-4"></i>icon-game-controller
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-fire icons font-2xl d-block mt-4"></i>icon-fire
+            <i class="icon-fire icons c-font-2xl c-d-block c-mt-4"></i>icon-fire
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-eyeglass icons font-2xl d-block mt-4"></i>icon-eyeglass
+            <i class="icon-eyeglass icons c-font-2xl c-d-block c-mt-4"></i>icon-eyeglass
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-envelope-open icons font-2xl d-block mt-4"></i>icon-envelope-open
+            <i class="icon-envelope-open icons c-font-2xl c-d-block c-mt-4"></i>icon-envelope-open
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-envelope-letter icons font-2xl d-block mt-4"></i>icon-envelope-letter
+            <i class="icon-envelope-letter icons c-font-2xl c-d-block c-mt-4"></i>icon-envelope-letter
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-bell icons font-2xl d-block mt-4"></i>icon-bell
+            <i class="icon-bell icons c-font-2xl c-d-block c-mt-4"></i>icon-bell
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-badge icons font-2xl d-block mt-4"></i>icon-badge
+            <i class="icon-badge icons c-font-2xl c-d-block c-mt-4"></i>icon-badge
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-anchor icons font-2xl d-block mt-4"></i>icon-anchor
+            <i class="icon-anchor icons c-font-2xl c-d-block c-mt-4"></i>icon-anchor
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-wallet icons font-2xl d-block mt-4"></i>icon-wallet
+            <i class="icon-wallet icons c-font-2xl c-d-block c-mt-4"></i>icon-wallet
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-vector icons font-2xl d-block mt-4"></i>icon-vector
+            <i class="icon-vector icons c-font-2xl c-d-block c-mt-4"></i>icon-vector
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-speech icons font-2xl d-block mt-4"></i>icon-speech
+            <i class="icon-speech icons c-font-2xl c-d-block c-mt-4"></i>icon-speech
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-puzzle icons font-2xl d-block mt-4"></i>icon-puzzle
+            <i class="icon-puzzle icons c-font-2xl c-d-block c-mt-4"></i>icon-puzzle
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-printer icons font-2xl d-block mt-4"></i>icon-printer
+            <i class="icon-printer icons c-font-2xl c-d-block c-mt-4"></i>icon-printer
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-present icons font-2xl d-block mt-4"></i>icon-present
+            <i class="icon-present icons c-font-2xl c-d-block c-mt-4"></i>icon-present
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-playlist icons font-2xl d-block mt-4"></i>icon-playlist
+            <i class="icon-playlist icons c-font-2xl c-d-block c-mt-4"></i>icon-playlist
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-pin icons font-2xl d-block mt-4"></i>icon-pin
+            <i class="icon-pin icons c-font-2xl c-d-block c-mt-4"></i>icon-pin
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-picture icons font-2xl d-block mt-4"></i>icon-picture
+            <i class="icon-picture icons c-font-2xl c-d-block c-mt-4"></i>icon-picture
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-handbag icons font-2xl d-block mt-4"></i>icon-handbag
+            <i class="icon-handbag icons c-font-2xl c-d-block c-mt-4"></i>icon-handbag
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-globe-alt icons font-2xl d-block mt-4"></i>icon-globe-alt
+            <i class="icon-globe-alt icons c-font-2xl c-d-block c-mt-4"></i>icon-globe-alt
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-globe icons font-2xl d-block mt-4"></i>icon-globe
+            <i class="icon-globe icons c-font-2xl c-d-block c-mt-4"></i>icon-globe
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-folder-alt icons font-2xl d-block mt-4"></i>icon-folder-alt
+            <i class="icon-folder-alt icons c-font-2xl c-d-block c-mt-4"></i>icon-folder-alt
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-folder icons font-2xl d-block mt-4"></i>icon-folder
+            <i class="icon-folder icons c-font-2xl c-d-block c-mt-4"></i>icon-folder
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-film icons font-2xl d-block mt-4"></i>icon-film
+            <i class="icon-film icons c-font-2xl c-d-block c-mt-4"></i>icon-film
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-feed icons font-2xl d-block mt-4"></i>icon-feed
+            <i class="icon-feed icons c-font-2xl c-d-block c-mt-4"></i>icon-feed
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-drop icons font-2xl d-block mt-4"></i>icon-drop
+            <i class="icon-drop icons c-font-2xl c-d-block c-mt-4"></i>icon-drop
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-drawer icons font-2xl d-block mt-4"></i>icon-drawer
+            <i class="icon-drawer icons c-font-2xl c-d-block c-mt-4"></i>icon-drawer
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-docs icons font-2xl d-block mt-4"></i>icon-docs
+            <i class="icon-docs icons c-font-2xl c-d-block c-mt-4"></i>icon-docs
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-doc icons font-2xl d-block mt-4"></i>icon-doc
+            <i class="icon-doc icons c-font-2xl c-d-block c-mt-4"></i>icon-doc
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-diamond icons font-2xl d-block mt-4"></i>icon-diamond
+            <i class="icon-diamond icons c-font-2xl c-d-block c-mt-4"></i>icon-diamond
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-cup icons font-2xl d-block mt-4"></i>icon-cup
+            <i class="icon-cup icons c-font-2xl c-d-block c-mt-4"></i>icon-cup
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-calculator icons font-2xl d-block mt-4"></i>icon-calculator
+            <i class="icon-calculator icons c-font-2xl c-d-block c-mt-4"></i>icon-calculator
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-bubbles icons font-2xl d-block mt-4"></i>icon-bubbles
+            <i class="icon-bubbles icons c-font-2xl c-d-block c-mt-4"></i>icon-bubbles
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-briefcase icons font-2xl d-block mt-4"></i>icon-briefcase
+            <i class="icon-briefcase icons c-font-2xl c-d-block c-mt-4"></i>icon-briefcase
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-book-open icons font-2xl d-block mt-4"></i>icon-book-open
+            <i class="icon-book-open icons c-font-2xl c-d-block c-mt-4"></i>icon-book-open
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-basket-loaded icons font-2xl d-block mt-4"></i>icon-basket-loaded
+            <i class="icon-basket-loaded icons c-font-2xl c-d-block c-mt-4"></i>icon-basket-loaded
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-basket icons font-2xl d-block mt-4"></i>icon-basket
+            <i class="icon-basket icons c-font-2xl c-d-block c-mt-4"></i>icon-basket
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-bag icons font-2xl d-block mt-4"></i>icon-bag
+            <i class="icon-bag icons c-font-2xl c-d-block c-mt-4"></i>icon-bag
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-action-undo icons font-2xl d-block mt-4"></i>icon-action-undo
+            <i class="icon-action-undo icons c-font-2xl c-d-block c-mt-4"></i>icon-action-undo
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-action-redo icons font-2xl d-block mt-4"></i>icon-action-redo
+            <i class="icon-action-redo icons c-font-2xl c-d-block c-mt-4"></i>icon-action-redo
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-wrench icons font-2xl d-block mt-4"></i>icon-wrench
+            <i class="icon-wrench icons c-font-2xl c-d-block c-mt-4"></i>icon-wrench
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-umbrella icons font-2xl d-block mt-4"></i>icon-umbrella
+            <i class="icon-umbrella icons c-font-2xl c-d-block c-mt-4"></i>icon-umbrella
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-trash icons font-2xl d-block mt-4"></i>icon-trash
+            <i class="icon-trash icons c-font-2xl c-d-block c-mt-4"></i>icon-trash
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-tag icons font-2xl d-block mt-4"></i>icon-tag
+            <i class="icon-tag icons c-font-2xl c-d-block c-mt-4"></i>icon-tag
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-support icons font-2xl d-block mt-4"></i>icon-support
+            <i class="icon-support icons c-font-2xl c-d-block c-mt-4"></i>icon-support
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-frame icons font-2xl d-block mt-4"></i>icon-frame
+            <i class="icon-frame icons c-font-2xl c-d-block c-mt-4"></i>icon-frame
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-size-fullscreen icons font-2xl d-block mt-4"></i>icon-size-fullscreen
+            <i class="icon-size-fullscreen icons c-font-2xl c-d-block c-mt-4"></i>icon-size-fullscreen
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-size-actual icons font-2xl d-block mt-4"></i>icon-size-actual
+            <i class="icon-size-actual icons c-font-2xl c-d-block c-mt-4"></i>icon-size-actual
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-shuffle icons font-2xl d-block mt-4"></i>icon-shuffle
+            <i class="icon-shuffle icons c-font-2xl c-d-block c-mt-4"></i>icon-shuffle
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-share-alt icons font-2xl d-block mt-4"></i>icon-share-alt
+            <i class="icon-share-alt icons c-font-2xl c-d-block c-mt-4"></i>icon-share-alt
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-share icons font-2xl d-block mt-4"></i>icon-share
+            <i class="icon-share icons c-font-2xl c-d-block c-mt-4"></i>icon-share
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-rocket icons font-2xl d-block mt-4"></i>icon-rocket
+            <i class="icon-rocket icons c-font-2xl c-d-block c-mt-4"></i>icon-rocket
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-question icons font-2xl d-block mt-4"></i>icon-question
+            <i class="icon-question icons c-font-2xl c-d-block c-mt-4"></i>icon-question
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-pie-chart icons font-2xl d-block mt-4"></i>icon-pie-chart
+            <i class="icon-pie-chart icons c-font-2xl c-d-block c-mt-4"></i>icon-pie-chart
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-pencil icons font-2xl d-block mt-4"></i>icon-pencil
+            <i class="icon-pencil icons c-font-2xl c-d-block c-mt-4"></i>icon-pencil
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-note icons font-2xl d-block mt-4"></i>icon-note
+            <i class="icon-note icons c-font-2xl c-d-block c-mt-4"></i>icon-note
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-loop icons font-2xl d-block mt-4"></i>icon-loop
+            <i class="icon-loop icons c-font-2xl c-d-block c-mt-4"></i>icon-loop
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-home icons font-2xl d-block mt-4"></i>icon-home
+            <i class="icon-home icons c-font-2xl c-d-block c-mt-4"></i>icon-home
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-grid icons font-2xl d-block mt-4"></i>icon-grid
+            <i class="icon-grid icons c-font-2xl c-d-block c-mt-4"></i>icon-grid
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-graph icons font-2xl d-block mt-4"></i>icon-graph
+            <i class="icon-graph icons c-font-2xl c-d-block c-mt-4"></i>icon-graph
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-microphone icons font-2xl d-block mt-4"></i>icon-microphone
+            <i class="icon-microphone icons c-font-2xl c-d-block c-mt-4"></i>icon-microphone
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-music-tone-alt icons font-2xl d-block mt-4"></i>icon-music-tone-alt
+            <i class="icon-music-tone-alt icons c-font-2xl c-d-block c-mt-4"></i>icon-music-tone-alt
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-music-tone icons font-2xl d-block mt-4"></i>icon-music-tone
+            <i class="icon-music-tone icons c-font-2xl c-d-block c-mt-4"></i>icon-music-tone
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-earphones-alt icons font-2xl d-block mt-4"></i>icon-earphones-alt
+            <i class="icon-earphones-alt icons c-font-2xl c-d-block c-mt-4"></i>icon-earphones-alt
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-earphones icons font-2xl d-block mt-4"></i>icon-earphones
+            <i class="icon-earphones icons c-font-2xl c-d-block c-mt-4"></i>icon-earphones
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-equalizer icons font-2xl d-block mt-4"></i>icon-equalizer
+            <i class="icon-equalizer icons c-font-2xl c-d-block c-mt-4"></i>icon-equalizer
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-like icons font-2xl d-block mt-4"></i>icon-like
+            <i class="icon-like icons c-font-2xl c-d-block c-mt-4"></i>icon-like
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-dislike icons font-2xl d-block mt-4"></i>icon-dislike
+            <i class="icon-dislike icons c-font-2xl c-d-block c-mt-4"></i>icon-dislike
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-control-start icons font-2xl d-block mt-4"></i>icon-control-start
+            <i class="icon-control-start icons c-font-2xl c-d-block c-mt-4"></i>icon-control-start
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-control-rewind icons font-2xl d-block mt-4"></i>icon-control-rewind
+            <i class="icon-control-rewind icons c-font-2xl c-d-block c-mt-4"></i>icon-control-rewind
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-control-play icons font-2xl d-block mt-4"></i>icon-control-play
+            <i class="icon-control-play icons c-font-2xl c-d-block c-mt-4"></i>icon-control-play
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-control-pause icons font-2xl d-block mt-4"></i>icon-control-pause
+            <i class="icon-control-pause icons c-font-2xl c-d-block c-mt-4"></i>icon-control-pause
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-control-forward icons font-2xl d-block mt-4"></i>icon-control-forward
+            <i class="icon-control-forward icons c-font-2xl c-d-block c-mt-4"></i>icon-control-forward
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-control-end icons font-2xl d-block mt-4"></i>icon-control-end
+            <i class="icon-control-end icons c-font-2xl c-d-block c-mt-4"></i>icon-control-end
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-volume-1 icons font-2xl d-block mt-4"></i>icon-volume-1
+            <i class="icon-volume-1 icons c-font-2xl c-d-block c-mt-4"></i>icon-volume-1
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-volume-2 icons font-2xl d-block mt-4"></i>icon-volume-2
+            <i class="icon-volume-2 icons c-font-2xl c-d-block c-mt-4"></i>icon-volume-2
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-volume-off icons font-2xl d-block mt-4"></i>icon-volume-off
+            <i class="icon-volume-off icons c-font-2xl c-d-block c-mt-4"></i>icon-volume-off
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-calendar icons font-2xl d-block mt-4"></i>icon-calendar
+            <i class="icon-calendar icons c-font-2xl c-d-block c-mt-4"></i>icon-calendar
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-bulb icons font-2xl d-block mt-4"></i>icon-bulb
+            <i class="icon-bulb icons c-font-2xl c-d-block c-mt-4"></i>icon-bulb
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-chart icons font-2xl d-block mt-4"></i>icon-chart
+            <i class="icon-chart icons c-font-2xl c-d-block c-mt-4"></i>icon-chart
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-ban icons font-2xl d-block mt-4"></i>icon-ban
+            <i class="icon-ban icons c-font-2xl c-d-block c-mt-4"></i>icon-ban
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-bubble icons font-2xl d-block mt-4"></i>icon-bubble
+            <i class="icon-bubble icons c-font-2xl c-d-block c-mt-4"></i>icon-bubble
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-camrecorder icons font-2xl d-block mt-4"></i>icon-camrecorder
+            <i class="icon-camrecorder icons c-font-2xl c-d-block c-mt-4"></i>icon-camrecorder
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-camera icons font-2xl d-block mt-4"></i>icon-camera
+            <i class="icon-camera icons c-font-2xl c-d-block c-mt-4"></i>icon-camera
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-cloud-download icons font-2xl d-block mt-4"></i>icon-cloud-download
+            <i class="icon-cloud-download icons c-font-2xl c-d-block c-mt-4"></i>icon-cloud-download
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-cloud-upload icons font-2xl d-block mt-4"></i>icon-cloud-upload
+            <i class="icon-cloud-upload icons c-font-2xl c-d-block c-mt-4"></i>icon-cloud-upload
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-envelope icons font-2xl d-block mt-4"></i>icon-envelope
+            <i class="icon-envelope icons c-font-2xl c-d-block c-mt-4"></i>icon-envelope
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-eye icons font-2xl d-block mt-4"></i>icon-eye
+            <i class="icon-eye icons c-font-2xl c-d-block c-mt-4"></i>icon-eye
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-flag icons font-2xl d-block mt-4"></i>icon-flag
+            <i class="icon-flag icons c-font-2xl c-d-block c-mt-4"></i>icon-flag
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-heart icons font-2xl d-block mt-4"></i>icon-heart
+            <i class="icon-heart icons c-font-2xl c-d-block c-mt-4"></i>icon-heart
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-info icons font-2xl d-block mt-4"></i>icon-info
+            <i class="icon-info icons c-font-2xl c-d-block c-mt-4"></i>icon-info
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-key icons font-2xl d-block mt-4"></i>icon-key
+            <i class="icon-key icons c-font-2xl c-d-block c-mt-4"></i>icon-key
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-link icons font-2xl d-block mt-4"></i>icon-link
+            <i class="icon-link icons c-font-2xl c-d-block c-mt-4"></i>icon-link
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-lock icons font-2xl d-block mt-4"></i>icon-lock
+            <i class="icon-lock icons c-font-2xl c-d-block c-mt-4"></i>icon-lock
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-lock-open icons font-2xl d-block mt-4"></i>icon-lock-open
+            <i class="icon-lock-open icons c-font-2xl c-d-block c-mt-4"></i>icon-lock-open
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-magnifier icons font-2xl d-block mt-4"></i>icon-magnifier
+            <i class="icon-magnifier icons c-font-2xl c-d-block c-mt-4"></i>icon-magnifier
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-magnifier-add icons font-2xl d-block mt-4"></i>icon-magnifier-add
+            <i class="icon-magnifier-add icons c-font-2xl c-d-block c-mt-4"></i>icon-magnifier-add
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-magnifier-remove icons font-2xl d-block mt-4"></i>icon-magnifier-remove
+            <i class="icon-magnifier-remove icons c-font-2xl c-d-block c-mt-4"></i>icon-magnifier-remove
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-paper-clip icons font-2xl d-block mt-4"></i>icon-paper-clip
+            <i class="icon-paper-clip icons c-font-2xl c-d-block c-mt-4"></i>icon-paper-clip
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-paper-plane icons font-2xl d-block mt-4"></i>icon-paper-plane
+            <i class="icon-paper-plane icons c-font-2xl c-d-block c-mt-4"></i>icon-paper-plane
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-power icons font-2xl d-block mt-4"></i>icon-power
+            <i class="icon-power icons c-font-2xl c-d-block c-mt-4"></i>icon-power
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-refresh icons font-2xl d-block mt-4"></i>icon-refresh
+            <i class="icon-refresh icons c-font-2xl c-d-block c-mt-4"></i>icon-refresh
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-reload icons font-2xl d-block mt-4"></i>icon-reload
+            <i class="icon-reload icons c-font-2xl c-d-block c-mt-4"></i>icon-reload
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-settings icons font-2xl d-block mt-4"></i>icon-settings
+            <i class="icon-settings icons c-font-2xl c-d-block c-mt-4"></i>icon-settings
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-star icons font-2xl d-block mt-4"></i>icon-star
+            <i class="icon-star icons c-font-2xl c-d-block c-mt-4"></i>icon-star
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-symbol-female icons font-2xl d-block mt-4"></i>icon-symbol-female
+            <i class="icon-symbol-female icons c-font-2xl c-d-block c-mt-4"></i>icon-symbol-female
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-symbol-male icons font-2xl d-block mt-4"></i>icon-symbol-male
+            <i class="icon-symbol-male icons c-font-2xl c-d-block c-mt-4"></i>icon-symbol-male
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-target icons font-2xl d-block mt-4"></i>icon-target
+            <i class="icon-target icons c-font-2xl c-d-block c-mt-4"></i>icon-target
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-credit-card icons font-2xl d-block mt-4"></i>icon-credit-card
+            <i class="icon-credit-card icons c-font-2xl c-d-block c-mt-4"></i>icon-credit-card
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-paypal icons font-2xl d-block mt-4"></i>icon-paypal
+            <i class="icon-paypal icons c-font-2xl c-d-block c-mt-4"></i>icon-paypal
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-social-tumblr icons font-2xl d-block mt-4"></i>icon-social-tumblr
+            <i class="icon-social-tumblr icons c-font-2xl c-d-block c-mt-4"></i>icon-social-tumblr
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-social-twitter icons font-2xl d-block mt-4"></i>icon-social-twitter
+            <i class="icon-social-twitter icons c-font-2xl c-d-block c-mt-4"></i>icon-social-twitter
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-social-facebook icons font-2xl d-block mt-4"></i>icon-social-facebook
+            <i class="icon-social-facebook icons c-font-2xl c-d-block c-mt-4"></i>icon-social-facebook
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-social-instagram icons font-2xl d-block mt-4"></i>icon-social-instagram
+            <i class="icon-social-instagram icons c-font-2xl c-d-block c-mt-4"></i>icon-social-instagram
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-social-linkedin icons font-2xl d-block mt-4"></i>icon-social-linkedin
+            <i class="icon-social-linkedin icons c-font-2xl c-d-block c-mt-4"></i>icon-social-linkedin
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-social-pinterest icons font-2xl d-block mt-4"></i>icon-social-pinterest
+            <i class="icon-social-pinterest icons c-font-2xl c-d-block c-mt-4"></i>icon-social-pinterest
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-social-github icons font-2xl d-block mt-4"></i>icon-social-github
+            <i class="icon-social-github icons c-font-2xl c-d-block c-mt-4"></i>icon-social-github
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-social-gplus icons font-2xl d-block mt-4"></i>icon-social-gplus
+            <i class="icon-social-gplus icons c-font-2xl c-d-block c-mt-4"></i>icon-social-gplus
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-social-reddit icons font-2xl d-block mt-4"></i>icon-social-reddit
+            <i class="icon-social-reddit icons c-font-2xl c-d-block c-mt-4"></i>icon-social-reddit
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-social-skype icons font-2xl d-block mt-4"></i>icon-social-skype
+            <i class="icon-social-skype icons c-font-2xl c-d-block c-mt-4"></i>icon-social-skype
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-social-dribbble icons font-2xl d-block mt-4"></i>icon-social-dribbble
+            <i class="icon-social-dribbble icons c-font-2xl c-d-block c-mt-4"></i>icon-social-dribbble
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-social-behance icons font-2xl d-block mt-4"></i>icon-social-behance
+            <i class="icon-social-behance icons c-font-2xl c-d-block c-mt-4"></i>icon-social-behance
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-social-foursqare icons font-2xl d-block mt-4"></i>icon-social-foursqare
+            <i class="icon-social-foursqare icons c-font-2xl c-d-block c-mt-4"></i>icon-social-foursqare
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-social-soundcloud icons font-2xl d-block mt-4"></i>icon-social-soundcloud
+            <i class="icon-social-soundcloud icons c-font-2xl c-d-block c-mt-4"></i>icon-social-soundcloud
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-social-spotify icons font-2xl d-block mt-4"></i>icon-social-spotify
+            <i class="icon-social-spotify icons c-font-2xl c-d-block c-mt-4"></i>icon-social-spotify
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-social-stumbleupon icons font-2xl d-block mt-4"></i>icon-social-stumbleupon
+            <i class="icon-social-stumbleupon icons c-font-2xl c-d-block c-mt-4"></i>icon-social-stumbleupon
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-social-youtube icons font-2xl d-block mt-4"></i>icon-social-youtube
+            <i class="icon-social-youtube icons c-font-2xl c-d-block c-mt-4"></i>icon-social-youtube
           </CCol>
 
           <CCol col="6" sm="4" md="3">
-            <i class="icon-social-dropbox icons font-2xl d-block mt-4"></i>icon-social-dropbox
+            <i class="icon-social-dropbox icons c-font-2xl c-d-block c-mt-4"></i>icon-social-dropbox
           </CCol>
         </CRow>
       </CCardBody>
diff --git a/src/views/theme/ColorTheme.vue b/src/views/theme/ColorTheme.vue
index 61fed42f..8a243be9 100644
--- a/src/views/theme/ColorTheme.vue
+++ b/src/views/theme/ColorTheme.vue
@@ -1,6 +1,9 @@
 <template>
-  <CCol xl="2" md="4" sm="6" xs="12" class="mb-4">
-    <div :class="[classObj, color]" :style="{ paddingTop: '75%' }"></div>
+  <CCol xl="2" md="4" sm="6" xs="12" class="c-mb-4">
+    <div
+      :class="['c-theme-color c-w-75 c-rounded c-mb-3', color]"
+      :style="{ paddingTop: '75%' }"
+    ></div>
     <slot></slot>
     <ColorView/>
   </CCol>
@@ -12,13 +15,9 @@ export default {
   name: 'ColorTheme',
   components: { ColorView },
   props: {
-    classObj: {
-      type: String,
-      default: 'theme-color w-75 rounded mb-3'
-    },
     color: {
       type: String,
-      default: 'bg-secondary'
+      default: 'c-bg-secondary'
     }
   }
 }
diff --git a/src/views/theme/ColorView.vue b/src/views/theme/ColorView.vue
index 4498219e..17105401 100644
--- a/src/views/theme/ColorView.vue
+++ b/src/views/theme/ColorView.vue
@@ -1,13 +1,13 @@
 <template>
-  <table class="w-100">
+  <table class="c-w-100">
     <tbody>
     <tr>
-      <td class="text-muted">HEX:</td>
-      <td class="font-weight-bold">{{this.hexColor}}</td>
+      <td class="c-text-muted">HEX:</td>
+      <td class="c-font-weight-bold">{{this.hexColor}}</td>
     </tr>
     <tr>
-      <td class="text-muted">RGB:</td>
-      <td class="font-weight-bold">{{this.bgColor}}</td>
+      <td class="c-text-muted">RGB:</td>
+      <td class="c-font-weight-bold">{{this.bgColor}}</td>
     </tr>
     </tbody>
   </table>
@@ -17,7 +17,7 @@
 import { rgbToHex } from '@coreui/coreui/dist/js/coreui-utilities'
 export default {
   name: 'ColorView',
-  data: function () {
+  data () {
     return {
       bgColor: 'rgb(255, 255, 255)'
     }
@@ -39,4 +39,3 @@ export default {
   }
 }
 </script>
-
diff --git a/src/views/theme/Colors.vue b/src/views/theme/Colors.vue
index b10c798c..a6452d51 100644
--- a/src/views/theme/Colors.vue
+++ b/src/views/theme/Colors.vue
@@ -1,21 +1,21 @@
 <template>
-  <div class="animated fadeIn">
+  <div class="c-animated c-fadeIn">
     <CCard >
       <CCardHeader>
         <i class="icon-drop"></i> Theme colors
       </CCardHeader>
       <CCardBody>
         <CRow>
-          <ColorTheme color="bg-primary">
+          <ColorTheme color="c-bg-primary">
             <h6>Brand Primary Color</h6>
           </ColorTheme>
-          <ColorTheme color="bg-secondary"><h6>Brand Secondary Color</h6></ColorTheme>
-          <ColorTheme color="bg-success"><h6>Brand Success Color</h6></ColorTheme>
-          <ColorTheme color="bg-danger"><h6>Brand Danger Color</h6></ColorTheme>
-          <ColorTheme color="bg-warning"><h6>Brand Warning Color</h6></ColorTheme>
-          <ColorTheme color="bg-info"><h6>Brand Info Color</h6></ColorTheme>
-          <ColorTheme color="bg-light"><h6>Brand Light Color</h6></ColorTheme>
-          <ColorTheme color="bg-dark"><h6>Brand Dark Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-secondary"><h6>Brand Secondary Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-success"><h6>Brand Success Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-danger"><h6>Brand Danger Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-warning"><h6>Brand Warning Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-info"><h6>Brand Info Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-light"><h6>Brand Light Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-dark"><h6>Brand Dark Color</h6></ColorTheme>
         </CRow>
       </CCardBody>
     </CCard>
@@ -25,15 +25,15 @@
       </CCardHeader>
       <CCardBody>
         <CRow>
-          <ColorTheme color="bg-gray-100"><h6>Brand 100 Color</h6></ColorTheme>
-          <ColorTheme color="bg-gray-200"><h6>Brand 200 Color</h6></ColorTheme>
-          <ColorTheme color="bg-gray-300"><h6>Brand 300 Color</h6></ColorTheme>
-          <ColorTheme color="bg-gray-400"><h6>Brand 400 Color</h6></ColorTheme>
-          <ColorTheme color="bg-gray-500"><h6>Brand 500 Color</h6></ColorTheme>
-          <ColorTheme color="bg-gray-600"><h6>Brand 600 Color</h6></ColorTheme>
-          <ColorTheme color="bg-gray-700"><h6>Brand 700 Color</h6></ColorTheme>
-          <ColorTheme color="bg-gray-800"><h6>Brand 800 Color</h6></ColorTheme>
-          <ColorTheme color="bg-gray-900"><h6>Brand 900 Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-gray-100"><h6>Brand 100 Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-gray-200"><h6>Brand 200 Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-gray-300"><h6>Brand 300 Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-gray-400"><h6>Brand 400 Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-gray-500"><h6>Brand 500 Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-gray-600"><h6>Brand 600 Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-gray-700"><h6>Brand 700 Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-gray-800"><h6>Brand 800 Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-gray-900"><h6>Brand 900 Color</h6></ColorTheme>
         </CRow>
       </CCardBody>
     </CCard>
@@ -43,16 +43,16 @@
       </CCardHeader>
       <CCardBody>
         <CRow>
-          <ColorTheme color="bg-blue"><h6>Brand Blue Color</h6></ColorTheme>
-          <ColorTheme color="bg-indigo"><h6>Brand Indigo Color</h6></ColorTheme>
-          <ColorTheme color="bg-purple"><h6>Brand Purple Color</h6></ColorTheme>
-          <ColorTheme color="bg-pink"><h6>Brand Pink Color</h6></ColorTheme>
-          <ColorTheme color="bg-red"><h6>Brand Red Color</h6></ColorTheme>
-          <ColorTheme color="bg-orange"><h6>Brand Orange Color</h6></ColorTheme>
-          <ColorTheme color="bg-yellow"><h6>Brand Yellow Color</h6></ColorTheme>
-          <ColorTheme color="bg-green"><h6>Brand Green Color</h6></ColorTheme>
-          <ColorTheme color="bg-teal"><h6>Brand Teal Color</h6></ColorTheme>
-          <ColorTheme color="bg-cyan"><h6>Brand Cyan Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-blue"><h6>Brand Blue Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-indigo"><h6>Brand Indigo Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-purple"><h6>Brand Purple Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-pink"><h6>Brand Pink Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-red"><h6>Brand Red Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-orange"><h6>Brand Orange Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-yellow"><h6>Brand Yellow Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-green"><h6>Brand Green Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-teal"><h6>Brand Teal Color</h6></ColorTheme>
+          <ColorTheme color="c-bg-cyan"><h6>Brand Cyan Color</h6></ColorTheme>
         </CRow>
       </CCardBody>
     </CCard>
diff --git a/src/views/theme/Typography.vue b/src/views/theme/Typography.vue
index 0ce38e1d..01ab14f1 100644
--- a/src/views/theme/Typography.vue
+++ b/src/views/theme/Typography.vue
@@ -1,12 +1,13 @@
 <template>
-  <div class="animated fadeIn">
-    <div class="card">
-      <div class="card-header">
+  <div class="c-animated c-fadeIn">
+    <div class="c-card">
+      <div class="c-card-header">
         Headings
       </div>
-      <div class="card-body">
-        <p>Documentation and examples for Bootstrap typography, including global settings, headings, body text, lists, and more.</p>
-        <table class="table">
+      <div class="c-card-body">
+        <p>Documentation and examples for Bootstrap typography,
+          including global settings, headings, body text, lists, and more.</p>
+        <table class="c-table">
           <thead>
             <tr>
               <th>Heading</th>
@@ -16,132 +17,193 @@
           <tbody>
             <tr>
               <td>
-                <p><code class="highlighter-rouge">&lt;h1&gt;&lt;/h1&gt;</code></p>
+                <p>
+                  <code class="c-highlighter-rouge">
+                    &lt;h1&gt;&lt;/h1&gt;
+                  </code>
+                </p>
               </td>
-              <td><span class="h1">h1. Bootstrap heading</span></td>
+              <td><span class="c-h1">h1. Bootstrap heading</span></td>
             </tr>
             <tr>
               <td>
-                <p><code class="highlighter-rouge">&lt;h2&gt;&lt;/h2&gt;</code></p>
+                <p>
+                  <code class="c-highlighter-rouge">
+                    &lt;h2&gt;&lt;/h2&gt;
+                  </code>
+                </p>
               </td>
-              <td><span class="h2">h2. Bootstrap heading</span></td>
+              <td><span class="c-h2">h2. Bootstrap heading</span></td>
             </tr>
             <tr>
               <td>
-                <p><code class="highlighter-rouge">&lt;h3&gt;&lt;/h3&gt;</code></p>
+                <p>
+                  <code class="c-highlighter-rouge">
+                    &lt;h3&gt;&lt;/h3&gt;
+                  </code>
+                </p>
               </td>
-              <td><span class="h3">h3. Bootstrap heading</span></td>
+              <td><span class="c-h3">h3. Bootstrap heading</span></td>
             </tr>
             <tr>
               <td>
-                <p><code class="highlighter-rouge">&lt;h4&gt;&lt;/h4&gt;</code></p>
+                <p>
+                  <code class="c-highlighter-rouge">
+                    &lt;h4&gt;&lt;/h4&gt;
+                  </code>
+                </p>
               </td>
-              <td><span class="h4">h4. Bootstrap heading</span></td>
+              <td><span class="c-h4">h4. Bootstrap heading</span></td>
             </tr>
             <tr>
               <td>
-                <p><code class="highlighter-rouge">&lt;h5&gt;&lt;/h5&gt;</code></p>
+                <p>
+                  <code class="c-highlighter-rouge">
+                    &lt;h5&gt;&lt;/h5&gt;
+                  </code>
+                </p>
               </td>
-              <td><span class="h5">h5. Bootstrap heading</span></td>
+              <td><span class="c-h5">h5. Bootstrap heading</span></td>
             </tr>
             <tr>
               <td>
-                <p><code class="highlighter-rouge">&lt;h6&gt;&lt;/h6&gt;</code></p>
+                <p>
+                  <code class="c-highlighter-rouge">
+                    &lt;h6&gt;&lt;/h6&gt;
+                  </code>
+                </p>
               </td>
-              <td><span class="h6">h6. Bootstrap heading</span></td>
+              <td><span class="c-h6">h6. Bootstrap heading</span></td>
             </tr>
           </tbody>
         </table>
       </div>
     </div>
-    <div class="card">
-      <div class="card-header">
+    <div class="c-card">
+      <div class="c-card-header">
         Headings
       </div>
-      <div class="card-body">
-        <p><code class="highlighter-rouge">.h1</code> through <code class="highlighter-rouge">.h6</code> classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element.</p>
-        <div class="bd-example">
-          <p class="h1">h1. Bootstrap heading</p>
-          <p class="h2">h2. Bootstrap heading</p>
-          <p class="h3">h3. Bootstrap heading</p>
-          <p class="h4">h4. Bootstrap heading</p>
-          <p class="h5">h5. Bootstrap heading</p>
-          <p class="h6">h6. Bootstrap heading</p>
+      <div class="c-card-body">
+        <p>
+          <code class="c-highlighter-rouge">.h1</code> through
+          <code class="c-highlighter-rouge">.h6</code>
+          classes are also available, for when you want to match the font
+          styling of a heading but cannot use the associated HTML element.
+        </p>
+        <div class="c-bd-example">
+          <p class="c-h1">h1. Bootstrap heading</p>
+          <p class="c-h2">h2. Bootstrap heading</p>
+          <p class="c-h3">h3. Bootstrap heading</p>
+          <p class="c-h4">h4. Bootstrap heading</p>
+          <p class="c-h5">h5. Bootstrap heading</p>
+          <p class="c-h6">h6. Bootstrap heading</p>
         </div>
       </div>
     </div>
-    <div class="card">
-      <div class="card-header">
+    <div class="c-card">
+      <div class="c-card-header">
         Display headings
       </div>
-      <div class="card-body">
-        <p>Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a <strong>display heading</strong>—a larger, slightly more opinionated heading style.</p>
-        <div class="bd-example bd-example-type">
-          <table class="table">
+      <div class="c-card-body">
+        <p>
+          Traditional heading elements are designed to work best in the meat
+          of your page content. When you need a heading to stand out,
+          consider using a <strong>display heading</strong>—a larger,
+           slightly more opinionated heading style.
+        </p>
+        <div class="c-bd-example c-bd-example-type">
+          <table class="c-table">
             <tbody>
               <tr>
-                <td><span class="display-1">Display 1</span></td>
+                <td><span class="c-display-1">Display 1</span></td>
               </tr>
               <tr>
-                <td><span class="display-2">Display 2</span></td>
+                <td><span class="c-display-2">Display 2</span></td>
               </tr>
               <tr>
-                <td><span class="display-3">Display 3</span></td>
+                <td><span class="c-display-3">Display 3</span></td>
               </tr>
               <tr>
-                <td><span class="display-4">Display 4</span></td>
+                <td><span class="c-display-4">Display 4</span></td>
               </tr>
             </tbody>
           </table>
         </div>
       </div>
     </div>
-    <div class="card">
-      <div class="card-header">
+    <div class="c-card">
+      <div class="c-card-header">
         Inline text elements
       </div>
-      <div class="card-body">
-        <p>Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a <strong>display heading</strong>—a larger, slightly more opinionated heading style.</p>
-        <div class="bd-example">
+      <div class="c-card-body">
+        <p>
+          Traditional heading elements are designed to work best in the meat
+          of your page content. When you need a heading to stand out,
+          consider using a <strong>display heading</strong>—a larger,
+          slightly more opinionated heading style.
+        </p>
+        <div class="c-bd-example">
           <p>You can use the mark tag to <mark>highlight</mark> text.</p>
-          <p><del>This line of text is meant to be treated as deleted text.</del></p>
-          <p><s>This line of text is meant to be treated as no longer accurate.</s></p>
-          <p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
+          <p><del>
+            This line of text is meant to be treated as deleted text.
+          </del></p>
+          <p><s>
+            This line of text is meant to be treated as no longer accurate.
+          </s></p>
+          <p><ins>
+            This line of text is meant to be treated as an addition to the document.
+          </ins></p>
           <p><u>This line of text will render as underlined</u></p>
-          <p><small>This line of text is meant to be treated as fine print.</small></p>
+          <p><small>
+            This line of text is meant to be treated as fine print.
+          </small></p>
           <p><strong>This line rendered as bold text.</strong></p>
           <p><em>This line rendered as italicized text.</em></p>
         </div>
       </div>
     </div>
-    <div class="card">
-      <div class="card-header">
+    <div class="c-card">
+      <div class="c-card-header">
         Description list alignment
       </div>
-      <div class="card-body">
-        <p>Align terms and descriptions horizontally by using our grid system’s predefined classes (or semantic mixins). For longer terms, you can optionally add a <code class="highlighter-rouge">.text-truncate</code> class to truncate the text with an ellipsis.</p>
-        <div class="bd-example">
-          <dl class="row">
-            <dt class="col-sm-3">Description lists</dt>
-            <dd class="col-sm-9">A description list is perfect for defining terms.</dd>
+      <div class="c-card-body">
+        <p>
+          Align terms and descriptions horizontally by using our grid system’s
+          predefined classes (or semantic mixins). For longer terms, you can
+          optionally add a <code class="highlighter-rouge">.text-truncate</code>
+          class to truncate the text with an ellipsis.
+        </p>
+        <div class="c-bd-example">
+          <dl class="c-row">
+            <dt class="c-col-sm-3">Description lists</dt>
+            <dd class="c-col-sm-9">
+              A description list is perfect for defining terms.
+            </dd>
 
-            <dt class="col-sm-3">Euismod</dt>
-            <dd class="col-sm-9">
+            <dt class="c-col-sm-3">Euismod</dt>
+            <dd class="c-col-sm-9">
               <p>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</p>
               <p>Donec id elit non mi porta gravida at eget metus.</p>
             </dd>
 
-            <dt class="col-sm-3">Malesuada porta</dt>
-            <dd class="col-sm-9">Etiam porta sem malesuada magna mollis euismod.</dd>
+            <dt class="c-col-sm-3">Malesuada porta</dt>
+            <dd class="c-col-sm-9">
+              Etiam porta sem malesuada magna mollis euismod.
+            </dd>
 
-            <dt class="col-sm-3 text-truncate">Truncated term is truncated</dt>
-            <dd class="col-sm-9">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</dd>
+            <dt class="c-col-sm-3 text-truncate">Truncated term is truncated</dt>
+            <dd class="c-col-sm-9">
+              Fusce dapibus, tellus ac cursus commodo, tortor mauris
+              condimentum nibh, ut fermentum massa justo sit amet risus.
+            </dd>
 
-            <dt class="col-sm-3">Nesting</dt>
-            <dd class="col-sm-9">
-              <dl class="row">
-                <dt class="col-sm-4">Nested definition list</dt>
-                <dd class="col-sm-8">Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.</dd>
+            <dt class="c-col-sm-3">Nesting</dt>
+            <dd class="c-col-sm-9">
+              <dl class="c-row">
+                <dt class="c-col-sm-4">Nested definition list</dt>
+                <dd class="c-col-sm-8">
+                  Aenean posuere, tortor sed cursus feugiat, nunc augue nunc.
+                </dd>
               </dl>
             </dd>
           </dl>
diff --git a/src/views/users/User.vue b/src/views/users/User.vue
index 29f7d98c..9ed6b8e6 100644
--- a/src/views/users/User.vue
+++ b/src/views/users/User.vue
@@ -6,11 +6,12 @@
           User id:  {{ $route.params.id }}
         </CCardHeader>
         <CCardBody>
-          <CTable striped
-                  small
-                  fixed
-                  :items="items($route.params.id)"
-                  :fields="$options.fields"
+          <CTable
+            striped
+            small
+            fixed
+            :items="items($route.params.id)"
+            :fields="$options.fields"
           />
         </CCardBody>
         <CCardFooter>
diff --git a/src/views/users/Users.vue b/src/views/users/Users.vue
index 6bb840d8..e61fa023 100644
--- a/src/views/users/Users.vue
+++ b/src/views/users/Users.vue
@@ -3,14 +3,15 @@
     <CCol col="12" xl="8">
       <transition name="slide">
         <CCard headerHtml="users" bodyWrapper>
-          <CTable hover
-                  striped
-                  :items="items"
-                  :fields="fields"
-                  :current-page="currentPage"
-                  :per-page="perPage"
-                  @row-clicked="rowClicked"
-                  :paginationProps="$options.paginationProps"
+          <CTable
+            hover
+            striped
+            :items="items"
+            :fields="fields"
+            :current-page="currentPage"
+            :per-page="perPage"
+            @row-clicked="rowClicked"
+            :paginationProps="$options.paginationProps"
           >
             <td slot="id" slot-scope="data">
               <strong>{{data.item.id}}</strong>
@@ -19,7 +20,9 @@
               <strong>{{data.item.name}}</strong>
             </td>
             <td slot="status" slot-scope="data">
-              <CBadge :variant="getBadge(data.item.status)">{{data.item.status}}</CBadge>
+              <CBadge :variant="getBadge(data.item.status)">
+                {{data.item.status}}
+              </CBadge>
             </td>
           </CTable>
         </CCard>
@@ -74,7 +77,7 @@ export default {
 </script>
 
 <style scoped>
-.card-body >>> table > tbody > tr > td {
+.c-card-body >>> table > tbody > tr > td {
   cursor: pointer;
 }
 </style>