diff --git a/_includes/case-study-styles.html b/_includes/case-study-styles.html
deleted file mode 100644
index 48058bd27b..0000000000
--- a/_includes/case-study-styles.html
+++ /dev/null
@@ -1,313 +0,0 @@
-<style>
-	#caseStudyTitle {
-		margin-top: 1em !important;
-	}
-	
-	.gridPage p {
-		color: rgb(26,26,26) !important;
-		margin-left: 0 !important;
-		padding-left: 0 !important;
-		font-weight: 300 !important;
-	}
-
-	.gridPage #mainContent {
-		padding: 0;
-	}
-
-	.gridPage #mainContent .content {
-		padding-top: 0;
-	}
-
-	.gridPage main {
-		max-width: 1100px !important;
-	}
-
-	.gridPage .content {
-		position: relative;
-		margin: 0 auto 50px;
-		max-width: 90%;
-	}
-
-	.gridPage .content p {
-		line-height: 24px !important;
-	}
-
-	.gridPage .content h3 {
-		padding: 0 !important;
-	}
-	
-	.gridPage #hero h5 {
-		padding-left: 20px;
-		margin: 0;
-	}
-	
-	.case-studies {
-		position: relative;
-		display: flex;
-		justify-content: space-between;
-		flex-wrap: wrap;
-		margin-top: 50px;
-	}
-	
-	.case-study {
-		position: relative;
-		width: 50%;
-		padding: 0 40px 0 242px;
-		margin-bottom: 60px;
-		min-height: 152px;
-	}
-	
-	.case-study:nth-child(3), .case-study:nth-child(4) {
-		margin-bottom: 0;
-	}
-	
-	.case-study img {
-		position: absolute;
-		top: 0;
-		left: 0;
-	}
-
-	.gridPage #mainContent .content .case-study p {
-		font-family: "Roboto", sans-serif;
-		font-size: 16px;
-		padding: 0;
-	}
-	
-	p.attrib {
-		font-style: italic;
-	}
-	
-	.gridPage #video {
-		background: #f9f9f9;
-		height: auto;
-		/*height: 340px;*/
-	}
-	
-	.gridPage #video main {
-		position: relative;
-		max-width: 900px !important;
-		height: 100%;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		padding: 50px 20px;
-	}
-
-	.gridPage #video main > div {
-		width: 50%;
-	}
-
-	.gridPage #video main #zulilyLogo {
-		width: 100px;
-	}
-
-	.gridPage #video main img {
-		max-width: 100%;
-	}
-
-	.gridPage #video h3 {
-		font-size: 32px;
-		font-weight: 300;
-		line-height: 38px;
-		max-width: 80%;
-		margin: 0 0 1em 0;
-	}
-
-	.gridPage #video p {
-		margin: 0;
-	}
-
-	.gridPage #video p.attrib {
-		margin-bottom: 20px;
-	}
-	
-	.gridPage #video button > h6 {
-		font-size: 18px;
-		font-weight: 500;
-		margin: 1em 0;
-		color: #326de6;
-	}
-	
-	.gridPage #users {
-		padding: 50px;
-	}
-
-	.gridPage #users main {
-		max-width: 1150px !important;
-	}
-
-	.gridPage #users main h3 {
-		padding-left: 20px;
-		margin-bottom: 20px;
-	}
-	
-	.gridPage #usersGrid {
-		position: relative;
-		display: flex;
-		flex-wrap: wrap;
-		justify-content: center;
-	}
-
-	.gridPage #usersGrid a {
-		display: inline-block;
-		margin: 5px;
-	}
-
-	.gridPage #usersGrid a img {
-		box-shadow: 1px 1px 2px transparent;
-		transition: box-shadow 0.25s;
-	}
-
-	.gridPage #usersGrid a img:hover {
-		box-shadow: 1px 1px 2px #cccccc;
-	}
-
-	.gridPage #usersGrid a:last-child img,
-	.gridPage #usersGrid a:last-child img:hover {
-		box-shadow: 1px 1px 2px transparent;
-	}
-	
-	.tell-your-story {
-		border: 1px solid #dddddd;
-		border-radius: 6px;
-		box-shadow: 1px 2px 2px #dddddd;
-	}
-	
-	.gridPage .feature {
-		position: relative;
-		padding: 20px 0 20px 242px;
-	}
-	
-	.gridPage .feature img {
-		position: absolute;
-		top: 20px;
-		left: 0;
-	}
-	
-	section.bullets {
-		background-color: #eeeeee;
-		margin-bottom: 50px;
-	}
-	
-	section.bullets main {
-		position: relative;
-		max-width: 1100px;
-		padding: 50px 0;
-	}
-	
-	section.bullets .content {
-		position: relative;
-		display: flex;
-		flex-wrap: wrap;
-		margin-bottom: 0 !important;
-	}
-	
-	.bullet {
-		position: relative;
-		width: 50%;
-		padding: 15px 30px;
-	}
-	
-	.bullet h4 {
-		margin-bottom: 0.5em;
-	}
-	
-	.bullet li {
-		margin-left: 1.25em;
-		list-style: disc;
-		font-weight: 300;
-		color: rgb(26,26,26);
-		line-height: 1.5em;
-		margin-bottom: 0.5em;
-	}
-	
-	.details h4, p {
-		margin-bottom: 0.5em;
-	}
-	
-	.gridPage .feature p.quote {
-		font-size: 20px;
-		line-height: 28px !important;
-	}
-	
-	@media screen and (max-width: 1024px){
-		.case-study {
-			padding: 0 10%;
-			margin-bottom: 50px;
-		}
-
-		.case-study img {
-			position: relative;
-		}
-
-		.case-study p.quote {
-			margin-top: 20px !important;
-		}
-
-		.case-study p.attrib {
-			font-style: italic;
-		}
-	}
-
-	@media screen and (max-width: 900px){
-		.gridPage #video main {
-			flex-direction: column;
-			align-items: center;
-		}
-
-		.gridPage #video main > div {
-			width: 400px;
-		}
-
-		.gridPage #video main > div + div {
-			margin-top: 30px;
-		}
-
-		.gridPage #video h3 {
-			max-width: 100%;
-		}
-	}
-
-	@media screen and (max-width: 640px){
-		.case-study {
-			width: 100%;
-		}
-
-		.case-study:nth-child(3) {
-			margin-bottom: 60px;
-		}
-
-		.case-study img {
-			left: 50%;
-			transform: translateX(-50%);
-		}
-
-		.gridPage .feature {
-			margin-top: 50px;
-			padding: 180px 0 0;
-		}
-
-		.gridPage .feature img {
-			top: 0;
-			left: 50%;
-			transform: translateX(-50%);
-		}
-	}
-
-	@media screen and (max-width: 480px){
-		.gridPage #hero {
-			padding-right: 20px;
-			padding-left: 20px;
-		}
-
-		.gridPage #video main > div {
-			width: 80%;
-			min-width: 280px;
-		}
-
-		.bullet {
-			width: 100%;
-		}
-	}
-</style>
-
diff --git a/_includes/head-header.html b/_includes/head-header.html
index fa859604d2..43e56595b4 100644
--- a/_includes/head-header.html
+++ b/_includes/head-header.html
@@ -7,6 +7,7 @@
 	<link rel="stylesheet" href="/css/styles.css"/>
         <link rel="stylesheet" href="/css/jquery-ui.min.css">
         <link rel="stylesheet" href="/css/sweetalert.css">
+        {% if page.class == "gridPage" %}<link rel="stylesheet" href="/css/gridpage.css">{% endif %}
 	<script src="/js/jquery-2.2.0.min.js"></script>
         <script src="/js/jquery-ui.min.js"></script>
 	<script src="/js/script.js"></script>
diff --git a/case-studies/index.html b/case-studies/index.html
index f593d73fb9..35082bbf2c 100644
--- a/case-studies/index.html
+++ b/case-studies/index.html
@@ -1,5 +1,6 @@
 ---
 title: Case Studies
+class: gridPage
 ---
 
 <!Doctype html>
@@ -99,7 +100,6 @@ title: Case Studies
 	<button id="closeButton"></button>
 </div>
 {% include footer.html %}
-{% include case-study-styles.html %}
 
 </body>
 </html>
diff --git a/case-studies/pearson.html b/case-studies/pearson.html
index 50f16ce7ae..9d0943392b 100644
--- a/case-studies/pearson.html
+++ b/case-studies/pearson.html
@@ -1,5 +1,6 @@
 ---
 title: Pearson Case Study
+class: gridPage
 ---
 
 <!Doctype html>
@@ -82,7 +83,6 @@ title: Pearson Case Study
 </section>
 
 {% include footer.html %}
-{% include case-study-styles.html %}
 
 </body>
 </html>
diff --git a/case-studies/wikimedia.html b/case-studies/wikimedia.html
index 2d3b686128..ff019a3fd7 100644
--- a/case-studies/wikimedia.html
+++ b/case-studies/wikimedia.html
@@ -1,5 +1,6 @@
 ---
 title: Wikimedia Case Study
+class: gridPage
 ---
 
 <!Doctype html>
@@ -97,7 +98,6 @@ title: Wikimedia Case Study
 </section>
 
 {% include footer.html %}
-{% include case-study-styles.html %}
 
 </body>
 </html>
diff --git a/css/gridpage.css b/css/gridpage.css
new file mode 100644
index 0000000000..96a39af9c6
--- /dev/null
+++ b/css/gridpage.css
@@ -0,0 +1,310 @@
+#caseStudyTitle {
+    margin-top: 1em !important;
+}
+
+.gridPage p {
+    color: rgb(26,26,26) !important;
+    margin-left: 0 !important;
+    padding-left: 0 !important;
+    font-weight: 300 !important;
+}
+
+.gridPage #mainContent {
+    padding: 0;
+}
+
+.gridPage #mainContent .content {
+    padding-top: 0;
+}
+
+.gridPage main {
+    max-width: 1100px !important;
+}
+
+.gridPage .content {
+    position: relative;
+    margin: 0 auto 50px;
+    max-width: 90%;
+}
+
+.gridPage .content p {
+    line-height: 24px !important;
+}
+
+.gridPage .content h3 {
+    padding: 0 !important;
+}
+
+.gridPage #hero h5 {
+    padding-left: 20px;
+    margin: 0;
+}
+
+.case-studies {
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    margin-top: 50px;
+}
+
+.case-study {
+    position: relative;
+    width: 50%;
+    padding: 0 40px 0 242px;
+    margin-bottom: 60px;
+    min-height: 152px;
+}
+
+.case-study:nth-child(3), .case-study:nth-child(4) {
+    margin-bottom: 0;
+}
+
+.case-study img {
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+.gridPage #mainContent .content .case-study p {
+    font-family: "Roboto", sans-serif;
+    font-size: 16px;
+    padding: 0;
+}
+
+p.attrib {
+    font-style: italic;
+}
+
+.gridPage #video {
+    background: #f9f9f9;
+    height: auto;
+    /*height: 340px;*/
+}
+
+.gridPage #video main {
+    position: relative;
+    max-width: 900px !important;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 50px 20px;
+}
+
+.gridPage #video main > div {
+    width: 50%;
+}
+
+.gridPage #video main #zulilyLogo {
+    width: 100px;
+}
+
+.gridPage #video main img {
+    max-width: 100%;
+}
+
+.gridPage #video h3 {
+    font-size: 32px;
+    font-weight: 300;
+    line-height: 38px;
+    max-width: 80%;
+    margin: 0 0 1em 0;
+}
+
+.gridPage #video p {
+    margin: 0;
+}
+
+.gridPage #video p.attrib {
+    margin-bottom: 20px;
+}
+
+.gridPage #video button > h6 {
+    font-size: 18px;
+    font-weight: 500;
+    margin: 1em 0;
+    color: #326de6;
+}
+
+.gridPage #users {
+    padding: 50px;
+}
+
+.gridPage #users main {
+    max-width: 1150px !important;
+}
+
+.gridPage #users main h3 {
+    padding-left: 20px;
+    margin-bottom: 20px;
+}
+
+.gridPage #usersGrid {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.gridPage #usersGrid a {
+    display: inline-block;
+    margin: 5px;
+}
+
+.gridPage #usersGrid a img {
+    box-shadow: 1px 1px 2px transparent;
+    transition: box-shadow 0.25s;
+}
+
+.gridPage #usersGrid a img:hover {
+    box-shadow: 1px 1px 2px #cccccc;
+}
+
+.gridPage #usersGrid a:last-child img,
+.gridPage #usersGrid a:last-child img:hover {
+    box-shadow: 1px 1px 2px transparent;
+}
+
+.tell-your-story {
+    border: 1px solid #dddddd;
+    border-radius: 6px;
+    box-shadow: 1px 2px 2px #dddddd;
+}
+
+.gridPage .feature {
+    position: relative;
+    padding: 20px 0 20px 242px;
+}
+
+.gridPage .feature img {
+    position: absolute;
+    top: 20px;
+    left: 0;
+}
+
+section.bullets {
+    background-color: #eeeeee;
+    margin-bottom: 50px;
+}
+
+section.bullets main {
+    position: relative;
+    max-width: 1100px;
+    padding: 50px 0;
+}
+
+section.bullets .content {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    margin-bottom: 0 !important;
+}
+
+.bullet {
+    position: relative;
+    width: 50%;
+    padding: 15px 30px;
+}
+
+.bullet h4 {
+    margin-bottom: 0.5em;
+}
+
+.bullet li {
+    margin-left: 1.25em;
+    list-style: disc;
+    font-weight: 300;
+    color: rgb(26,26,26);
+    line-height: 1.5em;
+    margin-bottom: 0.5em;
+}
+
+.details h4, p {
+    margin-bottom: 0.5em;
+}
+
+.gridPage .feature p.quote {
+    font-size: 20px;
+    line-height: 28px !important;
+}
+
+@media screen and (max-width: 1024px){
+    .case-study {
+        padding: 0 10%;
+        margin-bottom: 50px;
+    }
+
+    .case-study img {
+        position: relative;
+    }
+
+    .case-study p.quote {
+        margin-top: 20px !important;
+    }
+
+    .case-study p.attrib {
+        font-style: italic;
+    }
+}
+
+@media screen and (max-width: 900px){
+    .gridPage #video main {
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .gridPage #video main > div {
+        width: 400px;
+    }
+
+    .gridPage #video main > div + div {
+        margin-top: 30px;
+    }
+
+    .gridPage #video h3 {
+        max-width: 100%;
+    }
+}
+
+@media screen and (max-width: 640px){
+    .case-study {
+        width: 100%;
+    }
+
+    .case-study:nth-child(3) {
+        margin-bottom: 60px;
+    }
+
+    .case-study img {
+        left: 50%;
+        transform: translateX(-50%);
+    }
+
+    .gridPage .feature {
+        margin-top: 50px;
+        padding: 180px 0 0;
+    }
+
+    .gridPage .feature img {
+        top: 0;
+        left: 50%;
+        transform: translateX(-50%);
+    }
+}
+
+@media screen and (max-width: 480px){
+    .gridPage #hero {
+        padding-right: 20px;
+        padding-left: 20px;
+    }
+
+    .gridPage #video main > div {
+        width: 80%;
+        min-width: 280px;
+    }
+
+    .bullet {
+        width: 100%;
+    }
+}
diff --git a/partners/index.html b/partners/index.html
index 5a8da670a9..a65be512ff 100644
--- a/partners/index.html
+++ b/partners/index.html
@@ -1,5 +1,6 @@
 ---
 title: Partners
+class: gridPage
 ---
 
 <!Doctype html>
@@ -23,7 +24,6 @@ title: Partners
 </section>
 
 {% include footer.html %}
-{% include case-study-styles.html %}
 
 <style>
 	{% include partner-style.css %}