From 369fba837a8fa498a04959bbb513f12ba796c49f Mon Sep 17 00:00:00 2001
From: Vicky Steeves <victoriaisteeves@gmail.com>
Date: Thu, 28 Mar 2019 15:49:44 +0000
Subject: [PATCH] make display headings responsive

---
 themes/custom/assets/css/custom.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/themes/custom/assets/css/custom.css b/themes/custom/assets/css/custom.css
index 80099a4..eaa832d 100644
--- a/themes/custom/assets/css/custom.css
+++ b/themes/custom/assets/css/custom.css
@@ -84,3 +84,27 @@ li {
 .btn-outline-primary{
   border-color: #6695c4;
 }
+
+/* --------------------RESPONSIVE DISPLAY HEADINGS--------------------------*/
+@media (max-width: 575.98px) {
+  .display-1 {
+  font-size: 3rem;
+  font-weight: 300;
+  line-height: 1.0;
+  }
+  .display-2 {
+    font-size: 2.75rem;
+    font-weight: 300;
+    line-height: 1.0;
+  }
+  .display-3 {
+    font-size: 2.25rem;
+    font-weight: 300;
+    line-height: 1.0;
+  }
+  .display-4 {
+    font-size: 1.75rem;
+    font-weight: 300;
+    line-height: 1.0;
+  }
+}