From cf63db5f9a1fe4beff5ac9d0c501e6de4775f008 Mon Sep 17 00:00:00 2001
From: 0xfff <0xfff@protonmail.com>
Date: Mon, 14 Nov 2016 00:38:26 +0100
Subject: [PATCH] [Update] Currency: Update Styling

---
 currency/index.html           | 26 +++++++++++++-------------
 src/scss/_section.scss        | 14 ++++++++++++++
 src/scss/pages/_currency.scss |  5 ++++-
 3 files changed, 31 insertions(+), 14 deletions(-)

diff --git a/currency/index.html b/currency/index.html
index 1c42485..58c48c3 100644
--- a/currency/index.html
+++ b/currency/index.html
@@ -6,11 +6,11 @@ description: pages.currency.description
 
 {% include hero/currency.html %}
 
-<div class="content page--currency">
+<div class="content page page--currency">
 
-	<section id="section-exchanges">
-		<h2>{% t pages.currency.markets-heading %}</h2>
-		<p>
+	<section class="section section--currency" id="section-exchanges">
+		<h2 class="section__title">{% t pages.currency.markets-heading %}</h2>
+		<p class="section__lead">
 			Compare Sites
 		</p>
 		<div class="hero__buttons">
@@ -33,9 +33,9 @@ description: pages.currency.description
 		</table>
 	</section>
 
-	<section id="section-governance">
-		<h2>{% t pages.currency.governance-heading %}</h2>
-		<p>
+	<section class="section section--currency" id="section-governance">
+		<h2 class="section__title">{% t pages.currency.governance-heading %}</h2>
+		<p class="section__lead">
 			Governance Tools
 		</p>
 		<div class="hero__buttons">
@@ -61,10 +61,10 @@ description: pages.currency.description
 		</table>
 	</section>
 
-	<section id="section-network">
-		<h2>{% t pages.currency.network-heading %}</h2>
+	<section class="section section--currency" id="section-network">
+		<h2 class="section__title">{% t pages.currency.network-heading %}</h2>
 
-		<p>
+		<p class="section__lead">
 			Masternode Info
 		</p>
 		<div class="hero__buttons">
@@ -81,9 +81,9 @@ description: pages.currency.description
 		</p>
 	</section>
 
-	<section id="section-blockchain">
-		<h2>{% t pages.currency.blockchain-heading %}</h2>
-		<p>
+	<section class="section section--currency" id="section-blockchain">
+		<h2 class="section__title">{% t pages.currency.blockchain-heading %}</h2>
+		<p class="section__lead">
 			Block Explorers
 		</p>
 		<div class="hero__buttons">
diff --git a/src/scss/_section.scss b/src/scss/_section.scss
index dbb5ab7..5ab0741 100644
--- a/src/scss/_section.scss
+++ b/src/scss/_section.scss
@@ -108,6 +108,20 @@ $m: 'section';
 		}
 	}
 
+	&--currency {
+		.#{$m} {
+			&__title {
+				@include font-title-xlarge();
+				margin-bottom: 10px;
+			}
+			&__lead {
+				@include font-lead();
+				color: $color-gray-dark;
+				margin-bottom: 20px;
+			}
+		}
+	}
+
 	&--post {
 		.#{$m} {
 			&__sidebar {
diff --git a/src/scss/pages/_currency.scss b/src/scss/pages/_currency.scss
index 7fa52bb..895785e 100644
--- a/src/scss/pages/_currency.scss
+++ b/src/scss/pages/_currency.scss
@@ -1,5 +1,8 @@
 .page--currency > section {
-	margin: 40px 0;
+	// margin: 40px 0;
+}
+.page--currency {
+	margin-top: 40px;
 }
 
 .page--currency table#budgets {