diff --git a/css/scrolling-nav.css b/css/scrolling-nav.css
index 8f1b442..9b9358f 100644
--- a/css/scrolling-nav.css
+++ b/css/scrolling-nav.css
@@ -361,9 +361,7 @@ h1 {
     font-size: 20px;
     font-weight: 400;
 }
-.alternate-font {
-   font-family:"saira"
-}
+
 
 .navbar-expand-lg .navbar-nav .nav-link {
   padding-right: 1.5rem;
@@ -389,4 +387,12 @@ a{
 .img2{
   width:100%;
   height: 220px;
+}
+
+@font-face {
+    font-family: sairaFont;
+    src: url(../vendor/fonts/Saira-Regular.ttf);
+}
+.alternate-font {
+   font-family:"sairaFont"
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index babce9f..7ce8b97 100644
--- a/index.html
+++ b/index.html
@@ -165,10 +165,11 @@ devices that guard users&#39; privacy.</div>
 
 <ul>
 	<li>
-	<h5><a href="https://github.com/forksand"><i><img class="sr-icons" src="img/icons/github.png" /></i> github.com/forksand</a></h5>
+	<h5><a href="https://github.com/forksand"><i class="fa fa-github sr-icons" style="font-size:40px; color:black"></i> github.com/forksand</a></h5>
+
 	</li>
 	<li>
-	<h5><a href="https://twitter.com/realforksand"><i><img class="sr-icons" src="img/icons/twitter.png" /></i> twitter.com/realforksand</a></h5>
+	<h5><a href="https://twitter.com/realforksand"><i class="sr-icons fa fa-twitter sr-icons" style="font-size:40px; color:#007bff"></i> twitter.com/realforksand</a></h5>
 	</li>
 	<li>
 	<h5><a href="https://imgur.com/user/forksand"><i><img class="sr-icons" src="img/icons/imgur.png" /></i> imgur.com/user/forksand</a></h5>
diff --git a/vendor/fonts/Saira-Regular.ttf b/vendor/fonts/Saira-Regular.ttf
new file mode 100644
index 0000000..938807a
Binary files /dev/null and b/vendor/fonts/Saira-Regular.ttf differ