From 5fb484eb726cf9865c19122837ff1eba446fdfbc Mon Sep 17 00:00:00 2001
From: Alice Young <aliceyoung.9@gmail.com>
Date: Tue, 25 Apr 2017 00:36:01 -0400
Subject: [PATCH 1/2] Darken Piece Header image a twinge, for better
 readability.

---
 www/scss/components/piece-screen/_all.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/www/scss/components/piece-screen/_all.scss b/www/scss/components/piece-screen/_all.scss
index 60f6385..0531406 100644
--- a/www/scss/components/piece-screen/_all.scss
+++ b/www/scss/components/piece-screen/_all.scss
@@ -9,7 +9,9 @@
 }
 
 .piece-sc-header {
-  background-color: transparentize(black, 0.68);
+  background-color: transparentize($black-purple, 0.75);
+  background-blend-mode: darken;
+
   background-position: center center;
   background-repeat: no-repeat;
 

From 4a93cef49ec3bae568481c9ad7989266d5a65b9f Mon Sep 17 00:00:00 2001
From: Alice Young <aliceyoung.9@gmail.com>
Date: Mon, 27 Mar 2017 18:49:39 -0400
Subject: [PATCH 2/2] Add Styles for heading types with line-through-the-middle

---
 www/scss/base/_helpers.scss    | 25 +++++++++++++++++++++++++
 www/scss/components/_home.scss |  6 +++++-
 www/scss/index.scss            |  1 +
 3 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 www/scss/base/_helpers.scss

diff --git a/www/scss/base/_helpers.scss b/www/scss/base/_helpers.scss
new file mode 100644
index 0000000..f0f7e30
--- /dev/null
+++ b/www/scss/base/_helpers.scss
@@ -0,0 +1,25 @@
+$lines--content-gutter: 20px;
+$lines--min-width: 20px;
+
+.has-lines {
+  display: flex;
+  align-items: center;
+  text-align: center;
+
+  &:before,
+  &:after {
+    content: '';
+    flex-grow: 1;
+    height: 1px;
+    background: #ccc;
+    min-width: $lines--min-width;
+  }
+
+  &:before {
+    margin-right: $lines--content-gutter;
+  }
+
+  &:after {
+    margin-left: $lines--content-gutter;
+  }
+}
diff --git a/www/scss/components/_home.scss b/www/scss/components/_home.scss
index 320e18f..90656e3 100644
--- a/www/scss/components/_home.scss
+++ b/www/scss/components/_home.scss
@@ -131,7 +131,11 @@
 }
 
 .tour-container--custom {
-  width: auto;
+  width: 100%;
+
+  .card-section-label--title {
+    @extend .has-lines;
+  }
 }
 
 .card-no-img {
diff --git a/www/scss/index.scss b/www/scss/index.scss
index 6716a90..37ee115 100644
--- a/www/scss/index.scss
+++ b/www/scss/index.scss
@@ -1,6 +1,7 @@
 @import 'global';
 @import 'typography';
 @import 'vendor/tachyons';
+@import 'base/_helpers';
 @import 'components/_globalMap';
 @import 'components/_home';
 @import 'components/_browseScreen';