From b704ba6ee8700cdcb94434a62b317f1f27998e0f Mon Sep 17 00:00:00 2001
From: Garrit Franke <garrit@slashdev.space>
Date: Sat, 27 Mar 2021 14:13:02 +0100
Subject: [PATCH] feat: responsiveness

---
 index.html      |  2 +-
 styles/hero.css | 17 ++++++++++++++---
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 0957e7f..915b6bc 100644
--- a/index.html
+++ b/index.html
@@ -63,7 +63,7 @@
                     <div class="services__offers__card">
                         <h1 class="services__offers__card__heading">Boards</h1>
                         <p class="services__offers__card__description">
-                            We provide free Kanban boards to plan our projects.
+                            We provide free Kanban boards to plan your projects.
                         </p>
                         <a
                             href="https://boards.slashdev.space"
diff --git a/styles/hero.css b/styles/hero.css
index 11cb995..c993f65 100644
--- a/styles/hero.css
+++ b/styles/hero.css
@@ -11,12 +11,23 @@
 }
 
 .hero__text-area__heading {
-    font-size: 10rem;
+    font-size: 4rem;
     margin: 1rem;
 }
 
+
 .hero__text-area__subheading {
-    font-size: 3rem;
+    font-size: 2rem;
+}
+
+@media (min-width: 800px) {
+    .hero__text-area__heading {
+        font-size: 10rem;
+    }
+
+    .hero__text-area__subheading {
+        font-size: 3rem;
+    }
 }
 
 .hero__scroll-arrow {
@@ -24,4 +35,4 @@
     font-weight: lighter;
     position: absolute;
     bottom: 1rem;
-}
\ No newline at end of file
+}