Fix dropmenu style

scss/theme/_header.scss

@@ -15,7 +15,7 @@
   z-index: 2;
 
   a {
-    color: rgba($light-color, 0.7) !important;
+    color: rgba($light-color, 0.7);
   }
 
   a.active {
@@ -23,7 +23,7 @@
   }
 
   .dropmenu ul ul a {
-      color: $dark-color !important;
+    color: rgba($light-color, 0.7);
   }
 
   .navbar-section {

scss/theme/_menu.scss

@@ -24,7 +24,7 @@
 
         &:before {
           content: '\f107';
-          font-family: 'FontAwesome';
+          font-family: 'Font Awesome\ 5 Free';
           display: inline-block;
           vertical-align: middle;
           float: right;

scss/theme/_variables.scss

@@ -10,12 +10,12 @@ $header-title: #FFF;
 $header-text: darken($dark-color, 15%);
 
 // Dropdown Menu
-$dropmenu-bg: $light-color;
-$dropmenu-hover-text: $primary-color;
+$dropmenu-bg: darken($header-color, 2%);
+$dropmenu-hover-text: $light-color;
 $dropmenu-horiz-padding: 20px;
 $dropmenu-vert-padding: 7px;
 $dropmenu-child-padding: 10px;
-$dropmenu-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
+$dropmenu-shadow: 0 3px 5px rgba(255, 255, 255, 0.1);
 
 // Mobile Menu
 $mobile-color-main: $primary-color;