diff --git a/themes/openpowerfoundation/assets/css/ready.scss b/themes/openpowerfoundation/assets/css/ready.scss
index 1a7b36c..c5626d2 100644
--- a/themes/openpowerfoundation/assets/css/ready.scss
+++ b/themes/openpowerfoundation/assets/css/ready.scss
@@ -1,15 +1,15 @@
-main {
-&.ready {
-	@media screen and (max-width: $lg) {
-		padding-top: 50px;
-		padding-bottom: 40px;
+.ready {
+	@media screen and (min-width: $xl) {
+		padding-top: 6.50rem;
+		padding-bottom: 50px;
 	}
 	@media screen and (min-width: $lg) and (max-width: $xl) {
 		padding-top: 70px;
 		padding-bottom: 40px;
 	}
-	@media screen and (min-width: $xl) {
-		padding-bottom: 50px;
+	@media screen and (max-width: $lg) {
+		padding-top: 50px;
+		padding-bottom: 40px;
 	}
 	.post__thumb {
 		width: 40px;
@@ -29,13 +29,15 @@ main {
 		text-align: left;
 		line-height: 1.2;
 	}
-}
-}
-.promo__section {
-	align-items: center;
-	&.ready {
-		h1 {
-			font-size: 2rem;
+	.promo__section {
+		align-items: center;
+		&.ready {
+			h1 {
+				font-size: 2rem;
+			}
 		}
 	}
 }
+.ready-single {
+	padding-top: 3.75rem;
+}
diff --git a/themes/openpowerfoundation/layouts/ready/list.html b/themes/openpowerfoundation/layouts/ready/list.html
index f2443ca..d18f418 100644
--- a/themes/openpowerfoundation/layouts/ready/list.html
+++ b/themes/openpowerfoundation/layouts/ready/list.html
@@ -1,6 +1,6 @@
 {{ partial "header.html" . }}
 {{ partial "navbar.html" . }}
-<main id="main" class="main ready">
+<main class="ready">
 <section id="ready">
 <div id="ready" class="container-fluid">
 	<div class="section-header">
diff --git a/themes/openpowerfoundation/layouts/ready/single.html b/themes/openpowerfoundation/layouts/ready/single.html
index 22199ef..aa95e12 100644
--- a/themes/openpowerfoundation/layouts/ready/single.html
+++ b/themes/openpowerfoundation/layouts/ready/single.html
@@ -1,7 +1,7 @@
 {{ partial "header.html" . }}
 {{ partial "navbar.html" . }}
-<main id="main">
-<section id="page" class="section-bg">
+<main class="ready-single">
+<section class="ready-single" class="section-bg">
 <div class="container-fluid">
 	<div class="section-header">
 		<h2 class="section-title text-center">{{ .Title }}</h2>
diff --git a/themes/openpowerfoundation/layouts/resources/list.html b/themes/openpowerfoundation/layouts/resources/list.html
index 0d154ac..2c3fd13 100644
--- a/themes/openpowerfoundation/layouts/resources/list.html
+++ b/themes/openpowerfoundation/layouts/resources/list.html
@@ -1,6 +1,6 @@
 {{ partial "header.html" . }}
 {{ partial "navbar.html" . }}
-<main id="main" class="main ready">
+<main class="ready">
 <section id="ready">
 <div id="ready" class="container-fluid">
 	<div class="section-header">
diff --git a/themes/openpowerfoundation/layouts/resources/single.html b/themes/openpowerfoundation/layouts/resources/single.html
index 32bd1fa..e3239ce 100644
--- a/themes/openpowerfoundation/layouts/resources/single.html
+++ b/themes/openpowerfoundation/layouts/resources/single.html
@@ -1,7 +1,7 @@
 {{ partial "header.html" . }}
 {{ partial "navbar.html" . }}
-<main id="main">
-<section id="page" class="section-bg">
+<main class="ready-single">
+<section class="ready-single" class="section-bg">
 <div class="container-fluid">
 	<div class="section-header">
 		<h2 class="section-title text-center">{{ .Title }}</h2>