Modern Business: Heading Size Adjustment

modern-business/sass/blocks/_blocks.scss

@@ -246,11 +246,6 @@
 			color: inherit;
 		}
 
-		h2, h3, h4 {
-			font-weight: 700;
-			text-align: left;
-		}
-
 		// Temporary fix for IE 11 for this issue: https://github.com/WordPress/gutenberg/issues/11577
 		@media all and (-ms-high-contrast:none) {
 
@@ -691,32 +686,57 @@
 		}
 
 		h1 {
-			font-size: $font__size-xxxl;
+			font-size: $font__size-xl;
+
+			@include media(tablet) {
+				font-size: $font__size-xxxl;
+			}
 		}
 
 		.wp-block-cover-image-text,
 		.wp-block-cover-text,
 		h2 {
-			font-size: $font__size-xxl;
+			font-size: $font__size-lg;
 			margin: inherit;
 			max-width: inherit;
+			padding: 0;
 			text-align: inherit;
+
+			@include media(tablet) {
+				font-size: $font__size-xxl;
+			}
 		}
 
 		h3 {
-			font-size: $font__size-xl;
+			font-size: $font__size-md;
+
+			@include media(tablet) {
+				font-size: $font__size-xl;
+			}
 		}
 
 		h4 {
-			font-size: $font__size-lg;
+			font-size: $font__size_base;
+
+			@include media(tablet) {
+				font-size: $font__size-lg;
+			}
 		}
 
 		h5 {
-			font-size: $font__size-md;
+			font-size: $font__size-sm;
+
+			@include media(tablet) {
+				font-size: $font__size-md;
+			}
 		}
 
 		h6 {
-			font-size: $font__size-base;
+			font-size: $font__size-xs;
+
+			@include media(tablet) {
+				font-size: $font__size_base;
+			}
 		}
 
 		&.alignleft,

modern-business/sass/site/primary/_posts-and-pages.scss

@@ -41,13 +41,13 @@
 	}
 
 	.entry-title {
-		font-size: $font__size-md;
+		font-size: $font__size-lg;
 		font-weight: 300;
 		margin: 0;
 		text-align: center;
 
 		@include media(tablet) {
-			font-size: $font__size-lg;
+			font-size: $font__size-xxl;
 		}
 
 		a {

modern-business/sass/typography/_headings.scss

@@ -64,23 +64,17 @@ h6 {
 	line-height: 1.25;
 }
 
-.has-larger-font-size,
-.has-huge-font-size,
+.has-huge-font-size {
+	font-size: $font__size-xl;
+}
+
+.has-large-font-size,
 h1 {
 	font-size: $font__size-lg;
-
-	@include media(tablet) {
-		font-size: $font__size-xl;
-	}
 }
 
-.has-large-font-size,
 h2 {
 	font-size: $font__size-md;
-
-	@include media(tablet) {
-		font-size: $font__size-lg;
-	}
 }
 
 .site-title,
@@ -90,23 +84,23 @@ h2 {
 .page-description,
 .comment-author .fn,
 .no-comments,
+.has-regular-font-size,
 h2.author-title,
 p.author-bio,
 h3 {
-	font-size: $font__size-md;
+	font-size: $font__size_base;
 }
 
-.has-regular-font-size,
+.has-small-font-size,
 .comments-title,
 h4 {
-	font-size: $font__size-base;
+	font-size: $font__size-sm;
 }
 
 .pagination .nav-links,
-.has-small-font-size,
 .comment-content,
 h5 {
-	font-size: $font__size-sm;
+	font-size: $font__size-xs;
 }
 
 .entry-meta,
@@ -120,7 +114,7 @@ h5 {
 #cancel-comment-reply-link,
 img:after,
 h6 {
-	font-size: $font__size-xs;
+	font-size: $font__size-xxs;
 }
 
 .page-description,

modern-business/style-editor.css

@@ -82,6 +82,22 @@ p {
   font-weight: 300;
 }
 
+p.has-small-font-size {
+  font-size: 0.88889em;
+}
+
+p.has-normal-font-size {
+  font-size: 1.125em;
+}
+
+p.has-large-font-size {
+  font-size: 1.6875em;
+}
+
+p.has-huge-font-size {
+  font-size: 2.25em;
+}
+
 h1,
 h2,
 h3,
@@ -90,37 +106,45 @@ h5,
 h6 {
   font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   font-weight: 700;
+  line-height: 1.2;
+  margin-top: 2rem;
+  margin-bottom: 2rem;
   text-align: center;
 }
 
-h1 {
-  font-size: 1.6875em;
+.editor-inner-blocks h1, .editor-inner-blocks
+h2, .editor-inner-blocks
+h3, .editor-inner-blocks
+h4, .editor-inner-blocks
+h5, .editor-inner-blocks
+h6 {
+  margin-top: 1.375rem;
+  margin-bottom: 1.375rem;
+  text-align: inherit;
 }
 
-@media only screen and (min-width: 768px) {
-  h1 {
-    font-size: 2.25em;
-  }
+h1 {
+  font-size: 1.6875em;
 }
 
 h2 {
-  font-size: 1.6875em;
+  font-size: 1.125em;
 }
 
 h3 {
-  font-size: 1.125em;
+  font-size: 22px;
 }
 
 h4 {
-  font-size: 22px;
+  font-size: 0.88889em;
 }
 
 h5 {
-  font-size: 0.88889em;
+  font-size: 0.71111em;
 }
 
 h6 {
-  font-size: 0.71111em;
+  font-size: 0.59259em;
 }
 
 a {
@@ -227,12 +251,12 @@ figcaption,
   font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   font-weight: 300;
   text-align: center;
-  font-size: 1.125em;
+  font-size: 1.6875em;
 }
 
 @media only screen and (min-width: 768px) {
   .editor-post-title__block .editor-post-title__input {
-    font-size: 1.6875em;
+    font-size: 2.8125em;
   }
 }
 
@@ -264,11 +288,29 @@ figcaption,
 /** === Cover === */
 .wp-block-cover-image,
 .wp-block-cover {
-  min-height: 640px;
+  position: relative;
+  min-height: 420px;
+  padding: 1rem;
+}
+
+@media only screen and (min-width: 768px) {
+  .wp-block-cover-image,
+  .wp-block-cover {
+    min-height: 640px;
+    padding: 1rem 10%;
+  }
+}
+
+.wp-block-cover-image + .wp-block-cover:not(.alignleft):not(.alignrights),
+.wp-block-cover-image + .wp-block-cover-image:not(.alignleft):not(.alignrights),
+.wp-block-cover + .wp-block-cover:not(.alignleft):not(.alignrights),
+.wp-block-cover + .wp-block-cover-image:not(.alignleft):not(.alignrights) {
+  margin-top: 32px;
 }
 
 .wp-block-cover-image .wp-block-cover__inner-container,
 .wp-block-cover .wp-block-cover__inner-container {
+  color: #fff;
   max-width: 100%;
   padding-left: 1rem;
   padding-right: 1rem;
@@ -288,7 +330,7 @@ figcaption,
 @media only screen and (min-width: 768px) {
   .wp-block-cover-image .wp-block-cover__inner-container,
   .wp-block-cover .wp-block-cover__inner-container {
-    padding: 0;
+    max-width: 100%;
   }
 }
 
@@ -305,6 +347,19 @@ figcaption,
 .wp-block-cover h5,
 .wp-block-cover h6 {
   font-weight: 300;
+  text-align: left;
+}
+
+.wp-block-cover-image h1,
+.wp-block-cover h1 {
+  font-size: 2.25em;
+}
+
+@media only screen and (min-width: 768px) {
+  .wp-block-cover-image h1,
+  .wp-block-cover h1 {
+    font-size: 3.375em;
+  }
 }
 
 .wp-block-cover-image .wp-block-cover-image-text,
@@ -313,15 +368,69 @@ figcaption,
 .wp-block-cover .wp-block-cover-image-text,
 .wp-block-cover .wp-block-cover-text,
 .wp-block-cover h2 {
+  font-size: 1.6875em;
   margin-left: auto;
   margin-right: auto;
+  max-width: 100%;
+  padding: 0;
 }
 
 @media only screen and (min-width: 768px) {
-  .wp-block-cover-image,
-  .wp-block-cover {
-    padding-left: 10%;
-    padding-right: 10%;
+  .wp-block-cover-image .wp-block-cover-image-text,
+  .wp-block-cover-image .wp-block-cover-text,
+  .wp-block-cover-image h2,
+  .wp-block-cover .wp-block-cover-image-text,
+  .wp-block-cover .wp-block-cover-text,
+  .wp-block-cover h2 {
+    font-size: 2.8125em;
+  }
+}
+
+.wp-block-cover-image h3,
+.wp-block-cover h3 {
+  font-size: 1.125em;
+}
+
+@media only screen and (min-width: 768px) {
+  .wp-block-cover-image h3,
+  .wp-block-cover h3 {
+    font-size: 2.25em;
+  }
+}
+
+.wp-block-cover-image h4,
+.wp-block-cover h4 {
+  font-size: 22px;
+}
+
+@media only screen and (min-width: 768px) {
+  .wp-block-cover-image h4,
+  .wp-block-cover h4 {
+    font-size: 1.6875em;
+  }
+}
+
+.wp-block-cover-image h5,
+.wp-block-cover h5 {
+  font-size: 0.88889em;
+}
+
+@media only screen and (min-width: 768px) {
+  .wp-block-cover-image h5,
+  .wp-block-cover h5 {
+    font-size: 1.125em;
+  }
+}
+
+.wp-block-cover-image h6,
+.wp-block-cover h6 {
+  font-size: 0.71111em;
+}
+
+@media only screen and (min-width: 768px) {
+  .wp-block-cover-image h6,
+  .wp-block-cover h6 {
+    font-size: 22px;
   }
 }
 
@@ -402,13 +511,6 @@ figcaption,
   color: inherit;
 }
 
-.wp-block-media-text h2,
-.wp-block-media-text h3,
-.wp-block-media-text h4 {
-  font-weight: 700;
-  text-align: left;
-}
-
 .wp-block-media-text > .editor-inner-blocks {
   margin-top: -32px;
   margin-bottom: -32px;

modern-business/style-editor.scss

@@ -80,6 +80,22 @@ body {
 p {
 	font-size: $font__size_base;
 	font-weight: 300;
+
+	&.has-small-font-size {
+		font-size: $font__size-sm;
+	}
+
+	&.has-normal-font-size {
+		font-size: $font__size-md;
+	}
+
+	&.has-large-font-size {
+		font-size: $font__size-lg;
+	}
+
+	&.has-huge-font-size {
+		font-size: $font__size-xl;
+	}
 }
 
 h1,
@@ -90,35 +106,40 @@ h5,
 h6 {
 	font-family: $font__heading;
 	font-weight: 700;
+	line-height: $font__line-height-heading;
+	margin-top: 2rem;
+	margin-bottom: 2rem;
 	text-align: center;
+
+	.editor-inner-blocks & {
+		margin-top: 1.375rem;
+		margin-bottom: 1.375rem;
+		text-align: inherit;
+	}
 }
 
 h1 {
 	font-size: $font__size-lg;
-
-	@include media(tablet) {
-		font-size: $font__size-xl;
-	}
 }
 
 h2 {
-	font-size: $font__size-lg;
+	font-size: $font__size-md;
 }
 
 h3 {
-	font-size: $font__size-md;
+	font-size: $font__size_base;
 }
 
 h4 {
-	font-size: $font__size-base;
+	font-size: $font__size-sm;
 }
 
 h5 {
-	font-size: $font__size-sm;
+	font-size: $font__size-xs;
 }
 
 h6 {
-	font-size: $font__size-xs;
+	font-size: $font__size-xxs;
 }
 
 a {
@@ -208,10 +229,10 @@ figcaption,
 		font-family: $font__heading;
 		font-weight: 300;
 		text-align: center;
-		font-size: $font__size-md;
+		font-size: $font__size-lg;
 
 		@include media(tablet) {
-			font-size: $font__size-lg;
+			font-size: $font__size-xxl;
 		}
 	}
 }
@@ -254,9 +275,22 @@ figcaption,
 
 .wp-block-cover-image,
 .wp-block-cover {
-	min-height: 640px;
+	position: relative;
+	min-height: 420px;
+	padding: $size__spacing-unit;
+
+	@include media(tablet) {
+		min-height: 640px;
+		padding: $size__spacing-unit 10%;
+	}
+
+	& + .wp-block-cover:not(.alignleft):not(.alignrights),
+	& + .wp-block-cover-image:not(.alignleft):not(.alignrights) {
+		margin-top: $size__vertical-spacing-unit;
+	}
 
 	.wp-block-cover__inner-container {
+		color: #fff;
 		max-width: 100%;
 		padding-left: $size__spacing-unit;
 		padding-right: $size__spacing-unit;
@@ -271,7 +305,7 @@ figcaption,
 		}
 
 		@include media(tablet) {
-			padding: 0;
+			max-width: 100%;
 		}
 	}
 
@@ -282,18 +316,61 @@ figcaption,
 	h5,
 	h6 {
 		font-weight: 300;
+		text-align: left;
+	}
+
+	h1 {
+		font-size: $font__size-xl;
+
+		@include media(tablet) {
+			font-size: $font__size-xxxl;
+		}
 	}
 
 	.wp-block-cover-image-text,
 	.wp-block-cover-text,
 	h2 {
+		font-size: $font__size-lg;
 		margin-left: auto;
 		margin-right: auto;
+		max-width: 100%;
+		padding: 0;
+
+		@include media(tablet) {
+			font-size: $font__size-xxl;
+		}
 	}
 
-	@include media(tablet) {
-		padding-left: 10%;
-		padding-right: 10%;
+	h3 {
+		font-size: $font__size-md;
+
+		@include media(tablet) {
+			font-size: $font__size-xl;
+		}
+	}
+
+	h4 {
+		font-size: $font__size_base;
+
+		@include media(tablet) {
+			font-size: $font__size-lg;
+		}
+	}
+
+	h5 {
+		font-size: $font__size-sm;
+
+		@include media(tablet) {
+			font-size: $font__size-md;
+		}
+	}
+
+	h6 {
+		font-size: $font__size-xs;
+
+		@include media(tablet) {
+			font-size: $font__size_base;
+		}
 	}
 }
 
@@ -378,13 +455,6 @@ figcaption,
 		color: inherit;
 	}
 
-	h2,
-	h3,
-	h4 {
-		font-weight: 700;
-		text-align: left;
-	}
-
 	& > .editor-inner-blocks {
 		margin-top: -32px;
 		margin-bottom: -32px;

modern-business/style-rtl.css

@@ -492,32 +492,19 @@ h6 {
   line-height: 1.25;
 }
 
-.has-larger-font-size,
-.has-huge-font-size,
-h1 {
-  font-size: 1.6875em;
+.has-huge-font-size {
+  font-size: 2.25em;
 }
 
-@media only screen and (min-width: 768px) {
-  .has-larger-font-size,
-  .has-huge-font-size,
-  h1 {
-    font-size: 2.25em;
-  }
+.has-large-font-size,
+h1 {
+  font-size: 1.6875em;
 }
 
-.has-large-font-size,
 h2 {
   font-size: 1.125em;
 }
 
-@media only screen and (min-width: 768px) {
-  .has-large-font-size,
-  h2 {
-    font-size: 1.6875em;
-  }
-}
-
 .site-title,
 .site-description,
 .nav-links,
@@ -525,23 +512,23 @@ h2 {
 .page-description,
 .comment-author .fn,
 .no-comments,
+.has-regular-font-size,
 h2.author-title,
 p.author-bio,
 h3 {
-  font-size: 1.125em;
+  font-size: 22px;
 }
 
-.has-regular-font-size,
+.has-small-font-size,
 .comments-title,
 h4 {
-  font-size: 22px;
+  font-size: 0.88889em;
 }
 
 .pagination .nav-links,
-.has-small-font-size,
 .comment-content,
 h5 {
-  font-size: 0.88889em;
+  font-size: 0.71111em;
 }
 
 .entry-meta,
@@ -555,7 +542,7 @@ h5 {
 #cancel-comment-reply-link,
 img:after,
 h6 {
-  font-size: 0.71111em;
+  font-size: 0.59259em;
 }
 
 .page-description,
@@ -2352,7 +2339,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-title {
-  font-size: 1.125em;
+  font-size: 1.6875em;
   font-weight: 300;
   margin: 0;
   text-align: center;
@@ -2360,7 +2347,7 @@ body.page .main-navigation {
 
 @media only screen and (min-width: 768px) {
   .entry .entry-title {
-    font-size: 1.6875em;
+    font-size: 2.8125em;
   }
 }
 
@@ -3597,6 +3584,10 @@ body.page .main-navigation {
   }
 }
 
+.entry .entry-content .wp-block-media-text .wp-block-media-text__content {
+  padding: 8%;
+}
+
 .entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content {
   grid-area: media-text-media;
 }
@@ -3646,11 +3637,6 @@ body.page .main-navigation {
   color: inherit;
 }
 
-.entry .entry-content .wp-block-media-text h2, .entry .entry-content .wp-block-media-text h3, .entry .entry-content .wp-block-media-text h4 {
-  font-weight: 700;
-  text-align: right;
-}
-
 @media all and (-ms-high-contrast: none) {
   .entry .entry-content .wp-block-media-text:after {
     display: table;
@@ -4103,7 +4089,14 @@ body.page .main-navigation {
 
 .entry .entry-content .wp-block-cover-image h1,
 .entry .entry-content .wp-block-cover h1 {
-  font-size: 3.375em;
+  font-size: 2.25em;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-cover-image h1,
+  .entry .entry-content .wp-block-cover h1 {
+    font-size: 3.375em;
+  }
 }
 
 .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
@@ -4112,30 +4105,70 @@ body.page .main-navigation {
 .entry .entry-content .wp-block-cover .wp-block-cover-image-text,
 .entry .entry-content .wp-block-cover .wp-block-cover-text,
 .entry .entry-content .wp-block-cover h2 {
-  font-size: 2.8125em;
+  font-size: 1.6875em;
   margin: inherit;
   max-width: inherit;
+  padding: 0;
   text-align: inherit;
 }
 
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
+  .entry .entry-content .wp-block-cover-image .wp-block-cover-text,
+  .entry .entry-content .wp-block-cover-image h2,
+  .entry .entry-content .wp-block-cover .wp-block-cover-image-text,
+  .entry .entry-content .wp-block-cover .wp-block-cover-text,
+  .entry .entry-content .wp-block-cover h2 {
+    font-size: 2.8125em;
+  }
+}
+
 .entry .entry-content .wp-block-cover-image h3,
 .entry .entry-content .wp-block-cover h3 {
-  font-size: 2.25em;
+  font-size: 1.125em;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-cover-image h3,
+  .entry .entry-content .wp-block-cover h3 {
+    font-size: 2.25em;
+  }
 }
 
 .entry .entry-content .wp-block-cover-image h4,
 .entry .entry-content .wp-block-cover h4 {
-  font-size: 1.6875em;
+  font-size: 22px;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-cover-image h4,
+  .entry .entry-content .wp-block-cover h4 {
+    font-size: 1.6875em;
+  }
 }
 
 .entry .entry-content .wp-block-cover-image h5,
 .entry .entry-content .wp-block-cover h5 {
-  font-size: 1.125em;
+  font-size: 0.88889em;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-cover-image h5,
+  .entry .entry-content .wp-block-cover h5 {
+    font-size: 1.125em;
+  }
 }
 
 .entry .entry-content .wp-block-cover-image h6,
 .entry .entry-content .wp-block-cover h6 {
-  font-size: 22px;
+  font-size: 0.71111em;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-cover-image h6,
+  .entry .entry-content .wp-block-cover h6 {
+    font-size: 22px;
+  }
 }
 
 .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,

modern-business/style.css

@@ -492,32 +492,19 @@ h6 {
   line-height: 1.25;
 }
 
-.has-larger-font-size,
-.has-huge-font-size,
-h1 {
-  font-size: 1.6875em;
+.has-huge-font-size {
+  font-size: 2.25em;
 }
 
-@media only screen and (min-width: 768px) {
-  .has-larger-font-size,
-  .has-huge-font-size,
-  h1 {
-    font-size: 2.25em;
-  }
+.has-large-font-size,
+h1 {
+  font-size: 1.6875em;
 }
 
-.has-large-font-size,
 h2 {
   font-size: 1.125em;
 }
 
-@media only screen and (min-width: 768px) {
-  .has-large-font-size,
-  h2 {
-    font-size: 1.6875em;
-  }
-}
-
 .site-title,
 .site-description,
 .nav-links,
@@ -525,23 +512,23 @@ h2 {
 .page-description,
 .comment-author .fn,
 .no-comments,
+.has-regular-font-size,
 h2.author-title,
 p.author-bio,
 h3 {
-  font-size: 1.125em;
+  font-size: 22px;
 }
 
-.has-regular-font-size,
+.has-small-font-size,
 .comments-title,
 h4 {
-  font-size: 22px;
+  font-size: 0.88889em;
 }
 
 .pagination .nav-links,
-.has-small-font-size,
 .comment-content,
 h5 {
-  font-size: 0.88889em;
+  font-size: 0.71111em;
 }
 
 .entry-meta,
@@ -555,7 +542,7 @@ h5 {
 #cancel-comment-reply-link,
 img:after,
 h6 {
-  font-size: 0.71111em;
+  font-size: 0.59259em;
 }
 
 .page-description,
@@ -2358,7 +2345,7 @@ body.page .main-navigation {
 }
 
 .entry .entry-title {
-  font-size: 1.125em;
+  font-size: 1.6875em;
   font-weight: 300;
   margin: 0;
   text-align: center;
@@ -2366,7 +2353,7 @@ body.page .main-navigation {
 
 @media only screen and (min-width: 768px) {
   .entry .entry-title {
-    font-size: 1.6875em;
+    font-size: 2.8125em;
   }
 }
 
@@ -3662,11 +3649,6 @@ body.page .main-navigation {
   color: inherit;
 }
 
-.entry .entry-content .wp-block-media-text h2, .entry .entry-content .wp-block-media-text h3, .entry .entry-content .wp-block-media-text h4 {
-  font-weight: 700;
-  text-align: left;
-}
-
 @media all and (-ms-high-contrast: none) {
   .entry .entry-content .wp-block-media-text:after {
     display: table;
@@ -4119,7 +4101,14 @@ body.page .main-navigation {
 
 .entry .entry-content .wp-block-cover-image h1,
 .entry .entry-content .wp-block-cover h1 {
-  font-size: 3.375em;
+  font-size: 2.25em;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-cover-image h1,
+  .entry .entry-content .wp-block-cover h1 {
+    font-size: 3.375em;
+  }
 }
 
 .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
@@ -4128,30 +4117,70 @@ body.page .main-navigation {
 .entry .entry-content .wp-block-cover .wp-block-cover-image-text,
 .entry .entry-content .wp-block-cover .wp-block-cover-text,
 .entry .entry-content .wp-block-cover h2 {
-  font-size: 2.8125em;
+  font-size: 1.6875em;
   margin: inherit;
   max-width: inherit;
+  padding: 0;
   text-align: inherit;
 }
 
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
+  .entry .entry-content .wp-block-cover-image .wp-block-cover-text,
+  .entry .entry-content .wp-block-cover-image h2,
+  .entry .entry-content .wp-block-cover .wp-block-cover-image-text,
+  .entry .entry-content .wp-block-cover .wp-block-cover-text,
+  .entry .entry-content .wp-block-cover h2 {
+    font-size: 2.8125em;
+  }
+}
+
 .entry .entry-content .wp-block-cover-image h3,
 .entry .entry-content .wp-block-cover h3 {
-  font-size: 2.25em;
+  font-size: 1.125em;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-cover-image h3,
+  .entry .entry-content .wp-block-cover h3 {
+    font-size: 2.25em;
+  }
 }
 
 .entry .entry-content .wp-block-cover-image h4,
 .entry .entry-content .wp-block-cover h4 {
-  font-size: 1.6875em;
+  font-size: 22px;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-cover-image h4,
+  .entry .entry-content .wp-block-cover h4 {
+    font-size: 1.6875em;
+  }
 }
 
 .entry .entry-content .wp-block-cover-image h5,
 .entry .entry-content .wp-block-cover h5 {
-  font-size: 1.125em;
+  font-size: 0.88889em;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-cover-image h5,
+  .entry .entry-content .wp-block-cover h5 {
+    font-size: 1.125em;
+  }
 }
 
 .entry .entry-content .wp-block-cover-image h6,
 .entry .entry-content .wp-block-cover h6 {
-  font-size: 22px;
+  font-size: 0.71111em;
+}
+
+@media only screen and (min-width: 768px) {
+  .entry .entry-content .wp-block-cover-image h6,
+  .entry .entry-content .wp-block-cover h6 {
+    font-size: 22px;
+  }
 }
 
 .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,