From ecaf3e0451ab8d13bbfc4b2abffa1120adb4e94a Mon Sep 17 00:00:00 2001
From: Takashi Irie <takashi@automattic.com>
Date: Fri, 10 May 2019 18:37:35 +0100
Subject: [PATCH] Modern Business: Reduce the height and font size for cover
 block in small screens

---
 modern-business/sass/blocks/_blocks.scss | 4 ++--
 modern-business/style.css                | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/modern-business/sass/blocks/_blocks.scss b/modern-business/sass/blocks/_blocks.scss
index 79b9e5b26..021981b83 100644
--- a/modern-business/sass/blocks/_blocks.scss
+++ b/modern-business/sass/blocks/_blocks.scss
@@ -679,7 +679,7 @@
 	.wp-block-cover-image,
 	.wp-block-cover {
 		position: relative;
-		min-height: 510px;
+		min-height: 430px;
 		padding: $size__spacing-unit;
 
 		@include media(tablet) {
@@ -691,7 +691,7 @@
 		.wp-block-cover-text {
 			color: #fff;
 			font-family: $font__heading;
-			font-size: $font__size-xl;
+			font-size: $font__size-lg;
 			font-weight: 300;
 			line-height: 1.25;
 			padding: 0;
diff --git a/modern-business/style.css b/modern-business/style.css
index ad8769afb..4277d11d6 100644
--- a/modern-business/style.css
+++ b/modern-business/style.css
@@ -4069,7 +4069,7 @@ body.page .main-navigation {
 .entry .entry-content .wp-block-cover-image,
 .entry .entry-content .wp-block-cover {
   position: relative;
-  min-height: 510px;
+  min-height: 430px;
   padding: 1rem;
 }
 
@@ -4087,7 +4087,7 @@ body.page .main-navigation {
 .entry .entry-content .wp-block-cover .wp-block-cover-text {
   color: #fff;
   font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  font-size: 2.25em;
+  font-size: 1.6875em;
   font-weight: 300;
   line-height: 1.25;
   padding: 0;