diff --git a/index.html b/index.html
index 9c8284c..c68dd9f 100644
--- a/index.html
+++ b/index.html
@@ -17,7 +17,7 @@
     <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Custom fonts for this template -->
-    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+    <link href="vendor/font-awesome/css/all.min.css" rel="stylesheet" type="text/css">
     <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
     <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
 
@@ -65,11 +65,11 @@
         </a>
         
         <a id="vimeo-link" class="master_button" href="https://vimeo.com/user59930690">
-            <i class="fa fa-vimeo fa-2x" aria-hidden="true"></i>
+            <i class="fab fa-vimeo-v fa-2x" aria-hidden="true"></i>
         </a>
 
         <a id="artstation-link" class="master_button" href="https://www.artstation.com/maxspiegel">
-            <i class="fa fa-artstation fa-2x" aria-hidden="true"></i>
+            <i class="fab fa-artstation fa-2x" aria-hidden="true"></i>
         </a>
     </header>
     
diff --git a/scss/_masthead.scss b/scss/_masthead.scss
index a29470d..e246a94 100644
--- a/scss/_masthead.scss
+++ b/scss/_masthead.scss
@@ -26,7 +26,7 @@ header.masthead {
         left: 2rem;
     }
     #artstation-link {
-        left: 4rem;
+        left: 5rem;
     }
     .icone {
         width: 1.1rem;
@@ -70,7 +70,7 @@ header.masthead {
             left: 4rem;
         }
         #artstation-link {
-            left: 6rem;
+            left: 7.5rem;
         }
         .icone {
             width: 2.2rem;