Theatre View: backdrop block not needed anymore

src/styles/_pages.sass

@@ -1,13 +1,17 @@
 /* Pages (services, about, etc) */
 
 #page-header
-	display: flex
 	align-items: center
-	justify-content: center
-	flex-direction: column
-	min-height: 350px
-	color: white
+	background-position: center
+	background-size: cover
 	border-bottom: 2px solid $color-background-light
+	color: white
+	display: flex
+	flex-direction: column
+	justify-content: center
+	min-height: 350px
+	overflow: hidden
+	position: relative
 
 	.page-title-icons
 		font-size: 3em
@@ -37,7 +41,9 @@
 			weight: 300
 
 		padding: 15px
+		position: relative
 		text-shadow: 0 0 30px black, 0 0 50px black, 2px 2px 1px rgba(black, .2)
+		z-index: 1
 
 		+media-xs
 			font-size: 2.5em
@@ -51,9 +57,11 @@
 
 
 	.page-title-summary
-		text-align: center
-		padding: 10px 15px
 		font-size: 1.2em
+		padding: 10px 15px
+		position: relative
+		text-align: center
+		z-index: 1
 
 	.page-header-cta-container
 		display: flex

src/styles/_project.sass

@@ -1,12 +1,12 @@
 $project-sidebar-background: lighten($color-background, 5%)
 
 #project-container
+	+container-behavior
 	display: flex
 	flex-direction: row
 	min-height: 800px
-	z-index: $z-index-base
 	position: relative
-	+container-behavior
+	z-index: $z-index-base
 
 	+media-xs
 		flex-direction: column-reverse

src/styles/theatre.sass

@@ -10,7 +10,7 @@ $theatre-width: 350px
 body.theatre,
 body.theatre .container-page
 	background-color: $color-theatre-background
-	.navbar-transparent
+	nav.navbar
 		+media-lg
 			background-color: $color-background-nav
 			background-image: none