Adds responsive styles for title and content for small screens for font sizes. #846

independent-publisher-2/css/blocks.css

@@ -468,7 +468,7 @@ li.a8c-posts-list__item article {
 }
 
 h2.a8c-posts-list-item__title {
-	font-size: 47px;
+	font-size: 32px;
 	margin-top: 0;
 	margin-bottom: 0;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
@@ -477,6 +477,12 @@ h2.a8c-posts-list-item__title {
 	-webkit-font-smoothing: antialiased;
 }
 
+@media screen and (min-width: 32.375em) {
+	h2.a8c-posts-list-item__title {
+		font-size: 47px;
+	}	
+}
+
 h2.a8c-posts-list-item__title a {
 	text-decoration: none;
 	color: inherit;
@@ -523,7 +529,13 @@ span.a8c-posts-list-item__author a {
 div.a8c-posts-list-item__excerpt {
 	margin-top: .875em;
 	font-family: Georgia, "Times New Roman", serif;
-	font-size: 19px;
+	font-size: 17px;
+}
+
+@media screen and (min-width: 32.375em) {
+	div.a8c-posts-list-item__excerpt {
+		font-size: 19px;
+	}
 }
 
 figure.a8c-posts-list-item__post-thumbnail {