Swipebox, Hero Area, Navigation, Font

- replaced Lightbox with Swipebox for better responsiveness
- fixed navigation brand alignment
- changed hero area appearance and improved responsiveness
- added missing lato font

_includes/head.html

@@ -21,23 +21,29 @@
     <!-- Responsive Style -->
     <link rel="stylesheet" type="text/css" href="{{site.baseurl}}/css/responsive.css">
 
-    <!--Icon Fonts-->
+    <!-- Icon Fonts -->
     <link rel="stylesheet" media="screen" href="{{site.baseurl}}/fonts/font-awesome/font-awesome.min.css" />
 
-    <!--Arch Icon Fonts-->
+    <!-- Arch Icon Fonts -->
     <link rel="stylesheet" media="screen" href="{{site.baseurl}}/fonts/font-arch/arch.min.css" />
 
-    <!--Gallery-->
+    <!-- Lato Font -->
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> 
+
+    <!-- Gallery -->
     <link rel="stylesheet" media="screen" href="{{site.baseurl}}/css/gallery.css" />
     <link rel="stylesheet" media="screen" href="{{site.baseurl}}/css/gallery.theme.css" />
 
-    <!-- Extras -->
-    <link rel="stylesheet" type="text/css" href="{{site.baseurl}}/extras/animate.css">
-    <link rel="stylesheet" type="text/css" href="{{site.baseurl}}/extras/lightbox.css">
+    <!-- Swipebox -->
+    <link rel="stylesheet" media="screen" href="{{site.baseurl}}/css/swipebox.min.css">
+
+    <!-- AnimateCSS -->
+    <link rel="stylesheet" type="text/css" href="{{site.baseurl}}/css/animate.css">
 
 
     <!-- jQuery Load -->
     <script src="{{site.baseurl}}/js/jquery-min.js"></script>
+
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
     <!--[if lt IE 9]>