diff --git a/css/style.css b/css/style.css
index 55b8234..619e04d 100644
--- a/css/style.css
+++ b/css/style.css
@@ -27,11 +27,6 @@ body {
   text-align: right;
 }
 
-h1, h2, h3, h4, h5, h6, h7, h8, h9, h10 {
-  color: #fdf6e3;
-  text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);
-}
-
 /* ------------------ HEADERS ------------------- */
 header h1 {
   border-style: none !important;
@@ -63,6 +58,266 @@ header h1 {
   box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0);
 }
 
+/*
+ * 2. Cards and containers
+ * All elements that are supposed to contain other stuff
+ *
+ *
+*/
+.card {
+  border-radius: 0px 0px 0px 0px;
+  background-color: #eee8d5;
+  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0);
+  border: none;
+  margin-bottom: 1.2em;
+  padding: 1em;
+}
+.card .card-body {
+  padding: 0;
+}
+.card .card-body:not(:first-child) {
+  padding-top: 1em;
+}
+.card-header {
+  font-size: 1.1em;
+  font-weight: 600;
+  border-radius: 0;
+  padding: 0.5em;
+  padding-bottom: 0.5em !important;
+  margin-left: -2em;
+}
+.card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6, .card-header h7, .card-header h8, .card-header h9, .card-header h10 {
+  font-size: 1em;
+  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
+  padding: 0px;
+  margin: 0px;
+  color: #fdf6e3;
+  font-weight: 600;
+  line-height: 1.5em;
+}
+
+.smallcard, .toast, .menu {
+  border-radius: 0px 0px 0px 0px;
+  background-color: #eee8d5;
+  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0);
+  border: none;
+  margin-bottom: 1.2em;
+  padding: 0.66em;
+}
+.smallcard-header, .toast-header, .menu-header {
+  font-size: 1.1em;
+  font-weight: 600;
+  border-radius: 0;
+  padding: 0.5em;
+  padding-bottom: 0.5em !important;
+  margin-left: -2em;
+}
+.smallcard-header h1, .smallcard-header h2, .smallcard-header h3, .smallcard-header h4, .smallcard-header h5, .smallcard-header h6, .smallcard-header h7, .smallcard-header h8, .smallcard-header h9, .smallcard-header h10, .toast-header h1, .toast-header h2, .toast-header h3, .toast-header h4, .toast-header h5, .toast-header h6, .toast-header h7, .toast-header h8, .toast-header h9, .toast-header h10, .menu-header h1, .menu-header h2, .menu-header h3, .menu-header h4, .menu-header h5, .menu-header h6, .menu-header h7, .menu-header h8, .menu-header h9, .menu-header h10 {
+  font-size: 1em;
+  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
+  padding: 0px;
+  margin: 0px;
+  color: #fdf6e3;
+  font-weight: 600;
+  line-height: 1.5em;
+}
+
+/* Menu handling */
+.menu li {
+  border-radius: 0px 0px 0px 0px;
+  padding: 0.2em 0em 0.2em;
+  margin: 0;
+}
+.menu li.menu-item :hover {
+  background-color: rgba(0, 0, 0, 0.1);
+  color: #002b36;
+}
+.menu li.menu-item .menu-badge :hover {
+  background-color: transparent;
+}
+.menu li .label {
+  padding: 0 0.4em 0;
+}
+
+/* meta */
+.card-meta {
+  padding: 1em;
+  border-bottom: 0px solid rgba(0, 0, 0, 0.2);
+}
+.card-meta.media {
+  -ms-flex-align: center !important;
+  align-items: center !important;
+}
+.card-meta .media-left .media-object {
+  height: 64px;
+  width: 64px;
+  border-radius: 10px;
+  margin-right: 1em;
+}
+.card-meta author {
+  display: block;
+  font-weight: 600;
+}
+.card-meta time {
+  display: block;
+  font-style: italic;
+}
+
+/* COLORIZE CARDS and TOASTS */
+.card-blue > .card-header, .card-blue > .menu-header, .smallcard-blue > .card-header, .smallcard-blue > .menu-header, .menu-blue > .card-header, .menu-blue > .menu-header {
+  background-color: #268bd2 !important;
+  color: #fdf6e3;
+}
+.card-violet > .card-header, .card-violet > .menu-header, .smallcard-violet > .card-header, .smallcard-violet > .menu-header, .menu-violet > .card-header, .menu-violet > .menu-header {
+  background-color: #d33682 !important;
+  color: #fdf6e3;
+}
+.card-purple > .card-header, .card-purple > .menu-header, .smallcard-purple > .card-header, .smallcard-purple > .menu-header, .menu-purple > .card-header, .menu-purple > .menu-header {
+  background-color: #6c71c4 !important;
+  color: #fdf6e3;
+}
+.card-red > .card-header, .card-red > .menu-header, .smallcard-red > .card-header, .smallcard-red > .menu-header, .menu-red > .card-header, .menu-red > .menu-header {
+  background-color: #dc322f !important;
+  color: #fdf6e3;
+}
+.card-orange > .card-header, .card-orange > .menu-header, .smallcard-orange > .card-header, .smallcard-orange > .menu-header, .menu-orange > .card-header, .menu-orange > .menu-header {
+  background-color: #cb4b16 !important;
+  color: #fdf6e3;
+}
+.card-green > .card-header, .card-green > .menu-header, .smallcard-green > .card-header, .smallcard-green > .menu-header, .menu-green > .card-header, .menu-green > .menu-header {
+  background-color: #859900 !important;
+  color: #fdf6e3;
+}
+.card-skyblue > .card-header, .card-skyblue > .menu-header, .smallcard-skyblue > .card-header, .smallcard-skyblue > .menu-header, .menu-skyblue > .card-header, .menu-skyblue > .menu-header {
+  background-color: #2aa198 !important;
+  color: #fdf6e3;
+}
+.card-dark > .card-header, .card-dark > .menu-header, .smallcard-dark > .card-header, .smallcard-dark > .menu-header, .menu-dark > .card-header, .menu-dark > .menu-header {
+  background-color: #002b36 !important;
+  color: #fdf6e3;
+}
+.card-light > .card-header, .card-light > .menu-header, .smallcard-light > .card-header, .smallcard-light > .menu-header, .menu-light > .card-header, .menu-light > .menu-header {
+  background-color: #eee8d5 !important;
+  color: #002b36;
+}
+.card-turquoise > .card-header, .card-turquoise > .menu-header, .smallcard-turquoise > .card-header, .smallcard-turquoise > .menu-header, .menu-turquoise > .card-header, .menu-turquoise > .menu-header {
+  background-color: #2aa198 !important;
+  color: #fdf6e3;
+}
+.card-yellow > .card-header, .card-yellow > .menu-header, .smallcard-yellow > .card-header, .smallcard-yellow > .menu-header, .menu-yellow > .card-header, .menu-yellow > .menu-header {
+  background-color: #b58900 !important;
+  color: #fdf6e3;
+}
+.card-brown > .card-header, .card-brown > .menu-header, .smallcard-brown > .card-header, .smallcard-brown > .menu-header, .menu-brown > .card-header, .menu-brown > .menu-header {
+  background-color: #b58900 !important;
+  color: #fdf6e3;
+}
+.card-grey > .card-header, .card-grey > .menu-header, .smallcard-grey > .card-header, .smallcard-grey > .menu-header, .menu-grey > .card-header, .menu-grey > .menu-header {
+  background-color: #586e75 !important;
+  color: #fdf6e3;
+}
+.card-primary > .card-header, .card-primary > .menu-header, .smallcard-primary > .card-header, .smallcard-primary > .menu-header, .menu-primary > .card-header, .menu-primary > .menu-header {
+  background-color: #6c71c4 !important;
+  color: #fdf6e3;
+}
+.card-secondary > .card-header, .card-secondary > .menu-header, .smallcard-secondary > .card-header, .smallcard-secondary > .menu-header, .menu-secondary > .card-header, .menu-secondary > .menu-header {
+  background-color: #268bd2 !important;
+  color: #fdf6e3;
+}
+.card-warning > .card-header, .card-warning > .menu-header, .smallcard-warning > .card-header, .smallcard-warning > .menu-header, .menu-warning > .card-header, .menu-warning > .menu-header {
+  background-color: #cb4b16 !important;
+  color: #fdf6e3;
+}
+.card-danger > .card-header, .card-danger > .menu-header, .smallcard-danger > .card-header, .smallcard-danger > .menu-header, .menu-danger > .card-header, .menu-danger > .menu-header {
+  background-color: #dc322f !important;
+  color: #fdf6e3;
+}
+.card-info > .card-header, .card-info > .menu-header, .smallcard-info > .card-header, .smallcard-info > .menu-header, .menu-info > .card-header, .menu-info > .menu-header {
+  background-color: #2aa198 !important;
+  color: #fdf6e3;
+}
+.card-success > .card-header, .card-success > .menu-header, .smallcard-success > .card-header, .smallcard-success > .menu-header, .menu-success > .card-header, .menu-success > .menu-header {
+  background-color: #859900 !important;
+  color: #fdf6e3;
+}
+
+.toast-blue {
+  background-color: #268bd2 !important;
+  color: #fdf6e3;
+}
+.toast-violet {
+  background-color: #d33682 !important;
+  color: #fdf6e3;
+}
+.toast-purple {
+  background-color: #6c71c4 !important;
+  color: #fdf6e3;
+}
+.toast-red {
+  background-color: #dc322f !important;
+  color: #fdf6e3;
+}
+.toast-orange {
+  background-color: #cb4b16 !important;
+  color: #fdf6e3;
+}
+.toast-green {
+  background-color: #859900 !important;
+  color: #fdf6e3;
+}
+.toast-skyblue {
+  background-color: #2aa198 !important;
+  color: #fdf6e3;
+}
+.toast-dark {
+  background-color: #002b36 !important;
+  color: #fdf6e3;
+}
+.toast-light {
+  background-color: #eee8d5 !important;
+  color: #002b36;
+}
+.toast-turquoise {
+  background-color: #2aa198 !important;
+  color: #fdf6e3;
+}
+.toast-yellow {
+  background-color: #b58900 !important;
+  color: #fdf6e3;
+}
+.toast-brown {
+  background-color: #b58900 !important;
+  color: #fdf6e3;
+}
+.toast-grey {
+  background-color: #586e75 !important;
+  color: #fdf6e3;
+}
+.toast-primary {
+  background-color: #6c71c4 !important;
+  color: #fdf6e3;
+}
+.toast-secondary {
+  background-color: #268bd2 !important;
+  color: #fdf6e3;
+}
+.toast-warning {
+  background-color: #cb4b16 !important;
+  color: #fdf6e3;
+}
+.toast-danger {
+  background-color: #dc322f !important;
+  color: #fdf6e3;
+}
+.toast-info {
+  background-color: #2aa198 !important;
+  color: #fdf6e3;
+}
+.toast-success {
+  background-color: #859900 !important;
+  color: #fdf6e3;
+}
+
 /* ------------------ FOOTER ------------------- */
 footer {
   color: #fdf6e3;
@@ -95,90 +350,6 @@ ul.social li a:hover {
   background-color: #002b36;
 }
 
-/* ------------------ CARDS ------------------- */
-.card {
-  border-radius: 0px 0px 0px 0px;
-  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0);
-  border: none;
-  margin-bottom: 1.2em;
-  background-color: #fdf6e3;
-}
-
-.card-shadow {
-  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0);
-}
-
-.card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .card h7, .card h8, .card h9, .card h10 {
-  color: #002b36;
-  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
-}
-
-/* header and titles */
-.card-header {
-  border: 0px solid rgba(0, 0, 0, 0.3);
-  font-size: 1.1em;
-  box-shadow: inset 0px 2px 0px rgba(255, 255, 255, 0);
-  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
-  font-weight: 600;
-  border-radius: 0;
-}
-.card-header:first-child {
-  border-radius: 0px 0px 0px 0px;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.card-header:last-child {
-  border-radius: 0px 0px 0px 0px;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-.card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6, .card-header h7, .card-header h8, .card-header h9, .card-header h10 {
-  font-size: 1em;
-  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
-  padding: 0px;
-  margin: 0px;
-  color: #fdf6e3;
-  font-weight: 600;
-  line-height: 1.5em;
-}
-
-/* meta */
-.card-meta {
-  padding: 1em;
-  border-bottom: 0px solid rgba(0, 0, 0, 0.2);
-}
-.card-meta.media {
-  -ms-flex-align: center !important;
-  align-items: center !important;
-}
-.card-meta .media-left .media-object {
-  height: 64px;
-  width: 64px;
-  border-radius: 10px;
-  margin-right: 1em;
-}
-.card-meta author {
-  display: block;
-  font-weight: 600;
-}
-.card-meta time {
-  display: block;
-  font-style: italic;
-}
-
-/* lists */
-.list-group-item {
-  border: none;
-  background-color: transparent;
-}
-
-a.list-group-item:hover {
-  border-style: none;
-  border-width: 0px;
-  border-radius: 0px;
-  background-color: rgba(0, 0, 0, 0.1);
-}
-
 /* ------------------ BUTTONS ------------------- */
 .btn {
   border: 0px solid rgba(0, 0, 0, 0.3);
@@ -234,19 +405,6 @@ a.list-group-item:hover {
   outline: none;
 }
 
-/* ------------------ ALERTS ------------------- */
-.alert {
-  border: 0px solid rgba(0, 0, 0, 0.3);
-  border-radius: 0px 0px 0px 0px;
-  color: rgba(0, 0, 0, 0.7);
-  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0);
-}
-
-.alert a, .alert-link {
-  color: rgba(0, 0, 0, 0.7);
-  font-weight: bold;
-}
-
 /* ------------------ BREADCRUMB ------------------- */
 .breadcrumb {
   border-radius: 0px 0px 0px 0px;
@@ -417,434 +575,202 @@ a, a:hover, a:active {
   color: #fdf6e3;
 }
 
-/* CARDS */
-.card-blue > .card-header {
-  background-color: #268bd2;
-  color: #fdf6e3;
-}
-.card-violet > .card-header {
-  background-color: #d33682;
-  color: #fdf6e3;
-}
-.card-purple > .card-header {
-  background-color: #6c71c4;
-  color: #fdf6e3;
-}
-.card-red > .card-header {
-  background-color: #dc322f;
-  color: #fdf6e3;
-}
-.card-orange > .card-header {
-  background-color: #cb4b16;
-  color: #fdf6e3;
-}
-.card-green > .card-header {
-  background-color: #859900;
-  color: #fdf6e3;
-}
-.card-skyblue > .card-header {
-  background-color: #2aa198;
-  color: #fdf6e3;
-}
-.card-dark > .card-header {
-  background-color: #002b36;
-  color: #fdf6e3;
-}
-.card-light > .card-header {
-  background-color: #fdf6e3;
-  color: #002b36;
-}
-.card-turquoise > .card-header {
-  background-color: #2aa198;
-  color: #fdf6e3;
-}
-.card-yellow > .card-header {
-  background-color: #b58900;
-  color: #fdf6e3;
-}
-.card-brown > .card-header {
-  background-color: #b58900;
-  color: #fdf6e3;
-}
-.card-grey > .card-header {
-  background-color: #586e75;
-  color: #fdf6e3;
-}
-.card-primary > .card-header {
-  background-color: #6c71c4;
-  color: #fdf6e3;
-}
-.card-secondary > .card-header {
-  background-color: #268bd2;
-  color: #fdf6e3;
-}
-.card-warning > .card-header {
-  background-color: #cb4b16;
-  color: #fdf6e3;
-}
-.card-danger > .card-header {
-  background-color: #dc322f;
-  color: #fdf6e3;
-}
-.card-info > .card-header {
-  background-color: #2aa198;
-  color: #fdf6e3;
-}
-.card-success > .card-header {
-  background-color: #859900;
-  color: #fdf6e3;
-}
-
 /* BUTTONS & BADGES */
-.btn-blue {
+.btn-blue, a.btn-blue, .badge-blue, .chip-blue, a.chip-blue, a.badge-blue, .label-blue, a.label-blue {
   background-color: #268bd2;
   color: #fdf6e3;
 }
-.btn-blue:hover, .btn-blue:active, .btn-blue:focus, .btn-blue:not(.disabled):not(:disabled):hover, .btn-blue:not(.disabled):not(:disabled):active, .btn-blue:not(.disabled):not(:disabled):focus {
+.btn-blue:hover, .btn-blue:active, .btn-blue:focus, .btn-blue:not(.disabled):not(:disabled):hover, .btn-blue:not(.disabled):not(:disabled):active, .btn-blue:not(.disabled):not(:disabled):focus, a.btn-blue:hover, a.btn-blue:active, a.btn-blue:focus, a.btn-blue:not(.disabled):not(:disabled):hover, a.btn-blue:not(.disabled):not(:disabled):active, a.btn-blue:not(.disabled):not(:disabled):focus, .badge-blue:hover, .badge-blue:active, .badge-blue:focus, .badge-blue:not(.disabled):not(:disabled):hover, .badge-blue:not(.disabled):not(:disabled):active, .badge-blue:not(.disabled):not(:disabled):focus, .chip-blue:hover, .chip-blue:active, .chip-blue:focus, .chip-blue:not(.disabled):not(:disabled):hover, .chip-blue:not(.disabled):not(:disabled):active, .chip-blue:not(.disabled):not(:disabled):focus, a.chip-blue:hover, a.chip-blue:active, a.chip-blue:focus, a.chip-blue:not(.disabled):not(:disabled):hover, a.chip-blue:not(.disabled):not(:disabled):active, a.chip-blue:not(.disabled):not(:disabled):focus, a.badge-blue:hover, a.badge-blue:active, a.badge-blue:focus, a.badge-blue:not(.disabled):not(:disabled):hover, a.badge-blue:not(.disabled):not(:disabled):active, a.badge-blue:not(.disabled):not(:disabled):focus, .label-blue:hover, .label-blue:active, .label-blue:focus, .label-blue:not(.disabled):not(:disabled):hover, .label-blue:not(.disabled):not(:disabled):active, .label-blue:not(.disabled):not(:disabled):focus, a.label-blue:hover, a.label-blue:active, a.label-blue:focus, a.label-blue:not(.disabled):not(:disabled):hover, a.label-blue:not(.disabled):not(:disabled):active, a.label-blue:not(.disabled):not(:disabled):focus {
   background-color: #4ca2df;
   color: #fdf6e3;
 }
-.btn-violet {
+.btn-violet, a.btn-violet, .badge-violet, .chip-violet, a.chip-violet, a.badge-violet, .label-violet, a.label-violet {
   background-color: #d33682;
   color: #fdf6e3;
 }
-.btn-violet:hover, .btn-violet:active, .btn-violet:focus, .btn-violet:not(.disabled):not(:disabled):hover, .btn-violet:not(.disabled):not(:disabled):active, .btn-violet:not(.disabled):not(:disabled):focus {
+.btn-violet:hover, .btn-violet:active, .btn-violet:focus, .btn-violet:not(.disabled):not(:disabled):hover, .btn-violet:not(.disabled):not(:disabled):active, .btn-violet:not(.disabled):not(:disabled):focus, a.btn-violet:hover, a.btn-violet:active, a.btn-violet:focus, a.btn-violet:not(.disabled):not(:disabled):hover, a.btn-violet:not(.disabled):not(:disabled):active, a.btn-violet:not(.disabled):not(:disabled):focus, .badge-violet:hover, .badge-violet:active, .badge-violet:focus, .badge-violet:not(.disabled):not(:disabled):hover, .badge-violet:not(.disabled):not(:disabled):active, .badge-violet:not(.disabled):not(:disabled):focus, .chip-violet:hover, .chip-violet:active, .chip-violet:focus, .chip-violet:not(.disabled):not(:disabled):hover, .chip-violet:not(.disabled):not(:disabled):active, .chip-violet:not(.disabled):not(:disabled):focus, a.chip-violet:hover, a.chip-violet:active, a.chip-violet:focus, a.chip-violet:not(.disabled):not(:disabled):hover, a.chip-violet:not(.disabled):not(:disabled):active, a.chip-violet:not(.disabled):not(:disabled):focus, a.badge-violet:hover, a.badge-violet:active, a.badge-violet:focus, a.badge-violet:not(.disabled):not(:disabled):hover, a.badge-violet:not(.disabled):not(:disabled):active, a.badge-violet:not(.disabled):not(:disabled):focus, .label-violet:hover, .label-violet:active, .label-violet:focus, .label-violet:not(.disabled):not(:disabled):hover, .label-violet:not(.disabled):not(:disabled):active, .label-violet:not(.disabled):not(:disabled):focus, a.label-violet:hover, a.label-violet:active, a.label-violet:focus, a.label-violet:not(.disabled):not(:disabled):hover, a.label-violet:not(.disabled):not(:disabled):active, a.label-violet:not(.disabled):not(:disabled):focus {
   background-color: #dc609c;
   color: #fdf6e3;
 }
-.btn-purple {
+.btn-purple, a.btn-purple, .badge-purple, .chip-purple, a.chip-purple, a.badge-purple, .label-purple, a.label-purple {
   background-color: #6c71c4;
   color: #fdf6e3;
 }
-.btn-purple:hover, .btn-purple:active, .btn-purple:focus, .btn-purple:not(.disabled):not(:disabled):hover, .btn-purple:not(.disabled):not(:disabled):active, .btn-purple:not(.disabled):not(:disabled):focus {
+.btn-purple:hover, .btn-purple:active, .btn-purple:focus, .btn-purple:not(.disabled):not(:disabled):hover, .btn-purple:not(.disabled):not(:disabled):active, .btn-purple:not(.disabled):not(:disabled):focus, a.btn-purple:hover, a.btn-purple:active, a.btn-purple:focus, a.btn-purple:not(.disabled):not(:disabled):hover, a.btn-purple:not(.disabled):not(:disabled):active, a.btn-purple:not(.disabled):not(:disabled):focus, .badge-purple:hover, .badge-purple:active, .badge-purple:focus, .badge-purple:not(.disabled):not(:disabled):hover, .badge-purple:not(.disabled):not(:disabled):active, .badge-purple:not(.disabled):not(:disabled):focus, .chip-purple:hover, .chip-purple:active, .chip-purple:focus, .chip-purple:not(.disabled):not(:disabled):hover, .chip-purple:not(.disabled):not(:disabled):active, .chip-purple:not(.disabled):not(:disabled):focus, a.chip-purple:hover, a.chip-purple:active, a.chip-purple:focus, a.chip-purple:not(.disabled):not(:disabled):hover, a.chip-purple:not(.disabled):not(:disabled):active, a.chip-purple:not(.disabled):not(:disabled):focus, a.badge-purple:hover, a.badge-purple:active, a.badge-purple:focus, a.badge-purple:not(.disabled):not(:disabled):hover, a.badge-purple:not(.disabled):not(:disabled):active, a.badge-purple:not(.disabled):not(:disabled):focus, .label-purple:hover, .label-purple:active, .label-purple:focus, .label-purple:not(.disabled):not(:disabled):hover, .label-purple:not(.disabled):not(:disabled):active, .label-purple:not(.disabled):not(:disabled):focus, a.label-purple:hover, a.label-purple:active, a.label-purple:focus, a.label-purple:not(.disabled):not(:disabled):hover, a.label-purple:not(.disabled):not(:disabled):active, a.label-purple:not(.disabled):not(:disabled):focus {
   background-color: #9094d3;
   color: #fdf6e3;
 }
-.btn-red {
+.btn-red, a.btn-red, .badge-red, .chip-red, a.chip-red, a.badge-red, .label-red, a.label-red {
   background-color: #dc322f;
   color: #fdf6e3;
 }
-.btn-red:hover, .btn-red:active, .btn-red:focus, .btn-red:not(.disabled):not(:disabled):hover, .btn-red:not(.disabled):not(:disabled):active, .btn-red:not(.disabled):not(:disabled):focus {
+.btn-red:hover, .btn-red:active, .btn-red:focus, .btn-red:not(.disabled):not(:disabled):hover, .btn-red:not(.disabled):not(:disabled):active, .btn-red:not(.disabled):not(:disabled):focus, a.btn-red:hover, a.btn-red:active, a.btn-red:focus, a.btn-red:not(.disabled):not(:disabled):hover, a.btn-red:not(.disabled):not(:disabled):active, a.btn-red:not(.disabled):not(:disabled):focus, .badge-red:hover, .badge-red:active, .badge-red:focus, .badge-red:not(.disabled):not(:disabled):hover, .badge-red:not(.disabled):not(:disabled):active, .badge-red:not(.disabled):not(:disabled):focus, .chip-red:hover, .chip-red:active, .chip-red:focus, .chip-red:not(.disabled):not(:disabled):hover, .chip-red:not(.disabled):not(:disabled):active, .chip-red:not(.disabled):not(:disabled):focus, a.chip-red:hover, a.chip-red:active, a.chip-red:focus, a.chip-red:not(.disabled):not(:disabled):hover, a.chip-red:not(.disabled):not(:disabled):active, a.chip-red:not(.disabled):not(:disabled):focus, a.badge-red:hover, a.badge-red:active, a.badge-red:focus, a.badge-red:not(.disabled):not(:disabled):hover, a.badge-red:not(.disabled):not(:disabled):active, a.badge-red:not(.disabled):not(:disabled):focus, .label-red:hover, .label-red:active, .label-red:focus, .label-red:not(.disabled):not(:disabled):hover, .label-red:not(.disabled):not(:disabled):active, .label-red:not(.disabled):not(:disabled):focus, a.label-red:hover, a.label-red:active, a.label-red:focus, a.label-red:not(.disabled):not(:disabled):hover, a.label-red:not(.disabled):not(:disabled):active, a.label-red:not(.disabled):not(:disabled):focus {
   background-color: #e35d5b;
   color: #fdf6e3;
 }
-.btn-orange {
+.btn-orange, a.btn-orange, .badge-orange, .chip-orange, a.chip-orange, a.badge-orange, .label-orange, a.label-orange {
   background-color: #cb4b16;
   color: #fdf6e3;
 }
-.btn-orange:hover, .btn-orange:active, .btn-orange:focus, .btn-orange:not(.disabled):not(:disabled):hover, .btn-orange:not(.disabled):not(:disabled):active, .btn-orange:not(.disabled):not(:disabled):focus {
+.btn-orange:hover, .btn-orange:active, .btn-orange:focus, .btn-orange:not(.disabled):not(:disabled):hover, .btn-orange:not(.disabled):not(:disabled):active, .btn-orange:not(.disabled):not(:disabled):focus, a.btn-orange:hover, a.btn-orange:active, a.btn-orange:focus, a.btn-orange:not(.disabled):not(:disabled):hover, a.btn-orange:not(.disabled):not(:disabled):active, a.btn-orange:not(.disabled):not(:disabled):focus, .badge-orange:hover, .badge-orange:active, .badge-orange:focus, .badge-orange:not(.disabled):not(:disabled):hover, .badge-orange:not(.disabled):not(:disabled):active, .badge-orange:not(.disabled):not(:disabled):focus, .chip-orange:hover, .chip-orange:active, .chip-orange:focus, .chip-orange:not(.disabled):not(:disabled):hover, .chip-orange:not(.disabled):not(:disabled):active, .chip-orange:not(.disabled):not(:disabled):focus, a.chip-orange:hover, a.chip-orange:active, a.chip-orange:focus, a.chip-orange:not(.disabled):not(:disabled):hover, a.chip-orange:not(.disabled):not(:disabled):active, a.chip-orange:not(.disabled):not(:disabled):focus, a.badge-orange:hover, a.badge-orange:active, a.badge-orange:focus, a.badge-orange:not(.disabled):not(:disabled):hover, a.badge-orange:not(.disabled):not(:disabled):active, a.badge-orange:not(.disabled):not(:disabled):focus, .label-orange:hover, .label-orange:active, .label-orange:focus, .label-orange:not(.disabled):not(:disabled):hover, .label-orange:not(.disabled):not(:disabled):active, .label-orange:not(.disabled):not(:disabled):focus, a.label-orange:hover, a.label-orange:active, a.label-orange:focus, a.label-orange:not(.disabled):not(:disabled):hover, a.label-orange:not(.disabled):not(:disabled):active, a.label-orange:not(.disabled):not(:disabled):focus {
   background-color: #e8632c;
   color: #fdf6e3;
 }
-.btn-green {
+.btn-green, a.btn-green, .badge-green, .chip-green, a.chip-green, a.badge-green, .label-green, a.label-green {
   background-color: #859900;
   color: #fdf6e3;
 }
-.btn-green:hover, .btn-green:active, .btn-green:focus, .btn-green:not(.disabled):not(:disabled):hover, .btn-green:not(.disabled):not(:disabled):active, .btn-green:not(.disabled):not(:disabled):focus {
+.btn-green:hover, .btn-green:active, .btn-green:focus, .btn-green:not(.disabled):not(:disabled):hover, .btn-green:not(.disabled):not(:disabled):active, .btn-green:not(.disabled):not(:disabled):focus, a.btn-green:hover, a.btn-green:active, a.btn-green:focus, a.btn-green:not(.disabled):not(:disabled):hover, a.btn-green:not(.disabled):not(:disabled):active, a.btn-green:not(.disabled):not(:disabled):focus, .badge-green:hover, .badge-green:active, .badge-green:focus, .badge-green:not(.disabled):not(:disabled):hover, .badge-green:not(.disabled):not(:disabled):active, .badge-green:not(.disabled):not(:disabled):focus, .chip-green:hover, .chip-green:active, .chip-green:focus, .chip-green:not(.disabled):not(:disabled):hover, .chip-green:not(.disabled):not(:disabled):active, .chip-green:not(.disabled):not(:disabled):focus, a.chip-green:hover, a.chip-green:active, a.chip-green:focus, a.chip-green:not(.disabled):not(:disabled):hover, a.chip-green:not(.disabled):not(:disabled):active, a.chip-green:not(.disabled):not(:disabled):focus, a.badge-green:hover, a.badge-green:active, a.badge-green:focus, a.badge-green:not(.disabled):not(:disabled):hover, a.badge-green:not(.disabled):not(:disabled):active, a.badge-green:not(.disabled):not(:disabled):focus, .label-green:hover, .label-green:active, .label-green:focus, .label-green:not(.disabled):not(:disabled):hover, .label-green:not(.disabled):not(:disabled):active, .label-green:not(.disabled):not(:disabled):focus, a.label-green:hover, a.label-green:active, a.label-green:focus, a.label-green:not(.disabled):not(:disabled):hover, a.label-green:not(.disabled):not(:disabled):active, a.label-green:not(.disabled):not(:disabled):focus {
   background-color: #b1cc00;
   color: #fdf6e3;
 }
-.btn-skyblue {
+.btn-skyblue, a.btn-skyblue, .badge-skyblue, .chip-skyblue, a.chip-skyblue, a.badge-skyblue, .label-skyblue, a.label-skyblue {
   background-color: #2aa198;
   color: #fdf6e3;
 }
-.btn-skyblue:hover, .btn-skyblue:active, .btn-skyblue:focus, .btn-skyblue:not(.disabled):not(:disabled):hover, .btn-skyblue:not(.disabled):not(:disabled):active, .btn-skyblue:not(.disabled):not(:disabled):focus {
+.btn-skyblue:hover, .btn-skyblue:active, .btn-skyblue:focus, .btn-skyblue:not(.disabled):not(:disabled):hover, .btn-skyblue:not(.disabled):not(:disabled):active, .btn-skyblue:not(.disabled):not(:disabled):focus, a.btn-skyblue:hover, a.btn-skyblue:active, a.btn-skyblue:focus, a.btn-skyblue:not(.disabled):not(:disabled):hover, a.btn-skyblue:not(.disabled):not(:disabled):active, a.btn-skyblue:not(.disabled):not(:disabled):focus, .badge-skyblue:hover, .badge-skyblue:active, .badge-skyblue:focus, .badge-skyblue:not(.disabled):not(:disabled):hover, .badge-skyblue:not(.disabled):not(:disabled):active, .badge-skyblue:not(.disabled):not(:disabled):focus, .chip-skyblue:hover, .chip-skyblue:active, .chip-skyblue:focus, .chip-skyblue:not(.disabled):not(:disabled):hover, .chip-skyblue:not(.disabled):not(:disabled):active, .chip-skyblue:not(.disabled):not(:disabled):focus, a.chip-skyblue:hover, a.chip-skyblue:active, a.chip-skyblue:focus, a.chip-skyblue:not(.disabled):not(:disabled):hover, a.chip-skyblue:not(.disabled):not(:disabled):active, a.chip-skyblue:not(.disabled):not(:disabled):focus, a.badge-skyblue:hover, a.badge-skyblue:active, a.badge-skyblue:focus, a.badge-skyblue:not(.disabled):not(:disabled):hover, a.badge-skyblue:not(.disabled):not(:disabled):active, a.badge-skyblue:not(.disabled):not(:disabled):focus, .label-skyblue:hover, .label-skyblue:active, .label-skyblue:focus, .label-skyblue:not(.disabled):not(:disabled):hover, .label-skyblue:not(.disabled):not(:disabled):active, .label-skyblue:not(.disabled):not(:disabled):focus, a.label-skyblue:hover, a.label-skyblue:active, a.label-skyblue:focus, a.label-skyblue:not(.disabled):not(:disabled):hover, a.label-skyblue:not(.disabled):not(:disabled):active, a.label-skyblue:not(.disabled):not(:disabled):focus {
   background-color: #35c9be;
   color: #fdf6e3;
 }
-.btn-dark {
+.btn-dark, a.btn-dark, .badge-dark, .chip-dark, a.chip-dark, a.badge-dark, .label-dark, a.label-dark {
   background-color: #002b36;
   color: #fdf6e3;
 }
-.btn-dark:hover, .btn-dark:active, .btn-dark:focus, .btn-dark:not(.disabled):not(:disabled):hover, .btn-dark:not(.disabled):not(:disabled):active, .btn-dark:not(.disabled):not(:disabled):focus {
+.btn-dark:hover, .btn-dark:active, .btn-dark:focus, .btn-dark:not(.disabled):not(:disabled):hover, .btn-dark:not(.disabled):not(:disabled):active, .btn-dark:not(.disabled):not(:disabled):focus, a.btn-dark:hover, a.btn-dark:active, a.btn-dark:focus, a.btn-dark:not(.disabled):not(:disabled):hover, a.btn-dark:not(.disabled):not(:disabled):active, a.btn-dark:not(.disabled):not(:disabled):focus, .badge-dark:hover, .badge-dark:active, .badge-dark:focus, .badge-dark:not(.disabled):not(:disabled):hover, .badge-dark:not(.disabled):not(:disabled):active, .badge-dark:not(.disabled):not(:disabled):focus, .chip-dark:hover, .chip-dark:active, .chip-dark:focus, .chip-dark:not(.disabled):not(:disabled):hover, .chip-dark:not(.disabled):not(:disabled):active, .chip-dark:not(.disabled):not(:disabled):focus, a.chip-dark:hover, a.chip-dark:active, a.chip-dark:focus, a.chip-dark:not(.disabled):not(:disabled):hover, a.chip-dark:not(.disabled):not(:disabled):active, a.chip-dark:not(.disabled):not(:disabled):focus, a.badge-dark:hover, a.badge-dark:active, a.badge-dark:focus, a.badge-dark:not(.disabled):not(:disabled):hover, a.badge-dark:not(.disabled):not(:disabled):active, a.badge-dark:not(.disabled):not(:disabled):focus, .label-dark:hover, .label-dark:active, .label-dark:focus, .label-dark:not(.disabled):not(:disabled):hover, .label-dark:not(.disabled):not(:disabled):active, .label-dark:not(.disabled):not(:disabled):focus, a.label-dark:hover, a.label-dark:active, a.label-dark:focus, a.label-dark:not(.disabled):not(:disabled):hover, a.label-dark:not(.disabled):not(:disabled):active, a.label-dark:not(.disabled):not(:disabled):focus {
   background-color: #005469;
   color: #fdf6e3;
 }
-.btn-light {
-  background-color: #fdf6e3;
+.btn-light, a.btn-light, .badge-light, .chip-light, a.chip-light, a.badge-light, .label-light, a.label-light {
+  background-color: #eee8d5;
   color: #002b36;
 }
-.btn-light:hover, .btn-light:active, .btn-light:focus, .btn-light:not(.disabled):not(:disabled):hover, .btn-light:not(.disabled):not(:disabled):active, .btn-light:not(.disabled):not(:disabled):focus {
-  background-color: white;
+.btn-light:hover, .btn-light:active, .btn-light:focus, .btn-light:not(.disabled):not(:disabled):hover, .btn-light:not(.disabled):not(:disabled):active, .btn-light:not(.disabled):not(:disabled):focus, a.btn-light:hover, a.btn-light:active, a.btn-light:focus, a.btn-light:not(.disabled):not(:disabled):hover, a.btn-light:not(.disabled):not(:disabled):active, a.btn-light:not(.disabled):not(:disabled):focus, .badge-light:hover, .badge-light:active, .badge-light:focus, .badge-light:not(.disabled):not(:disabled):hover, .badge-light:not(.disabled):not(:disabled):active, .badge-light:not(.disabled):not(:disabled):focus, .chip-light:hover, .chip-light:active, .chip-light:focus, .chip-light:not(.disabled):not(:disabled):hover, .chip-light:not(.disabled):not(:disabled):active, .chip-light:not(.disabled):not(:disabled):focus, a.chip-light:hover, a.chip-light:active, a.chip-light:focus, a.chip-light:not(.disabled):not(:disabled):hover, a.chip-light:not(.disabled):not(:disabled):active, a.chip-light:not(.disabled):not(:disabled):focus, a.badge-light:hover, a.badge-light:active, a.badge-light:focus, a.badge-light:not(.disabled):not(:disabled):hover, a.badge-light:not(.disabled):not(:disabled):active, a.badge-light:not(.disabled):not(:disabled):focus, .label-light:hover, .label-light:active, .label-light:focus, .label-light:not(.disabled):not(:disabled):hover, .label-light:not(.disabled):not(:disabled):active, .label-light:not(.disabled):not(:disabled):focus, a.label-light:hover, a.label-light:active, a.label-light:focus, a.label-light:not(.disabled):not(:disabled):hover, a.label-light:not(.disabled):not(:disabled):active, a.label-light:not(.disabled):not(:disabled):focus {
+  background-color: #fdfcf9;
   color: #002b36;
 }
-.btn-turquoise {
+.btn-turquoise, a.btn-turquoise, .badge-turquoise, .chip-turquoise, a.chip-turquoise, a.badge-turquoise, .label-turquoise, a.label-turquoise {
   background-color: #2aa198;
   color: #fdf6e3;
 }
-.btn-turquoise:hover, .btn-turquoise:active, .btn-turquoise:focus, .btn-turquoise:not(.disabled):not(:disabled):hover, .btn-turquoise:not(.disabled):not(:disabled):active, .btn-turquoise:not(.disabled):not(:disabled):focus {
+.btn-turquoise:hover, .btn-turquoise:active, .btn-turquoise:focus, .btn-turquoise:not(.disabled):not(:disabled):hover, .btn-turquoise:not(.disabled):not(:disabled):active, .btn-turquoise:not(.disabled):not(:disabled):focus, a.btn-turquoise:hover, a.btn-turquoise:active, a.btn-turquoise:focus, a.btn-turquoise:not(.disabled):not(:disabled):hover, a.btn-turquoise:not(.disabled):not(:disabled):active, a.btn-turquoise:not(.disabled):not(:disabled):focus, .badge-turquoise:hover, .badge-turquoise:active, .badge-turquoise:focus, .badge-turquoise:not(.disabled):not(:disabled):hover, .badge-turquoise:not(.disabled):not(:disabled):active, .badge-turquoise:not(.disabled):not(:disabled):focus, .chip-turquoise:hover, .chip-turquoise:active, .chip-turquoise:focus, .chip-turquoise:not(.disabled):not(:disabled):hover, .chip-turquoise:not(.disabled):not(:disabled):active, .chip-turquoise:not(.disabled):not(:disabled):focus, a.chip-turquoise:hover, a.chip-turquoise:active, a.chip-turquoise:focus, a.chip-turquoise:not(.disabled):not(:disabled):hover, a.chip-turquoise:not(.disabled):not(:disabled):active, a.chip-turquoise:not(.disabled):not(:disabled):focus, a.badge-turquoise:hover, a.badge-turquoise:active, a.badge-turquoise:focus, a.badge-turquoise:not(.disabled):not(:disabled):hover, a.badge-turquoise:not(.disabled):not(:disabled):active, a.badge-turquoise:not(.disabled):not(:disabled):focus, .label-turquoise:hover, .label-turquoise:active, .label-turquoise:focus, .label-turquoise:not(.disabled):not(:disabled):hover, .label-turquoise:not(.disabled):not(:disabled):active, .label-turquoise:not(.disabled):not(:disabled):focus, a.label-turquoise:hover, a.label-turquoise:active, a.label-turquoise:focus, a.label-turquoise:not(.disabled):not(:disabled):hover, a.label-turquoise:not(.disabled):not(:disabled):active, a.label-turquoise:not(.disabled):not(:disabled):focus {
   background-color: #35c9be;
   color: #fdf6e3;
 }
-.btn-yellow {
+.btn-yellow, a.btn-yellow, .badge-yellow, .chip-yellow, a.chip-yellow, a.badge-yellow, .label-yellow, a.label-yellow {
   background-color: #b58900;
   color: #fdf6e3;
 }
-.btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus, .btn-yellow:not(.disabled):not(:disabled):hover, .btn-yellow:not(.disabled):not(:disabled):active, .btn-yellow:not(.disabled):not(:disabled):focus {
+.btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus, .btn-yellow:not(.disabled):not(:disabled):hover, .btn-yellow:not(.disabled):not(:disabled):active, .btn-yellow:not(.disabled):not(:disabled):focus, a.btn-yellow:hover, a.btn-yellow:active, a.btn-yellow:focus, a.btn-yellow:not(.disabled):not(:disabled):hover, a.btn-yellow:not(.disabled):not(:disabled):active, a.btn-yellow:not(.disabled):not(:disabled):focus, .badge-yellow:hover, .badge-yellow:active, .badge-yellow:focus, .badge-yellow:not(.disabled):not(:disabled):hover, .badge-yellow:not(.disabled):not(:disabled):active, .badge-yellow:not(.disabled):not(:disabled):focus, .chip-yellow:hover, .chip-yellow:active, .chip-yellow:focus, .chip-yellow:not(.disabled):not(:disabled):hover, .chip-yellow:not(.disabled):not(:disabled):active, .chip-yellow:not(.disabled):not(:disabled):focus, a.chip-yellow:hover, a.chip-yellow:active, a.chip-yellow:focus, a.chip-yellow:not(.disabled):not(:disabled):hover, a.chip-yellow:not(.disabled):not(:disabled):active, a.chip-yellow:not(.disabled):not(:disabled):focus, a.badge-yellow:hover, a.badge-yellow:active, a.badge-yellow:focus, a.badge-yellow:not(.disabled):not(:disabled):hover, a.badge-yellow:not(.disabled):not(:disabled):active, a.badge-yellow:not(.disabled):not(:disabled):focus, .label-yellow:hover, .label-yellow:active, .label-yellow:focus, .label-yellow:not(.disabled):not(:disabled):hover, .label-yellow:not(.disabled):not(:disabled):active, .label-yellow:not(.disabled):not(:disabled):focus, a.label-yellow:hover, a.label-yellow:active, a.label-yellow:focus, a.label-yellow:not(.disabled):not(:disabled):hover, a.label-yellow:not(.disabled):not(:disabled):active, a.label-yellow:not(.disabled):not(:disabled):focus {
   background-color: #e8b000;
   color: #fdf6e3;
 }
-.btn-brown {
+.btn-brown, a.btn-brown, .badge-brown, .chip-brown, a.chip-brown, a.badge-brown, .label-brown, a.label-brown {
   background-color: #b58900;
   color: #fdf6e3;
 }
-.btn-brown:hover, .btn-brown:active, .btn-brown:focus, .btn-brown:not(.disabled):not(:disabled):hover, .btn-brown:not(.disabled):not(:disabled):active, .btn-brown:not(.disabled):not(:disabled):focus {
+.btn-brown:hover, .btn-brown:active, .btn-brown:focus, .btn-brown:not(.disabled):not(:disabled):hover, .btn-brown:not(.disabled):not(:disabled):active, .btn-brown:not(.disabled):not(:disabled):focus, a.btn-brown:hover, a.btn-brown:active, a.btn-brown:focus, a.btn-brown:not(.disabled):not(:disabled):hover, a.btn-brown:not(.disabled):not(:disabled):active, a.btn-brown:not(.disabled):not(:disabled):focus, .badge-brown:hover, .badge-brown:active, .badge-brown:focus, .badge-brown:not(.disabled):not(:disabled):hover, .badge-brown:not(.disabled):not(:disabled):active, .badge-brown:not(.disabled):not(:disabled):focus, .chip-brown:hover, .chip-brown:active, .chip-brown:focus, .chip-brown:not(.disabled):not(:disabled):hover, .chip-brown:not(.disabled):not(:disabled):active, .chip-brown:not(.disabled):not(:disabled):focus, a.chip-brown:hover, a.chip-brown:active, a.chip-brown:focus, a.chip-brown:not(.disabled):not(:disabled):hover, a.chip-brown:not(.disabled):not(:disabled):active, a.chip-brown:not(.disabled):not(:disabled):focus, a.badge-brown:hover, a.badge-brown:active, a.badge-brown:focus, a.badge-brown:not(.disabled):not(:disabled):hover, a.badge-brown:not(.disabled):not(:disabled):active, a.badge-brown:not(.disabled):not(:disabled):focus, .label-brown:hover, .label-brown:active, .label-brown:focus, .label-brown:not(.disabled):not(:disabled):hover, .label-brown:not(.disabled):not(:disabled):active, .label-brown:not(.disabled):not(:disabled):focus, a.label-brown:hover, a.label-brown:active, a.label-brown:focus, a.label-brown:not(.disabled):not(:disabled):hover, a.label-brown:not(.disabled):not(:disabled):active, a.label-brown:not(.disabled):not(:disabled):focus {
   background-color: #e8b000;
   color: #fdf6e3;
 }
-.btn-grey {
+.btn-grey, a.btn-grey, .badge-grey, .chip-grey, a.chip-grey, a.badge-grey, .label-grey, a.label-grey {
   background-color: #586e75;
   color: #fdf6e3;
 }
-.btn-grey:hover, .btn-grey:active, .btn-grey:focus, .btn-grey:not(.disabled):not(:disabled):hover, .btn-grey:not(.disabled):not(:disabled):active, .btn-grey:not(.disabled):not(:disabled):focus {
+.btn-grey:hover, .btn-grey:active, .btn-grey:focus, .btn-grey:not(.disabled):not(:disabled):hover, .btn-grey:not(.disabled):not(:disabled):active, .btn-grey:not(.disabled):not(:disabled):focus, a.btn-grey:hover, a.btn-grey:active, a.btn-grey:focus, a.btn-grey:not(.disabled):not(:disabled):hover, a.btn-grey:not(.disabled):not(:disabled):active, a.btn-grey:not(.disabled):not(:disabled):focus, .badge-grey:hover, .badge-grey:active, .badge-grey:focus, .badge-grey:not(.disabled):not(:disabled):hover, .badge-grey:not(.disabled):not(:disabled):active, .badge-grey:not(.disabled):not(:disabled):focus, .chip-grey:hover, .chip-grey:active, .chip-grey:focus, .chip-grey:not(.disabled):not(:disabled):hover, .chip-grey:not(.disabled):not(:disabled):active, .chip-grey:not(.disabled):not(:disabled):focus, a.chip-grey:hover, a.chip-grey:active, a.chip-grey:focus, a.chip-grey:not(.disabled):not(:disabled):hover, a.chip-grey:not(.disabled):not(:disabled):active, a.chip-grey:not(.disabled):not(:disabled):focus, a.badge-grey:hover, a.badge-grey:active, a.badge-grey:focus, a.badge-grey:not(.disabled):not(:disabled):hover, a.badge-grey:not(.disabled):not(:disabled):active, a.badge-grey:not(.disabled):not(:disabled):focus, .label-grey:hover, .label-grey:active, .label-grey:focus, .label-grey:not(.disabled):not(:disabled):hover, .label-grey:not(.disabled):not(:disabled):active, .label-grey:not(.disabled):not(:disabled):focus, a.label-grey:hover, a.label-grey:active, a.label-grey:focus, a.label-grey:not(.disabled):not(:disabled):hover, a.label-grey:not(.disabled):not(:disabled):active, a.label-grey:not(.disabled):not(:disabled):focus {
   background-color: #6e8992;
   color: #fdf6e3;
 }
-.btn-primary {
+.btn-primary, a.btn-primary, .badge-primary, .chip-primary, a.chip-primary, a.badge-primary, .label-primary, a.label-primary {
   background-color: #6c71c4;
   color: #fdf6e3;
 }
-.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:not(.disabled):not(:disabled):hover, .btn-primary:not(.disabled):not(:disabled):active, .btn-primary:not(.disabled):not(:disabled):focus {
+.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:not(.disabled):not(:disabled):hover, .btn-primary:not(.disabled):not(:disabled):active, .btn-primary:not(.disabled):not(:disabled):focus, a.btn-primary:hover, a.btn-primary:active, a.btn-primary:focus, a.btn-primary:not(.disabled):not(:disabled):hover, a.btn-primary:not(.disabled):not(:disabled):active, a.btn-primary:not(.disabled):not(:disabled):focus, .badge-primary:hover, .badge-primary:active, .badge-primary:focus, .badge-primary:not(.disabled):not(:disabled):hover, .badge-primary:not(.disabled):not(:disabled):active, .badge-primary:not(.disabled):not(:disabled):focus, .chip-primary:hover, .chip-primary:active, .chip-primary:focus, .chip-primary:not(.disabled):not(:disabled):hover, .chip-primary:not(.disabled):not(:disabled):active, .chip-primary:not(.disabled):not(:disabled):focus, a.chip-primary:hover, a.chip-primary:active, a.chip-primary:focus, a.chip-primary:not(.disabled):not(:disabled):hover, a.chip-primary:not(.disabled):not(:disabled):active, a.chip-primary:not(.disabled):not(:disabled):focus, a.badge-primary:hover, a.badge-primary:active, a.badge-primary:focus, a.badge-primary:not(.disabled):not(:disabled):hover, a.badge-primary:not(.disabled):not(:disabled):active, a.badge-primary:not(.disabled):not(:disabled):focus, .label-primary:hover, .label-primary:active, .label-primary:focus, .label-primary:not(.disabled):not(:disabled):hover, .label-primary:not(.disabled):not(:disabled):active, .label-primary:not(.disabled):not(:disabled):focus, a.label-primary:hover, a.label-primary:active, a.label-primary:focus, a.label-primary:not(.disabled):not(:disabled):hover, a.label-primary:not(.disabled):not(:disabled):active, a.label-primary:not(.disabled):not(:disabled):focus {
   background-color: #9094d3;
   color: #fdf6e3;
 }
-.btn-secondary {
+.btn-secondary, a.btn-secondary, .badge-secondary, .chip-secondary, a.chip-secondary, a.badge-secondary, .label-secondary, a.label-secondary {
   background-color: #268bd2;
   color: #fdf6e3;
 }
-.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:not(.disabled):not(:disabled):hover, .btn-secondary:not(.disabled):not(:disabled):active, .btn-secondary:not(.disabled):not(:disabled):focus {
+.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:not(.disabled):not(:disabled):hover, .btn-secondary:not(.disabled):not(:disabled):active, .btn-secondary:not(.disabled):not(:disabled):focus, a.btn-secondary:hover, a.btn-secondary:active, a.btn-secondary:focus, a.btn-secondary:not(.disabled):not(:disabled):hover, a.btn-secondary:not(.disabled):not(:disabled):active, a.btn-secondary:not(.disabled):not(:disabled):focus, .badge-secondary:hover, .badge-secondary:active, .badge-secondary:focus, .badge-secondary:not(.disabled):not(:disabled):hover, .badge-secondary:not(.disabled):not(:disabled):active, .badge-secondary:not(.disabled):not(:disabled):focus, .chip-secondary:hover, .chip-secondary:active, .chip-secondary:focus, .chip-secondary:not(.disabled):not(:disabled):hover, .chip-secondary:not(.disabled):not(:disabled):active, .chip-secondary:not(.disabled):not(:disabled):focus, a.chip-secondary:hover, a.chip-secondary:active, a.chip-secondary:focus, a.chip-secondary:not(.disabled):not(:disabled):hover, a.chip-secondary:not(.disabled):not(:disabled):active, a.chip-secondary:not(.disabled):not(:disabled):focus, a.badge-secondary:hover, a.badge-secondary:active, a.badge-secondary:focus, a.badge-secondary:not(.disabled):not(:disabled):hover, a.badge-secondary:not(.disabled):not(:disabled):active, a.badge-secondary:not(.disabled):not(:disabled):focus, .label-secondary:hover, .label-secondary:active, .label-secondary:focus, .label-secondary:not(.disabled):not(:disabled):hover, .label-secondary:not(.disabled):not(:disabled):active, .label-secondary:not(.disabled):not(:disabled):focus, a.label-secondary:hover, a.label-secondary:active, a.label-secondary:focus, a.label-secondary:not(.disabled):not(:disabled):hover, a.label-secondary:not(.disabled):not(:disabled):active, a.label-secondary:not(.disabled):not(:disabled):focus {
   background-color: #4ca2df;
   color: #fdf6e3;
 }
-.btn-warning {
+.btn-warning, a.btn-warning, .badge-warning, .chip-warning, a.chip-warning, a.badge-warning, .label-warning, a.label-warning {
   background-color: #cb4b16;
   color: #fdf6e3;
 }
-.btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-warning:not(.disabled):not(:disabled):hover, .btn-warning:not(.disabled):not(:disabled):active, .btn-warning:not(.disabled):not(:disabled):focus {
+.btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-warning:not(.disabled):not(:disabled):hover, .btn-warning:not(.disabled):not(:disabled):active, .btn-warning:not(.disabled):not(:disabled):focus, a.btn-warning:hover, a.btn-warning:active, a.btn-warning:focus, a.btn-warning:not(.disabled):not(:disabled):hover, a.btn-warning:not(.disabled):not(:disabled):active, a.btn-warning:not(.disabled):not(:disabled):focus, .badge-warning:hover, .badge-warning:active, .badge-warning:focus, .badge-warning:not(.disabled):not(:disabled):hover, .badge-warning:not(.disabled):not(:disabled):active, .badge-warning:not(.disabled):not(:disabled):focus, .chip-warning:hover, .chip-warning:active, .chip-warning:focus, .chip-warning:not(.disabled):not(:disabled):hover, .chip-warning:not(.disabled):not(:disabled):active, .chip-warning:not(.disabled):not(:disabled):focus, a.chip-warning:hover, a.chip-warning:active, a.chip-warning:focus, a.chip-warning:not(.disabled):not(:disabled):hover, a.chip-warning:not(.disabled):not(:disabled):active, a.chip-warning:not(.disabled):not(:disabled):focus, a.badge-warning:hover, a.badge-warning:active, a.badge-warning:focus, a.badge-warning:not(.disabled):not(:disabled):hover, a.badge-warning:not(.disabled):not(:disabled):active, a.badge-warning:not(.disabled):not(:disabled):focus, .label-warning:hover, .label-warning:active, .label-warning:focus, .label-warning:not(.disabled):not(:disabled):hover, .label-warning:not(.disabled):not(:disabled):active, .label-warning:not(.disabled):not(:disabled):focus, a.label-warning:hover, a.label-warning:active, a.label-warning:focus, a.label-warning:not(.disabled):not(:disabled):hover, a.label-warning:not(.disabled):not(:disabled):active, a.label-warning:not(.disabled):not(:disabled):focus {
   background-color: #e8632c;
   color: #fdf6e3;
 }
-.btn-danger {
+.btn-danger, a.btn-danger, .badge-danger, .chip-danger, a.chip-danger, a.badge-danger, .label-danger, a.label-danger {
   background-color: #dc322f;
   color: #fdf6e3;
 }
-.btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger:not(.disabled):not(:disabled):hover, .btn-danger:not(.disabled):not(:disabled):active, .btn-danger:not(.disabled):not(:disabled):focus {
+.btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn-danger:not(.disabled):not(:disabled):hover, .btn-danger:not(.disabled):not(:disabled):active, .btn-danger:not(.disabled):not(:disabled):focus, a.btn-danger:hover, a.btn-danger:active, a.btn-danger:focus, a.btn-danger:not(.disabled):not(:disabled):hover, a.btn-danger:not(.disabled):not(:disabled):active, a.btn-danger:not(.disabled):not(:disabled):focus, .badge-danger:hover, .badge-danger:active, .badge-danger:focus, .badge-danger:not(.disabled):not(:disabled):hover, .badge-danger:not(.disabled):not(:disabled):active, .badge-danger:not(.disabled):not(:disabled):focus, .chip-danger:hover, .chip-danger:active, .chip-danger:focus, .chip-danger:not(.disabled):not(:disabled):hover, .chip-danger:not(.disabled):not(:disabled):active, .chip-danger:not(.disabled):not(:disabled):focus, a.chip-danger:hover, a.chip-danger:active, a.chip-danger:focus, a.chip-danger:not(.disabled):not(:disabled):hover, a.chip-danger:not(.disabled):not(:disabled):active, a.chip-danger:not(.disabled):not(:disabled):focus, a.badge-danger:hover, a.badge-danger:active, a.badge-danger:focus, a.badge-danger:not(.disabled):not(:disabled):hover, a.badge-danger:not(.disabled):not(:disabled):active, a.badge-danger:not(.disabled):not(:disabled):focus, .label-danger:hover, .label-danger:active, .label-danger:focus, .label-danger:not(.disabled):not(:disabled):hover, .label-danger:not(.disabled):not(:disabled):active, .label-danger:not(.disabled):not(:disabled):focus, a.label-danger:hover, a.label-danger:active, a.label-danger:focus, a.label-danger:not(.disabled):not(:disabled):hover, a.label-danger:not(.disabled):not(:disabled):active, a.label-danger:not(.disabled):not(:disabled):focus {
   background-color: #e35d5b;
   color: #fdf6e3;
 }
-.btn-info {
+.btn-info, a.btn-info, .badge-info, .chip-info, a.chip-info, a.badge-info, .label-info, a.label-info {
   background-color: #2aa198;
   color: #fdf6e3;
 }
-.btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info:not(.disabled):not(:disabled):hover, .btn-info:not(.disabled):not(:disabled):active, .btn-info:not(.disabled):not(:disabled):focus {
+.btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info:not(.disabled):not(:disabled):hover, .btn-info:not(.disabled):not(:disabled):active, .btn-info:not(.disabled):not(:disabled):focus, a.btn-info:hover, a.btn-info:active, a.btn-info:focus, a.btn-info:not(.disabled):not(:disabled):hover, a.btn-info:not(.disabled):not(:disabled):active, a.btn-info:not(.disabled):not(:disabled):focus, .badge-info:hover, .badge-info:active, .badge-info:focus, .badge-info:not(.disabled):not(:disabled):hover, .badge-info:not(.disabled):not(:disabled):active, .badge-info:not(.disabled):not(:disabled):focus, .chip-info:hover, .chip-info:active, .chip-info:focus, .chip-info:not(.disabled):not(:disabled):hover, .chip-info:not(.disabled):not(:disabled):active, .chip-info:not(.disabled):not(:disabled):focus, a.chip-info:hover, a.chip-info:active, a.chip-info:focus, a.chip-info:not(.disabled):not(:disabled):hover, a.chip-info:not(.disabled):not(:disabled):active, a.chip-info:not(.disabled):not(:disabled):focus, a.badge-info:hover, a.badge-info:active, a.badge-info:focus, a.badge-info:not(.disabled):not(:disabled):hover, a.badge-info:not(.disabled):not(:disabled):active, a.badge-info:not(.disabled):not(:disabled):focus, .label-info:hover, .label-info:active, .label-info:focus, .label-info:not(.disabled):not(:disabled):hover, .label-info:not(.disabled):not(:disabled):active, .label-info:not(.disabled):not(:disabled):focus, a.label-info:hover, a.label-info:active, a.label-info:focus, a.label-info:not(.disabled):not(:disabled):hover, a.label-info:not(.disabled):not(:disabled):active, a.label-info:not(.disabled):not(:disabled):focus {
   background-color: #35c9be;
   color: #fdf6e3;
 }
-.btn-success {
+.btn-success, a.btn-success, .badge-success, .chip-success, a.chip-success, a.badge-success, .label-success, a.label-success {
   background-color: #859900;
   color: #fdf6e3;
 }
-.btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success:not(.disabled):not(:disabled):hover, .btn-success:not(.disabled):not(:disabled):active, .btn-success:not(.disabled):not(:disabled):focus {
+.btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success:not(.disabled):not(:disabled):hover, .btn-success:not(.disabled):not(:disabled):active, .btn-success:not(.disabled):not(:disabled):focus, a.btn-success:hover, a.btn-success:active, a.btn-success:focus, a.btn-success:not(.disabled):not(:disabled):hover, a.btn-success:not(.disabled):not(:disabled):active, a.btn-success:not(.disabled):not(:disabled):focus, .badge-success:hover, .badge-success:active, .badge-success:focus, .badge-success:not(.disabled):not(:disabled):hover, .badge-success:not(.disabled):not(:disabled):active, .badge-success:not(.disabled):not(:disabled):focus, .chip-success:hover, .chip-success:active, .chip-success:focus, .chip-success:not(.disabled):not(:disabled):hover, .chip-success:not(.disabled):not(:disabled):active, .chip-success:not(.disabled):not(:disabled):focus, a.chip-success:hover, a.chip-success:active, a.chip-success:focus, a.chip-success:not(.disabled):not(:disabled):hover, a.chip-success:not(.disabled):not(:disabled):active, a.chip-success:not(.disabled):not(:disabled):focus, a.badge-success:hover, a.badge-success:active, a.badge-success:focus, a.badge-success:not(.disabled):not(:disabled):hover, a.badge-success:not(.disabled):not(:disabled):active, a.badge-success:not(.disabled):not(:disabled):focus, .label-success:hover, .label-success:active, .label-success:focus, .label-success:not(.disabled):not(:disabled):hover, .label-success:not(.disabled):not(:disabled):active, .label-success:not(.disabled):not(:disabled):focus, a.label-success:hover, a.label-success:active, a.label-success:focus, a.label-success:not(.disabled):not(:disabled):hover, a.label-success:not(.disabled):not(:disabled):active, a.label-success:not(.disabled):not(:disabled):focus {
   background-color: #b1cc00;
   color: #fdf6e3;
 }
 
 /* social */
-.btn-facebook {
+.btn-facebook, a.btn-facebook {
   background-color: #3B5998;
   color: #fdf6e3;
 }
-.btn-facebook:hover, .btn-facebook:active, .btn-facebook:focus, .btn-facebook:not(.disabled):not(:disabled):hover, .btn-facebook:not(.disabled):not(:disabled):active, .btn-facebook:not(.disabled):not(:disabled):focus {
+.btn-facebook:hover, .btn-facebook:active, .btn-facebook:focus, .btn-facebook:not(.disabled):not(:disabled):hover, .btn-facebook:not(.disabled):not(:disabled):active, .btn-facebook:not(.disabled):not(:disabled):focus, a.btn-facebook:hover, a.btn-facebook:active, a.btn-facebook:focus, a.btn-facebook:not(.disabled):not(:disabled):hover, a.btn-facebook:not(.disabled):not(:disabled):active, a.btn-facebook:not(.disabled):not(:disabled):focus {
   background-color: #4c70ba;
   color: #fdf6e3;
 }
-.btn-twitter {
+.btn-twitter, a.btn-twitter {
   background-color: #55ACEE;
   color: #fdf6e3;
 }
-.btn-twitter:hover, .btn-twitter:active, .btn-twitter:focus, .btn-twitter:not(.disabled):not(:disabled):hover, .btn-twitter:not(.disabled):not(:disabled):active, .btn-twitter:not(.disabled):not(:disabled):focus {
+.btn-twitter:hover, .btn-twitter:active, .btn-twitter:focus, .btn-twitter:not(.disabled):not(:disabled):hover, .btn-twitter:not(.disabled):not(:disabled):active, .btn-twitter:not(.disabled):not(:disabled):focus, a.btn-twitter:hover, a.btn-twitter:active, a.btn-twitter:focus, a.btn-twitter:not(.disabled):not(:disabled):hover, a.btn-twitter:not(.disabled):not(:disabled):active, a.btn-twitter:not(.disabled):not(:disabled):focus {
   background-color: #83c3f3;
   color: #fdf6e3;
 }
-.btn-googleplus {
+.btn-googleplus, a.btn-googleplus {
   background-color: #d34836;
   color: #fdf6e3;
 }
-.btn-googleplus:hover, .btn-googleplus:active, .btn-googleplus:focus, .btn-googleplus:not(.disabled):not(:disabled):hover, .btn-googleplus:not(.disabled):not(:disabled):active, .btn-googleplus:not(.disabled):not(:disabled):focus {
+.btn-googleplus:hover, .btn-googleplus:active, .btn-googleplus:focus, .btn-googleplus:not(.disabled):not(:disabled):hover, .btn-googleplus:not(.disabled):not(:disabled):active, .btn-googleplus:not(.disabled):not(:disabled):focus, a.btn-googleplus:hover, a.btn-googleplus:active, a.btn-googleplus:focus, a.btn-googleplus:not(.disabled):not(:disabled):hover, a.btn-googleplus:not(.disabled):not(:disabled):active, a.btn-googleplus:not(.disabled):not(:disabled):focus {
   background-color: #dc6e60;
   color: #fdf6e3;
 }
-.btn-diaspora {
+.btn-diaspora, a.btn-diaspora {
   background-color: #313739;
   color: #fdf6e3;
 }
-.btn-diaspora:hover, .btn-diaspora:active, .btn-diaspora:focus, .btn-diaspora:not(.disabled):not(:disabled):hover, .btn-diaspora:not(.disabled):not(:disabled):active, .btn-diaspora:not(.disabled):not(:disabled):focus {
+.btn-diaspora:hover, .btn-diaspora:active, .btn-diaspora:focus, .btn-diaspora:not(.disabled):not(:disabled):hover, .btn-diaspora:not(.disabled):not(:disabled):active, .btn-diaspora:not(.disabled):not(:disabled):focus, a.btn-diaspora:hover, a.btn-diaspora:active, a.btn-diaspora:focus, a.btn-diaspora:not(.disabled):not(:disabled):hover, a.btn-diaspora:not(.disabled):not(:disabled):active, a.btn-diaspora:not(.disabled):not(:disabled):focus {
   background-color: #495154;
   color: #fdf6e3;
 }
-.btn-mastodon {
+.btn-mastodon, a.btn-mastodon {
   background-color: #282c37;
   color: #fdf6e3;
 }
-.btn-mastodon:hover, .btn-mastodon:active, .btn-mastodon:focus, .btn-mastodon:not(.disabled):not(:disabled):hover, .btn-mastodon:not(.disabled):not(:disabled):active, .btn-mastodon:not(.disabled):not(:disabled):focus {
+.btn-mastodon:hover, .btn-mastodon:active, .btn-mastodon:focus, .btn-mastodon:not(.disabled):not(:disabled):hover, .btn-mastodon:not(.disabled):not(:disabled):active, .btn-mastodon:not(.disabled):not(:disabled):focus, a.btn-mastodon:hover, a.btn-mastodon:active, a.btn-mastodon:focus, a.btn-mastodon:not(.disabled):not(:disabled):hover, a.btn-mastodon:not(.disabled):not(:disabled):active, a.btn-mastodon:not(.disabled):not(:disabled):focus {
   background-color: #3d4455;
   color: #fdf6e3;
 }
 
-/* BADGES */
-.badge-blue {
-  background-color: #268bd2;
-  color: #fdf6e3;
-}
-.badge-blue:hover, .badge-blue:active, .badge-blue:focus, a:hover > .badge-blue, a:active > .badge-blue, a:focus > .badge-blue, .badge-blue:not(.disabled):not(:disabled):hover, .badge-blue:not(.disabled):not(:disabled):active, .badge-blue:not(.disabled):not(:disabled):focus, a:hover > .badge-blue:not(.disabled):not(:disabled), a:active > .badge-blue:not(.disabled):not(:disabled), a:focus > .badge-blue:not(.disabled):not(:disabled) {
-  background-color: #4ca2df;
-  color: #fdf6e3;
-}
-.badge-violet {
-  background-color: #d33682;
-  color: #fdf6e3;
-}
-.badge-violet:hover, .badge-violet:active, .badge-violet:focus, a:hover > .badge-violet, a:active > .badge-violet, a:focus > .badge-violet, .badge-violet:not(.disabled):not(:disabled):hover, .badge-violet:not(.disabled):not(:disabled):active, .badge-violet:not(.disabled):not(:disabled):focus, a:hover > .badge-violet:not(.disabled):not(:disabled), a:active > .badge-violet:not(.disabled):not(:disabled), a:focus > .badge-violet:not(.disabled):not(:disabled) {
-  background-color: #dc609c;
-  color: #fdf6e3;
-}
-.badge-purple {
-  background-color: #6c71c4;
-  color: #fdf6e3;
-}
-.badge-purple:hover, .badge-purple:active, .badge-purple:focus, a:hover > .badge-purple, a:active > .badge-purple, a:focus > .badge-purple, .badge-purple:not(.disabled):not(:disabled):hover, .badge-purple:not(.disabled):not(:disabled):active, .badge-purple:not(.disabled):not(:disabled):focus, a:hover > .badge-purple:not(.disabled):not(:disabled), a:active > .badge-purple:not(.disabled):not(:disabled), a:focus > .badge-purple:not(.disabled):not(:disabled) {
-  background-color: #9094d3;
-  color: #fdf6e3;
-}
-.badge-red {
-  background-color: #dc322f;
-  color: #fdf6e3;
-}
-.badge-red:hover, .badge-red:active, .badge-red:focus, a:hover > .badge-red, a:active > .badge-red, a:focus > .badge-red, .badge-red:not(.disabled):not(:disabled):hover, .badge-red:not(.disabled):not(:disabled):active, .badge-red:not(.disabled):not(:disabled):focus, a:hover > .badge-red:not(.disabled):not(:disabled), a:active > .badge-red:not(.disabled):not(:disabled), a:focus > .badge-red:not(.disabled):not(:disabled) {
-  background-color: #e35d5b;
-  color: #fdf6e3;
-}
-.badge-orange {
-  background-color: #cb4b16;
-  color: #fdf6e3;
-}
-.badge-orange:hover, .badge-orange:active, .badge-orange:focus, a:hover > .badge-orange, a:active > .badge-orange, a:focus > .badge-orange, .badge-orange:not(.disabled):not(:disabled):hover, .badge-orange:not(.disabled):not(:disabled):active, .badge-orange:not(.disabled):not(:disabled):focus, a:hover > .badge-orange:not(.disabled):not(:disabled), a:active > .badge-orange:not(.disabled):not(:disabled), a:focus > .badge-orange:not(.disabled):not(:disabled) {
-  background-color: #e8632c;
-  color: #fdf6e3;
-}
-.badge-green {
-  background-color: #859900;
-  color: #fdf6e3;
-}
-.badge-green:hover, .badge-green:active, .badge-green:focus, a:hover > .badge-green, a:active > .badge-green, a:focus > .badge-green, .badge-green:not(.disabled):not(:disabled):hover, .badge-green:not(.disabled):not(:disabled):active, .badge-green:not(.disabled):not(:disabled):focus, a:hover > .badge-green:not(.disabled):not(:disabled), a:active > .badge-green:not(.disabled):not(:disabled), a:focus > .badge-green:not(.disabled):not(:disabled) {
-  background-color: #b1cc00;
-  color: #fdf6e3;
-}
-.badge-skyblue {
-  background-color: #2aa198;
-  color: #fdf6e3;
-}
-.badge-skyblue:hover, .badge-skyblue:active, .badge-skyblue:focus, a:hover > .badge-skyblue, a:active > .badge-skyblue, a:focus > .badge-skyblue, .badge-skyblue:not(.disabled):not(:disabled):hover, .badge-skyblue:not(.disabled):not(:disabled):active, .badge-skyblue:not(.disabled):not(:disabled):focus, a:hover > .badge-skyblue:not(.disabled):not(:disabled), a:active > .badge-skyblue:not(.disabled):not(:disabled), a:focus > .badge-skyblue:not(.disabled):not(:disabled) {
-  background-color: #35c9be;
-  color: #fdf6e3;
-}
-.badge-dark {
-  background-color: #002b36;
-  color: #fdf6e3;
-}
-.badge-dark:hover, .badge-dark:active, .badge-dark:focus, a:hover > .badge-dark, a:active > .badge-dark, a:focus > .badge-dark, .badge-dark:not(.disabled):not(:disabled):hover, .badge-dark:not(.disabled):not(:disabled):active, .badge-dark:not(.disabled):not(:disabled):focus, a:hover > .badge-dark:not(.disabled):not(:disabled), a:active > .badge-dark:not(.disabled):not(:disabled), a:focus > .badge-dark:not(.disabled):not(:disabled) {
-  background-color: #005469;
-  color: #fdf6e3;
-}
-.badge-light {
-  background-color: #fdf6e3;
-  color: #002b36;
-}
-.badge-light:hover, .badge-light:active, .badge-light:focus, a:hover > .badge-light, a:active > .badge-light, a:focus > .badge-light, .badge-light:not(.disabled):not(:disabled):hover, .badge-light:not(.disabled):not(:disabled):active, .badge-light:not(.disabled):not(:disabled):focus, a:hover > .badge-light:not(.disabled):not(:disabled), a:active > .badge-light:not(.disabled):not(:disabled), a:focus > .badge-light:not(.disabled):not(:disabled) {
-  background-color: white;
-  color: #002b36;
-}
-.badge-turquoise {
-  background-color: #2aa198;
-  color: #fdf6e3;
-}
-.badge-turquoise:hover, .badge-turquoise:active, .badge-turquoise:focus, a:hover > .badge-turquoise, a:active > .badge-turquoise, a:focus > .badge-turquoise, .badge-turquoise:not(.disabled):not(:disabled):hover, .badge-turquoise:not(.disabled):not(:disabled):active, .badge-turquoise:not(.disabled):not(:disabled):focus, a:hover > .badge-turquoise:not(.disabled):not(:disabled), a:active > .badge-turquoise:not(.disabled):not(:disabled), a:focus > .badge-turquoise:not(.disabled):not(:disabled) {
-  background-color: #35c9be;
-  color: #fdf6e3;
-}
-.badge-yellow {
-  background-color: #b58900;
-  color: #fdf6e3;
-}
-.badge-yellow:hover, .badge-yellow:active, .badge-yellow:focus, a:hover > .badge-yellow, a:active > .badge-yellow, a:focus > .badge-yellow, .badge-yellow:not(.disabled):not(:disabled):hover, .badge-yellow:not(.disabled):not(:disabled):active, .badge-yellow:not(.disabled):not(:disabled):focus, a:hover > .badge-yellow:not(.disabled):not(:disabled), a:active > .badge-yellow:not(.disabled):not(:disabled), a:focus > .badge-yellow:not(.disabled):not(:disabled) {
-  background-color: #e8b000;
-  color: #fdf6e3;
-}
-.badge-brown {
-  background-color: #b58900;
-  color: #fdf6e3;
-}
-.badge-brown:hover, .badge-brown:active, .badge-brown:focus, a:hover > .badge-brown, a:active > .badge-brown, a:focus > .badge-brown, .badge-brown:not(.disabled):not(:disabled):hover, .badge-brown:not(.disabled):not(:disabled):active, .badge-brown:not(.disabled):not(:disabled):focus, a:hover > .badge-brown:not(.disabled):not(:disabled), a:active > .badge-brown:not(.disabled):not(:disabled), a:focus > .badge-brown:not(.disabled):not(:disabled) {
-  background-color: #e8b000;
-  color: #fdf6e3;
-}
-.badge-grey {
-  background-color: #586e75;
-  color: #fdf6e3;
-}
-.badge-grey:hover, .badge-grey:active, .badge-grey:focus, a:hover > .badge-grey, a:active > .badge-grey, a:focus > .badge-grey, .badge-grey:not(.disabled):not(:disabled):hover, .badge-grey:not(.disabled):not(:disabled):active, .badge-grey:not(.disabled):not(:disabled):focus, a:hover > .badge-grey:not(.disabled):not(:disabled), a:active > .badge-grey:not(.disabled):not(:disabled), a:focus > .badge-grey:not(.disabled):not(:disabled) {
-  background-color: #6e8992;
-  color: #fdf6e3;
-}
-.badge-primary {
-  background-color: #6c71c4;
-  color: #fdf6e3;
-}
-.badge-primary:hover, .badge-primary:active, .badge-primary:focus, a:hover > .badge-primary, a:active > .badge-primary, a:focus > .badge-primary, .badge-primary:not(.disabled):not(:disabled):hover, .badge-primary:not(.disabled):not(:disabled):active, .badge-primary:not(.disabled):not(:disabled):focus, a:hover > .badge-primary:not(.disabled):not(:disabled), a:active > .badge-primary:not(.disabled):not(:disabled), a:focus > .badge-primary:not(.disabled):not(:disabled) {
-  background-color: #9094d3;
-  color: #fdf6e3;
-}
-.badge-secondary {
-  background-color: #268bd2;
-  color: #fdf6e3;
-}
-.badge-secondary:hover, .badge-secondary:active, .badge-secondary:focus, a:hover > .badge-secondary, a:active > .badge-secondary, a:focus > .badge-secondary, .badge-secondary:not(.disabled):not(:disabled):hover, .badge-secondary:not(.disabled):not(:disabled):active, .badge-secondary:not(.disabled):not(:disabled):focus, a:hover > .badge-secondary:not(.disabled):not(:disabled), a:active > .badge-secondary:not(.disabled):not(:disabled), a:focus > .badge-secondary:not(.disabled):not(:disabled) {
-  background-color: #4ca2df;
-  color: #fdf6e3;
-}
-.badge-warning {
-  background-color: #cb4b16;
-  color: #fdf6e3;
-}
-.badge-warning:hover, .badge-warning:active, .badge-warning:focus, a:hover > .badge-warning, a:active > .badge-warning, a:focus > .badge-warning, .badge-warning:not(.disabled):not(:disabled):hover, .badge-warning:not(.disabled):not(:disabled):active, .badge-warning:not(.disabled):not(:disabled):focus, a:hover > .badge-warning:not(.disabled):not(:disabled), a:active > .badge-warning:not(.disabled):not(:disabled), a:focus > .badge-warning:not(.disabled):not(:disabled) {
-  background-color: #e8632c;
-  color: #fdf6e3;
-}
-.badge-danger {
-  background-color: #dc322f;
-  color: #fdf6e3;
-}
-.badge-danger:hover, .badge-danger:active, .badge-danger:focus, a:hover > .badge-danger, a:active > .badge-danger, a:focus > .badge-danger, .badge-danger:not(.disabled):not(:disabled):hover, .badge-danger:not(.disabled):not(:disabled):active, .badge-danger:not(.disabled):not(:disabled):focus, a:hover > .badge-danger:not(.disabled):not(:disabled), a:active > .badge-danger:not(.disabled):not(:disabled), a:focus > .badge-danger:not(.disabled):not(:disabled) {
-  background-color: #e35d5b;
-  color: #fdf6e3;
-}
-.badge-info {
-  background-color: #2aa198;
-  color: #fdf6e3;
-}
-.badge-info:hover, .badge-info:active, .badge-info:focus, a:hover > .badge-info, a:active > .badge-info, a:focus > .badge-info, .badge-info:not(.disabled):not(:disabled):hover, .badge-info:not(.disabled):not(:disabled):active, .badge-info:not(.disabled):not(:disabled):focus, a:hover > .badge-info:not(.disabled):not(:disabled), a:active > .badge-info:not(.disabled):not(:disabled), a:focus > .badge-info:not(.disabled):not(:disabled) {
-  background-color: #35c9be;
-  color: #fdf6e3;
-}
-.badge-success {
-  background-color: #859900;
-  color: #fdf6e3;
-}
-.badge-success:hover, .badge-success:active, .badge-success:focus, a:hover > .badge-success, a:active > .badge-success, a:focus > .badge-success, .badge-success:not(.disabled):not(:disabled):hover, .badge-success:not(.disabled):not(:disabled):active, .badge-success:not(.disabled):not(:disabled):focus, a:hover > .badge-success:not(.disabled):not(:disabled), a:active > .badge-success:not(.disabled):not(:disabled), a:focus > .badge-success:not(.disabled):not(:disabled) {
-  background-color: #b1cc00;
-  color: #fdf6e3;
-}
-
 /* BACKGROUNDS */
 .bg-blue {
   background-color: #268bd2 !important;
@@ -923,84 +849,6 @@ a, a:hover, a:active {
   color: #fdf6e3;
 }
 
-/* ALERTS */
-.alert-blue {
-  background-color: #b8daf2;
-  color: black;
-}
-.alert-violet {
-  background-color: #f3c8dd;
-  color: black;
-}
-.alert-purple {
-  background-color: #ebecf7;
-  color: black;
-}
-.alert-red {
-  background-color: #f6c9c8;
-  color: black;
-}
-.alert-orange {
-  background-color: #f5b89f;
-  color: black;
-}
-.alert-green {
-  background-color: #e8ff4d;
-  color: black;
-}
-.alert-skyblue {
-  background-color: #99e4df;
-  color: black;
-}
-.alert-dark {
-  background-color: #00b9e9;
-  color: black;
-}
-.alert-light {
-  background-color: white;
-  color: #433205;
-}
-.alert-turquoise {
-  background-color: #99e4df;
-  color: black;
-}
-.alert-yellow {
-  background-color: #ffda69;
-  color: black;
-}
-.alert-brown {
-  background-color: #ffda69;
-  color: black;
-}
-.alert-grey {
-  background-color: #b7c4c9;
-  color: black;
-}
-.alert-primary {
-  background-color: #ebecf7;
-  color: black;
-}
-.alert-secondary {
-  background-color: #b8daf2;
-  color: black;
-}
-.alert-warning {
-  background-color: #f5b89f;
-  color: black;
-}
-.alert-danger {
-  background-color: #f6c9c8;
-  color: black;
-}
-.alert-info {
-  background-color: #99e4df;
-  color: black;
-}
-.alert-success {
-  background-color: #e8ff4d;
-  color: black;
-}
-
 /* TEXT */
 .text-blue {
   color: #268bd2;
diff --git a/css/style.css.map b/css/style.css.map
index ed12811..21a390b 100644
--- a/css/style.css.map
+++ b/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/style.scss","../scss/_palette.scss","../scss/_commons.scss","../scss/_colorize.scss"],"names":[],"mappings":"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AxEA,kBFfW;EEgBX,OFRY;;AEUV;EARF;EACA,OFHY;;AEgFZ;EAzEA,kBFda;EEeb,OFRY;;AEUV;EARF;EACA,OFHY;;AEiFZ;EA1EA,kBFba;EEcb,OFRY;;AEUV;EARF;EACA,OFHY;;AEkFZ;EA3EA,kBFZU;EEaV,OFRY;;AEUV;EARF;EACA,OFHY;;AEmFZ;EA5EA,kBFXa;EEYb,OFRY;;AEUV;EARF;EACA,OFHY;;AEoFZ;EA7EA,kBFVY;EEWZ,OFRY;;AEUV;EARF;EACA,OFHY;;AEqFZ;EA9EA,kBFTc;EEUd,OFRY;;AEUV;EARF;EACA,OFHY;;AEsFZ;EA/EA,kBFRW;EESX,OFRY;;AEUV;EARF;EACA,OFHY;;AEuFZ;EAhFA,kBFPY;EEQZ,OFTW;;AEWT;EARF;EACA,OFJW;;AEyFX;EAjFA,kBFNgB;EEOhB,OFRY;;AEUV;EARF;EACA,OFHY;;AEyFZ;EAlFA,kBFLa;EEMb,OFRY;;AEUV;EARF;EACA,OFHY;;AE0FZ;EAnFA,kBFJY;EEKZ,OFRY;;AEUV;EARF;EACA,OFHY;;AE2FZ;EApFA,kBFHW;EEIX,OFRY;;AEUV;EARF;EACA,OFHY;;AE6FZ;EAtFA,kBFba;EEcb,OFRY;;AEUV;EARF;EACA,OFHY;;AE8FZ;EAvFA,kBFfW;EEgBX,OFRY;;AEUV;EARF;EACA,OFHY;;AE+FZ;EAxFA,kBFXa;EEYb,OFRY;;AEUV;EARF;EACA,OFHY;;AEgGZ;EAzFA,kBFZU;EEaV,OFRY;;AEUV;EARF;EACA,OFHY;;AEiGZ;EA1FA,kBFTc;EEUd,OFRY;;AEUV;EARF;EACA,OFHY;;AEkGZ;EA3FA,kBFVY;EEWZ,OFRY;;AEUV;EARF;EACA,OFHY;;;AEqGd;AAGE;EAjGA,kBAiGkC;EAhGlC,OFRY;;AEUV;EARF;EACA,OFHY;;AEyGZ;EAlGA,kBAkGiC;EAjGjC,OFRY;;AEUV;EARF;EACA,OFHY;;AE0GZ;EAnGA,kBAmGoC;EAlGpC,OFRY;;AEUV;EARF;EACA,OFHY;;AE2GZ;EApGA,kBAoGkC;EAnGlC,OFRY;;AEUV;EARF;EACA,OFHY;;AE4GZ;EArGA,kBAqGkC;EApGlC,OFRY;;AEUV;EARF;EACA,OFHY;;;AE+Gd;AAGE;EAjGA,kBFzBW;EE0BX,OFlBY;;AEoBV;EAlBF;EACA,OFHY;;AEmHZ;EAlGA,kBFxBa;EEyBb,OFlBY;;AEoBV;EAlBF;EACA,OFHY;;AEoHZ;EAnGA,kBFvBa;EEwBb,OFlBY;;AEoBV;EAlBF;EACA,OFHY;;AEqHZ;EApGA,kBFtBU;EEuBV,OFlBY;;AEoBV;EAlBF;EACA,OFHY;;AEsHZ;EArGA,kBFrBa;EEsBb,OFlBY;;AEoBV;EAlBF;EACA,OFHY;;AEuHZ;EAtGA,kBFpBY;EEqBZ,OFlBY;;AEoBV;EAlBF;EACA,OFHY;;AEwHZ;EAvGA,kBFnBc;EEoBd,OFlBY;;AEoBV;EAlBF;EACA,OFHY;;AEyHZ;EAxGA,kBFlBW;EEmBX,OFlBY;;AEoBV;EAlBF;EACA,OFHY;;AE0HZ;EAzGA,kBFjBY;EEkBZ,OFnBW;;AEqBT;EAlBF;EACA,OFJW;;AE4HX;EA1GA,kBFhBgB;EEiBhB,OFlBY;;AEoBV;EAlBF;EACA,OFHY;;AE4HZ;EA3GA,kBFfa;EEgBb,OFlBY;;AEoBV;EAlBF;EACA,OFHY;;AE6HZ;EA5GA,kBFdY;EEeZ,OFlBY;;AEoBV;EAlBF;EACA,OFHY;;AE8HZ;EA7GA,kBFbW;EEcX,OFlBY;;AEoBV;EAlBF;EACA,OFHY;;AEgIZ;EA/GA,kBFvBa;EEwBb,OFlBY;;AEoBV;EAlBF;EACA,OFHY;;AEiIZ;EAhHA,kBFzBW;EE0BX,OFlBY;;AEoBV;EAlBF;EACA,OFHY;;AEkIZ;EAjHA,kBFrBa;EEsBb,OFlBY;;AEoBV;EAlBF;EACA,OFHY;;AEmIZ;EAlHA,kBFtBU;EEuBV,OFlBY;;AEoBV;EAlBF;EACA,OFHY;;AEoIZ;EAnHA,kBFnBc;EEoBd,OFlBY;;AEoBV;EAlBF;EACA,OFHY;;AEqIZ;EApHA,kBFpBY;EEqBZ,OFlBY;;AEoBV;EAlBF;EACA,OFHY;;;AEwId;AAGE;EAhHA;EACA,OF5BY;;AE4IZ;EAjHA;EACA,OF5BY;;AE6IZ;EAlHA;EACA,OF5BY;;AE8IZ;EAnHA;EACA,OF5BY;;AE+IZ;EApHA;EACA,OF5BY;;AEgJZ;EArHA;EACA,OF5BY;;AEiJZ;EAtHA;EACA,OF5BY;;AEkJZ;EAvHA;EACA,OF5BY;;AEmJZ;EAxHA;EACA,OF7BW;;AEqJX;EAzHA;EACA,OF5BY;;AEqJZ;EA1HA;EACA,OF5BY;;AEsJZ;EA3HA;EACA,OF5BY;;AEuJZ;EA5HA;EACA,OF5BY;;AEyJZ;EA9HA;EACA,OF5BY;;AE0JZ;EA/HA;EACA,OF5BY;;AE2JZ;EAhIA;EACA,OF5BY;;AE4JZ;EAjIA;EACA,OF5BY;;AE6JZ;EAlIA;EACA,OF5BY;;AE8JZ;EAnIA;EACA,OF5BY;;;AEiKd;AAGE;EApIA;EACA;;AAoIA;EArIA;EACA;;AAqIA;EAtIA;EACA;;AAsIA;EAvIA;EACA;;AAuIA;EAxIA;EACA;;AAwIA;EAzIA;EACA;;AAyIA;EA1IA;EACA;;AA0IA;EA3IA;EACA;;AA2IA;EA5IA;EACA;;AA4IA;EA7IA;EACA;;AA6IA;EA9IA;EACA;;AA8IA;EA/IA;EACA;;AA+IA;EAhJA;EACA;;AAiJA;EAlJA;EACA;;AAkJA;EAnJA;EACA;;AAmJA;EApJA;EACA;;AAoJA;EArJA;EACA;;AAqJA;EAtJA;EACA;;AAsJA;EAvJA;EACA;;;AAyJF;AAGE;EAxJA,OF7CW;;AEsMX;EAzJA,OF5Ca;;AEsMb;EA1JA,OF3Ca;;AEsMb;EA3JA,OF1CU;;AEsMV;EA5JA,OFzCa;;AEsMb;EA7JA,OFxCY;;AEsMZ;EA9JA,OFvCc;;AEsMd;EA/JA,OFtCW;;AEsMX;EAhKA,OFrCY;;AEsMZ;EAjKA,OFpCgB;;AEsMhB;EAlKA,OFnCa;;AEsMb;EAnKA,OFlCY;;AEsMZ;EApKA,OFjCW;;AEuMX;EAtKA,OF3Ca;;AEkNb;EAvKA,OF7CW;;AEqNX;EAxKA,OFzCa;;AEkNb;EAzKA,OF1CU;;AEoNV;EA1KA,OFvCc;;AEkNd;EA3KA,OFxCY;;;AEsNd;AAEA;EACE;;;AAGF;EACE,cFhOa","file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/style.scss","../scss/_palette.scss","../scss/_commons.scss","../scss/_cards.scss","../scss/_colorize.scss"],"names":[],"mappings":"AAEA;AAsBA;EACE,kBClBW;;;ADqBb;EACE,kBCrBY;;;ADwBd;EACE;EACA;;;AElCF;AAQA;EACC;;;AAIC;EAAU;;AACV;EAAQ;;AACR;EAAS;;;AAGX;AAGA;EACC;EACA,ODfa;ECgBb;EACA;EACA;EACA;EACA;EACC;EACA;EACA;;;AAGF;EACE,YF/Ba;EAab;EEoBA;EACA;;AACA;EACE;;AArCF;EACE;;;AAyCJ;EACE;;;AC9CF;AAAA;AAAA;AAAA;AAAA;AAAA;AA4CA;EHvBE;EGTE,kBFGW;EEFd,YHTc;EGUX;EACA;EACA,SATU;;AAwCV;EACI;;AACA;EACI;;AAIR;EAlCA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA,OFxBM;EEyBN;EACA;;;AAyBR;EHtCE;EGTE,kBFGW;EEFd,YHTc;EGUX;EACA;EACA,SARY;;AAqDZ;EAzCA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA,OFxBM;EEyBN;EACA;;;AAgCR;AAGI;EHhDF;EGkDM;EACA;;AAGI;EACI;EACA,OFtEH;;AE0EG;EACI;;AAKZ;EACI;;;AAKV;AAEA;EACI;EACF;;AAEA;EACE;EACA;;AAGF;EACI;EACA;EACA;EACF;;AAIF;EACI;EACA;;AAGJ;EACI;EACA;;;AAIR;AApFI;EFLA;EACA,OA3BU;;AE+BV;EFLA;EACA,OA3BU;;AE+BV;EFLA;EACA,OA3BU;;AE+BV;EFLA;EACA,OA3BU;;AE+BV;EFLA;EACA,OA3BU;;AE+BV;EFLA;EACA,OA3BU;;AE+BV;EFLA;EACA,OA3BU;;AE+BV;EFLA;EACA,OA3BU;;AE+BV;EFLA;EACA,OA5BS;;AEgCT;EFLA;EACA,OA3BU;;AE+BV;EFLA;EACA,OA3BU;;AE+BV;EFLA;EACA,OA3BU;;AE+BV;EFLA;EACA,OA3BU;;AE+BV;EFLA;EACA,OA3BU;;AE+BV;EFLA;EACA,OA3BU;;AE+BV;EFLA;EACA,OA3BU;;AE+BV;EFLA;EACA,OA3BU;;AE+BV;EFLA;EACA,OA3BU;;AE+BV;EFLA;EACA,OA3BU;;;AE6IV;EFnHA;EACA,OA3BU;;AE8IV;EFpHA;EACA,OA3BU;;AE+IV;EFrHA;EACA,OA3BU;;AEgJV;EFtHA;EACA,OA3BU;;AEiJV;EFvHA;EACA,OA3BU;;AEkJV;EFxHA;EACA,OA3BU;;AEmJV;EFzHA;EACA,OA3BU;;AEoJV;EF1HA;EACA,OA3BU;;AEqJV;EF3HA;EACA,OA5BS;;AEuJT;EF5HA;EACA,OA3BU;;AEuJV;EF7HA;EACA,OA3BU;;AEwJV;EF9HA;EACA,OA3BU;;AEyJV;EF/HA;EACA,OA3BU;;AE2JV;EFjIA;EACA,OA3BU;;AE4JV;EFlIA;EACA,OA3BU;;AE6JV;EFnIA;EACA,OA3BU;;AE8JV;EFpIA;EACA,OA3BU;;AE+JV;EFrIA;EACA,OA3BU;;AEgKV;EFtIA;EACA,OA3BU;;;AC2Cd;AAEA;EACE,OD9CY;EC+CZ;;;AAGF;AAEA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE,OD/DO;ECgEP,kBD/DQ;ECgER;EACA;EACA;EACA;EACA;;AACA;EACE,ODtEM;ECuEN,kBDxEK;;;AC+Eb;AAEA;EFvEE;EAIA;EEsED;EACA;;;AAGD;EACE;EACD;EFhFC;;;AEoFF;EACE;EACD,YFhGuB;EAUtB;;;AE0FF;EACC,YFxGc;;;AE2Gf;EACC,YF1Gc;EAeb;;AE6FD;EACE;EACA;;AAEF;EACE;EACA;;;AAIH;EACE;EACD,YFxHc;;;AE2Hf;AAAA;EAEE;EACD;EFnHC;;;AEuHF;EACE;EACD;EACC;;;AAGF;AAEA;EF3HE;EE6HD;EACC;EACA,kBDrIa;ECsIb;;AAlJA;EACE;;;AAqJJ;AAEA;EACE;;;AAGF;EACE;;;AAGF;AAEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAOF;EAEE;IACE;;;EAGF;IACE;;;EAGF;IACE;;;AAKJ;EFhLE;EEkLA;EACA;EACA;;;AAGF;EACE;;;AAGF;EAEE;EACA;EACA;EACD;EACC;EACA;EACA;EACA;EACD;EAGA;EACC;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ODvQa;ECwQb;EACA;EACC;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ODrRY;;;ACwRd;EACC,ODzRa;EC0RZ;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AEjTF;AAkCA;EACE,OHnCW;;;AGsCb;EHJI;EACA,OA3BU;;;AGiCd;EHPI;EACA,OA3BU;;;AGqCd;AAGE;EArCA,kBHXW;EGYX,OHJY;;AGMV;EARF;EACA,OHCY;;AGyCZ;EAtCA,kBHVa;EGWb,OHJY;;AGMV;EARF;EACA,OHCY;;AG0CZ;EAvCA,kBHTa;EGUb,OHJY;;AGMV;EARF;EACA,OHCY;;AG2CZ;EAxCA,kBHRU;EGSV,OHJY;;AGMV;EARF;EACA,OHCY;;AG4CZ;EAzCA,kBHPa;EGQb,OHJY;;AGMV;EARF;EACA,OHCY;;AG6CZ;EA1CA,kBHNY;EGOZ,OHJY;;AGMV;EARF;EACA,OHCY;;AG8CZ;EA3CA,kBHLc;EGMd,OHJY;;AGMV;EARF;EACA,OHCY;;AG+CZ;EA5CA,kBHJW;EGKX,OHJY;;AGMV;EARF;EACA,OHCY;;AGgDZ;EA7CA,kBHIa;EGHb,OHLW;;AGOT;EARF;EACA;;AAkDA;EA9CA,kBHFgB;EGGhB,OHJY;;AGMV;EARF;EACA,OHCY;;AGkDZ;EA/CA,kBHDa;EGEb,OHJY;;AGMV;EARF;EACA,OHCY;;AGmDZ;EAhDA;EACA,OHJY;;AGMV;EARF;EACA,OHCY;;AGoDZ;EAjDA,kBHCW;EGAX,OHJY;;AGMV;EARF;EACA,OHCY;;AGsDZ;EAnDA,kBHTa;EGUb,OHJY;;AGMV;EARF;EACA,OHCY;;AGuDZ;EApDA,kBHXW;EGYX,OHJY;;AGMV;EARF;EACA,OHCY;;AGwDZ;EArDA,kBHPa;EGQb,OHJY;;AGMV;EARF;EACA,OHCY;;AGyDZ;EAtDA,kBHRU;EGSV,OHJY;;AGMV;EARF;EACA,OHCY;;AG0DZ;EAvDA,kBHLc;EGMd,OHJY;;AGMV;EARF;EACA,OHCY;;AG2DZ;EAxDA,kBHNY;EGOZ,OHJY;;AGMV;EARF;EACA,OHCY;;;AG8Dd;AAGE;EA9DA,kBA8DkC;EA7DlC,OHJY;;AGMV;EARF;EACA,OHCY;;AGkEZ;EA/DA,kBA+DiC;EA9DjC,OHJY;;AGMV;EARF;EACA,OHCY;;AGmEZ;EAhEA,kBAgEoC;EA/DpC,OHJY;;AGMV;EARF;EACA,OHCY;;AGoEZ;EAjEA,kBAiEkC;EAhElC,OHJY;;AGMV;EARF;EACA,OHCY;;AGqEZ;EAlEA,kBAkEkC;EAjElC,OHJY;;AGMV;EARF;EACA,OHCY;;;AGwEd;AAGE;EHjDE;EACA,OA3BU;;AG4EZ;EHlDE;EACA,OA3BU;;AG6EZ;EHnDE;EACA,OA3BU;;AG8EZ;EHpDE;EACA,OA3BU;;AG+EZ;EHrDE;EACA,OA3BU;;AGgFZ;EHtDE;EACA,OA3BU;;AGiFZ;EHvDE;EACA,OA3BU;;AGkFZ;EHxDE;EACA,OA3BU;;AGmFZ;EHzDE;EACA,OA5BS;;AGqFX;EH1DE;EACA,OA3BU;;AGqFZ;EH3DE;EACA,OA3BU;;AGsFZ;EH5DE;EACA,OA3BU;;AGuFZ;EH7DE;EACA,OA3BU;;AGyFZ;EH/DE;EACA,OA3BU;;AG0FZ;EHhEE;EACA,OA3BU;;AG2FZ;EHjEE;EACA,OA3BU;;AG4FZ;EHlEE;EACA,OA3BU;;AG6FZ;EHnEE;EACA,OA3BU;;AG8FZ;EHpEE;EACA,OA3BU;;;AGiGd;AAGE;EA7EA,OH/BW;;AG6GX;EA9EA,OH9Ba;;AG6Gb;EA/EA,OH7Ba;;AG6Gb;EAhFA,OH5BU;;AG6GV;EAjFA,OH3Ba;;AG6Gb;EAlFA,OH1BY;;AG6GZ;EAnFA,OHzBc;;AG6Gd;EApFA,OHxBW;;AG6GX;EArFA,OHvBY;;AG6GZ;EAtFA,OHtBgB;;AG6GhB;EAvFA,OHrBa;;AG6Gb;EAxFA,OHpBY;;AG6GZ;EAzFA,OHnBW;;AG8GX;EA3FA,OH7Ba;;AGyHb;EA5FA,OH/BW;;AG4HX;EA7FA,OH3Ba;;AGyHb;EA9FA,OH5BU;;AG2HV;EA/FA,OHzBc;;AGyHd;EAhGA,OH1BY;;;AG6Hd;AAEA;EACE;;;AAGF;EACE,cHvIa","file":"style.css"}
\ No newline at end of file
diff --git a/index.html b/index.html
index 6dcd6b8..113b570 100644
--- a/index.html
+++ b/index.html
@@ -210,7 +210,7 @@ In id suscipit elit.</code></pre>
 </div>
 
 <aside class="sidebar column col-3">
-  <ul class="menu">
+  <ul class="menu menu-magenta">
     <li class="menu-header bg-magenta"><i class="fa fa-folder"></i> Catégories</li>
     <li class="menu-item">
       <a href="#">
diff --git a/scss/_cards.scss b/scss/_cards.scss
new file mode 100644
index 0000000..c69604b
--- /dev/null
+++ b/scss/_cards.scss
@@ -0,0 +1,140 @@
+/*
+ * 2. Cards and containers
+ * All elements that are supposed to contain other stuff
+ *
+ *
+*/
+
+$card-bigpad: 1em;
+$card-smallpad: 0.66em;
+
+@mixin card($size) {
+    @include border-radius();
+    background-color: $color-light2;
+	box-shadow: $large-shadow;
+    border: none;
+    margin-bottom:1.2em;
+    padding: $size;
+}
+
+@mixin card-header($size) {
+    font-size:1.1em;
+    font-weight:600;
+    border-radius: 0;
+    padding: $size/2;
+    padding-bottom: $size/2!important;
+    margin-left: -$size*2;
+            
+    h1, h2, h3, h4, h5, h6, h7, h8, h9, h10  {
+        font-size:1em;
+        text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
+        padding:0px;
+        margin:0px;
+        color:$color-light;;
+        font-weight:600;
+        line-height:1.5em;
+    }
+}
+
+@mixin card-color($background-color, $text-color) {
+    & > .card-header, & > .menu-header { 
+        @include background-color($background-color, $text-color)
+    }
+}
+
+.card {
+    @include card($card-bigpad);
+
+    .card-body {
+        padding:0;
+        &:not(:first-child) {
+            padding-top: 1em;
+        }
+    }
+
+    &-header {
+        @include card-header($card-bigpad);
+    }
+}
+
+.smallcard, .toast, .menu {
+    @include card($card-smallpad);
+    &-header {
+        @include card-header($card-bigpad);
+    }
+}
+
+/* Menu handling */
+
+.menu {
+    li {
+        @include border-radius();
+        padding:0.2em 0em 0.2em;
+        margin:0;
+
+        &.menu-item {
+            :hover {
+                background-color:rgba(0,0,0,0.1);
+                color: $color-dark;
+            }
+
+            .menu-badge {
+                :hover {
+                    background-color: transparent;
+                }
+            }
+        }
+
+        .label {
+            padding: 0 0.4em 0;
+        }
+    }
+}
+
+/* COLORIZE CARDS and TOASTS */
+
+.card, .smallcard, .menu {
+    &-blue { @include card-color($color-blue, $color-light); }
+    &-violet { @include card-color($color-violet, $color-light); }
+    &-purple { @include card-color($color-purple, $color-light); }
+    &-red { @include card-color($color-red, $color-light); }
+    &-orange { @include card-color($color-orange, $color-light); }
+    &-green { @include card-color($color-green, $color-light); }
+    &-skyblue { @include card-color($color-skyblue, $color-light); }
+    &-dark { @include card-color($color-dark, $color-light); }
+    &-light { @include card-color($color-light2, $color-dark); }
+    &-turquoise { @include card-color($color-turquoise, $color-light); }
+    &-yellow { @include card-color($color-yellow, $color-light); }
+    &-brown { @include card-color($color-brown, $color-light); }
+    &-grey { @include card-color($color-grey, $color-light); }
+    
+    &-primary { @include card-color($color-primary, $color-light); }
+    &-secondary { @include card-color($color-secondary, $color-light); }
+    &-warning { @include card-color($color-warning, $color-light); }
+    &-danger { @include card-color($color-danger, $color-light); }
+    &-info { @include card-color($color-info, $color-light); }
+    &-success { @include card-color($color-success, $color-light); }
+}
+
+.toast {
+    &-blue { @include background-color($color-blue, $color-light); }
+    &-violet { @include background-color($color-violet, $color-light); }
+    &-purple { @include background-color($color-purple, $color-light); }
+    &-red { @include background-color($color-red, $color-light); }
+    &-orange { @include background-color($color-orange, $color-light); }
+    &-green { @include background-color($color-green, $color-light); }
+    &-skyblue { @include background-color($color-skyblue, $color-light); }
+    &-dark { @include background-color($color-dark, $color-light); }
+    &-light { @include background-color($color-light2, $color-dark); }
+    &-turquoise { @include background-color($color-turquoise, $color-light); }
+    &-yellow { @include background-color($color-yellow, $color-light); }
+    &-brown { @include background-color($color-brown, $color-light); }
+    &-grey { @include background-color($color-grey, $color-light); }  
+    
+    &-primary { @include background-color($color-primary, $color-light); }
+    &-secondary { @include background-color($color-secondary, $color-light); }
+    &-warning { @include background-color($color-warning, $color-light); }
+    &-danger { @include background-color($color-danger, $color-light); }
+    &-info { @include background-color($color-info, $color-light); }
+    &-success { @include background-color($color-success, $color-light); }
+  }
\ No newline at end of file
diff --git a/scss/_colorize.scss b/scss/_colorize.scss
index cd3a741..4ccf68f 100644
--- a/scss/_colorize.scss
+++ b/scss/_colorize.scss
@@ -3,10 +3,6 @@
 $color-button-light: $color-light;
 $color-button-dark: $color-dark;
 
-@mixin card-color($background-color, $text-color) {
-  & > .card-header { background-color: $background-color; color:$text-color; }
-}
-
 @mixin button-lighten($background-color, $text-color) {
   background-color: lighten($background-color, 10%); 
   color:$text-color;
@@ -32,16 +28,6 @@ $color-button-dark: $color-dark;
   }
 }
 
-@mixin background-color($background-color, $text-color) {
-  background-color: $background-color!important;
-  color: $text-color;
-}
-
-@mixin alert-color($background-color) {
-  background-color: lighten($background-color, 35%);
-  color: darken($background-color, 80%);
-}
-
 @mixin text-color($text-color) {
   color: $text-color;
 }
@@ -57,34 +43,9 @@ a, a:hover, a:active {
   @include background-color($color-selection, $color-button-light);
 }
 
-/* CARDS */
-
-.card {
-  &-blue { @include card-color($color-blue, $color-button-light); }
-  &-violet { @include card-color($color-violet, $color-button-light); }
-  &-purple { @include card-color($color-purple, $color-button-light); }
-  &-red { @include card-color($color-red, $color-button-light); }
-  &-orange { @include card-color($color-orange, $color-button-light); }
-  &-green { @include card-color($color-green, $color-button-light); }
-  &-skyblue { @include card-color($color-skyblue, $color-button-light); }
-  &-dark { @include card-color($color-dark, $color-button-light); }
-  &-light { @include card-color($color-light, $color-button-dark); }
-  &-turquoise { @include card-color($color-turquoise, $color-button-light); }
-  &-yellow { @include card-color($color-yellow, $color-button-light); }
-  &-brown { @include card-color($color-brown, $color-button-light); }
-  &-grey { @include card-color($color-grey, $color-button-light); }
-  
-  &-primary { @include card-color($color-primary, $color-button-light); }
-  &-secondary { @include card-color($color-secondary, $color-button-light); }
-  &-warning { @include card-color($color-warning, $color-button-light); }
-  &-danger { @include card-color($color-danger, $color-button-light); }
-  &-info { @include card-color($color-info, $color-button-light); }
-  &-success { @include card-color($color-success, $color-button-light); }
-}
-
 /* BUTTONS & BADGES */
 
-.btn {
+.btn, a.btn, .badge, .chip, a.chip, a.badge, .label, a.label {
   &-blue { @include button-color($color-blue, $color-button-light); }
   &-violet { @include button-color($color-violet, $color-button-light); }
   &-purple { @include button-color($color-purple, $color-button-light); }
@@ -93,7 +54,7 @@ a, a:hover, a:active {
   &-green { @include button-color($color-green, $color-button-light); }
   &-skyblue { @include button-color($color-skyblue, $color-button-light); }
   &-dark { @include button-color($color-dark, $color-button-light); }
-  &-light { @include button-color($color-light, $color-button-dark); }
+  &-light { @include button-color($color-light2, $color-button-dark); }
   &-turquoise { @include button-color($color-turquoise, $color-button-light); }
   &-yellow { @include button-color($color-yellow, $color-button-light); }
   &-brown { @include button-color($color-brown, $color-button-light); }
@@ -109,7 +70,7 @@ a, a:hover, a:active {
 
 /* social */
 
-.btn {
+.btn, a.btn {
   &-facebook {@include button-color(#3B5998, $color-button-light);}
   &-twitter {@include button-color(#55ACEE, $color-button-light);}
   &-googleplus {@include button-color(#d34836, $color-button-light);}
@@ -117,31 +78,6 @@ a, a:hover, a:active {
   &-mastodon {@include button-color(#282c37, $color-button-light);}
 }
 
-/* BADGES */
-
-.badge {
-  &-blue { @include badge-color($color-blue, $color-button-light); }
-  &-violet { @include badge-color($color-violet, $color-button-light); }
-  &-purple { @include badge-color($color-purple, $color-button-light); }
-  &-red { @include badge-color($color-red, $color-button-light); }
-  &-orange { @include badge-color($color-orange, $color-button-light); }
-  &-green { @include badge-color($color-green, $color-button-light); }
-  &-skyblue { @include badge-color($color-skyblue, $color-button-light); }
-  &-dark { @include badge-color($color-dark, $color-button-light); }
-  &-light { @include badge-color($color-light, $color-button-dark); }
-  &-turquoise { @include badge-color($color-turquoise, $color-button-light); }
-  &-yellow { @include badge-color($color-yellow, $color-button-light); }
-  &-brown { @include badge-color($color-brown, $color-button-light); }
-  &-grey { @include badge-color($color-grey, $color-button-light); }
-  
-  &-primary { @include badge-color($color-primary, $color-button-light); }
-  &-secondary { @include badge-color($color-secondary, $color-button-light); }
-  &-warning { @include badge-color($color-warning, $color-button-light); }
-  &-danger { @include badge-color($color-danger, $color-button-light); }
-  &-info { @include badge-color($color-info, $color-button-light); }
-  &-success { @include badge-color($color-success, $color-button-light); }
-}
-
 /* BACKGROUNDS */
 
 .bg {
@@ -167,31 +103,6 @@ a, a:hover, a:active {
   &-success { @include background-color($color-success, $color-button-light); }
 }
 
-/* ALERTS */
-
-.alert {
-  &-blue { @include alert-color($color-blue); }
-  &-violet { @include alert-color($color-violet); }
-  &-purple { @include alert-color($color-purple); }
-  &-red { @include alert-color($color-red); }
-  &-orange { @include alert-color($color-orange); }
-  &-green { @include alert-color($color-green); }
-  &-skyblue { @include alert-color($color-skyblue); }
-  &-dark { @include alert-color($color-dark); }
-  &-light { @include alert-color($color-light); }
-  &-turquoise { @include alert-color($color-turquoise); }
-  &-yellow { @include alert-color($color-yellow); }
-  &-brown { @include alert-color($color-brown); }
-  &-grey { @include alert-color($color-grey); }  
-  
-  &-primary { @include alert-color($color-primary); }
-  &-secondary { @include alert-color($color-secondary); }
-  &-warning { @include alert-color($color-warning); }
-  &-danger { @include alert-color($color-danger); }
-  &-info { @include alert-color($color-info); }
-  &-success { @include alert-color($color-success); }
-}
-
 /* TEXT */
 
 .text {
diff --git a/scss/_commons.scss b/scss/_commons.scss
index e7231b5..fd059ad 100644
--- a/scss/_commons.scss
+++ b/scss/_commons.scss
@@ -16,11 +16,6 @@
   &-right {text-align: right;}
 }
 
-h1, h2, h3, h4, h5, h6, h7, h8, h9, h10  {
-	color: $color-light;
-	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);
-}
-
 /* ------------------ HEADERS ------------------- */
 
 
@@ -52,6 +47,7 @@ header h1 {
   box-shadow: $narrow-shadow, $inset-shadow;
 }
 
+@import 'cards';
 
 /* ------------------ FOOTER ------------------- */
 
@@ -88,103 +84,6 @@ ul.social {
 }
 
 
-/* ------------------ CARDS ------------------- */
-
-.card {
-  @include border-radius();
-	box-shadow: $large-shadow;
-  border: none;
-  margin-bottom:1.2em;
-  background-color: $color-light;
-}
-
-.card-shadow {
-  box-shadow: $large-shadow, $inset-shadow;
-}
-
-.card h1,.card h2,.card h3,.card h4,.card h5,.card h6,.card h7,.card h8,.card h9,.card h10  {
-	color:$color-dark;
-	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
-}
-
-/* header and titles */
-
-.card-header {
-  @include borders();
-  font-size:1.1em;
-  box-shadow: $inset-relief;
-	text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
-  font-weight:600;
-  border-radius: 0;
-  
-  &:first-child {
-    @include border-radius();
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-  
-  &:last-child {
-    @include border-radius();
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-  
-  h1, h2, h3, h4, h5, h6, h7, h8, h9, h10  {
-    font-size:1em;
-    text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
-    padding:0px;
-    margin:0px;
-    color:$color-light;;
-    font-weight:600;
-    line-height:1.5em;
-  }
-}
-
-/* meta */
-
-.card-meta {
-	padding:1em;
-  border-bottom: $border-size solid rgba(0,0,0,0.2);
-  
-  &.media {
-    -ms-flex-align: center !important;
-    align-items: center !important;
-  }
-  
-  .media-left .media-object {
-	  height: 64px;
-	  width: 64px;
-	  border-radius: 10px;
-    margin-right:1em;
-  }
-  
-  
-  author {
-	  display:block;
-	  font-weight:600;
-  }
-
-  time {
-  	display:block;
-  	font-style:italic;
-  }
-}
-
-/* lists */
-
-.list-group-item {
-	border: none;
-	background-color:transparent;
-}
-
-a.list-group-item:hover {
-	border-style:none;
-	border-width:0px;
-	border-radius:0px;
-	background-color:rgba(0,0,0,0.1);
-}
-
-
 /* ------------------ BUTTONS ------------------- */
 
 .btn {
@@ -241,20 +140,6 @@ a.list-group-item:hover {
   outline: none;
 }
 
-/* ------------------ ALERTS ------------------- */
-
-.alert {
-  @include borders();
-  @include border-radius();
-  color:rgba(0, 0, 0, 0.7);
-  box-shadow: $large-shadow;
-}
-
-.alert a, .alert-link {
-  color:rgba(0, 0, 0, 0.7);
-  font-weight:bold;
-}
-
 /* ------------------ BREADCRUMB ------------------- */
 
 .breadcrumb {
diff --git a/scss/_palette.scss b/scss/_palette.scss
index fad5cec..9b5106b 100644
--- a/scss/_palette.scss
+++ b/scss/_palette.scss
@@ -19,7 +19,19 @@ $color-gray2:    #657b83;
 $color-gray3:     #839496;
 $color-gray4:     #93a1a1;
 
+$color-primary: $color-purple;
+$color-secondary: $color-blue;
+
+$color-link: $color-blue;
+$color-selection: $color-blue;
+$color-mark: $color-yellow;
+
 $color-warning: $color-orange;
 $color-danger: $color-red;
 $color-info: $color-skyblue;
 $color-success: $color-green;
+
+@mixin background-color($background-color, $text-color) {
+    background-color: $background-color!important;
+    color: $text-color;
+  }
\ No newline at end of file
diff --git a/scss/style.scss b/scss/style.scss
index e9afc6a..518ccb1 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -11,12 +11,6 @@ $inset-relief: inset 0px 2px 0px rgba(255, 255, 255, 0);
 $border-radius: 0px;
 $border-size: 0px;
 
-$color-primary: $color-purple;
-$color-secondary: $color-blue;
-$color-link: $color-blue;
-$color-selection: $color-blue;
-$color-mark: $color-yellow;
-
 $color-footer-back: $color-dark;
 $color-footer-text: $color-light;