Fix sass to override old base and main on all pages and mobile views

src/styles/_cards.sass

@@ -18,7 +18,6 @@
 			overflow: hidden
 			width: 100%
 			+media-breakpoint-up(sm)
-				margin-bottom: 10px
 				height: 203px
 				max-height: 203px
 				min-height: 203px

src/styles/_footer.sass

@@ -45,6 +45,12 @@ footer.container-fluid
 		a
 			color: #6d6d6e
 			font-size: 16px
+			&:hover
+				color: #3F3F40
 	.social-icons
 		.list-inline-item:not(:last-child) 
     	margin-right: 22px
+		a
+			opacity: 1
+			&:hover
+				opacity: 0.8

src/styles/_navbar.sass

@@ -3,6 +3,7 @@ nav.navbar
   height: auto
   min-height: 48px
   padding: 2px 20px
+  position: sticky
   +media-breakpoint-up(md)
     box-shadow: 0 2px 2px -2px rgba(0,0,0,.15)
     height: 56px
@@ -85,13 +86,13 @@ nav.navbar
   .gravatar
     width: 32px
     border-radius: 50%
+  .dropdown-menu
+    margin-top: -2px
+  .dropdown:hover>.dropdown-menu
+    display: block
 #userDropdown
   .nav-link
     padding-top: 4px
     padding-bottom: 0
     padding-right: 0
     outline: none
-.navbar+.page-content
-  padding-top: 0
-.container-page
-  background: #fff

src/styles/_typography.sass

@@ -8,15 +8,20 @@ body
 	color: #212529
 h1, h2, h3, h4, h5
 	font-family: 'Source Sans Pro', sans-serif
+	margin-top: 0
+	margin-bottom: .5rem
 h1
 	font-size: 48px
 	line-height: 57px
+	font-weight: 500
 h2
 	font-size: 36px
 	line-height: 47px
+	font-weight: 500
 h3
 	font-size: 27px
 	line-height: 38px
+	font-weight: 500
 h4
 	font-size 21px
 	font-weight: 500
@@ -26,7 +31,13 @@ h5
 	letter-spacing: 0.6px
 p
 	font-size: 20px
-	line-height: 32px
+	line-height: 1.5
+	margin-bottom: 1rem
 .lead
 	font-size: 20px
 	letter-spacing: 0.4px
+a
+	color: #007bff
+	&:hover
+		color: #007bff
+		text-decoration: underline

src/styles/project-landing.sass

@@ -1,6 +1,7 @@
 @import ../styles/colors
 @import ../styles/breakpoints
 @import ../styles/typography
+@import ../styles/base
 @import ../styles/navbar
 @import ../styles/jumbotron
 @import ../styles/navbar-secondary
@@ -9,6 +10,16 @@
 @import ../styles/cards
 @import ../styles/footer
 
+/* Undo main.css padding
+   ================================================================== */
+section.node-details-container.project
+  padding-bottom: 0
+  .node-details-title
+    padding-top: 0
+    padding-bottom: 0
+
+/* Landing Page Sass
+   ================================================================== */
 .cta-arrow
   img
     padding-left: 11px
@@ -17,8 +28,9 @@
     max-width: 1190px
     h1,
     p
-      max-width: 730px
+      max-width: 700px
-      margin: auto
+      margin-left: auto
+      margin-right: auto
 section
   margin-top: 104px
   +media-breakpoint-up(sm)

src/styles/projects-index-collection.sass

@@ -1,6 +1,7 @@
 @import ../styles/colors
 @import ../styles/breakpoints
 @import ../styles/typography
+@import ../styles/base
 @import ../styles/navbar
 @import ../styles/jumbotron
 @import ../styles/navbar-secondary

src/templates/layout.pug

@@ -164,9 +164,8 @@ html(lang="en")
 					| {% block body %}{% endblock %}
 
 		| {% block footer_container %}
-		footer#footer-container.container-fluid
+		footer.container-fluid
 			| {% block footer_navigation %}
-			#footer-navigation
 			.container.py-5
 				.row
 					.col-4

src/templates/projects/landing.pug

@@ -78,8 +78,7 @@ script(src="{{ url_for('static_pillar', filename='assets/js/vendor/videojs-hotke
 | {% endblock %}
 
 | {% block css %}
-link(href="{{ url_for('static_pillar', filename='assets/css/font-pillar.css') }}", rel="stylesheet")
+| {{ super() }}
-//- link(href="{{ url_for('static_pillar', filename='assets/css/base.css') }}", rel="stylesheet")
 link(href="{{ url_for('static_cloud', filename='assets/css/project-landing.css') }}", rel="stylesheet")
 | {% endblock %}