From 23f7b20a5b9cb98edacba6187d62eefc742c4325 Mon Sep 17 00:00:00 2001
From: Andreas Kurm <andreas.kurm@siegwerk.com>
Date: Sun, 9 Feb 2020 17:46:39 +0100
Subject: [PATCH] Improved responsive design for small displays with css media
 queries

---
 .../hugo_ff_theme/static/css/custom.css       | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/site/themes/hugo_ff_theme/static/css/custom.css b/site/themes/hugo_ff_theme/static/css/custom.css
index 3cc7216..52fba6a 100644
--- a/site/themes/hugo_ff_theme/static/css/custom.css
+++ b/site/themes/hugo_ff_theme/static/css/custom.css
@@ -47,3 +47,24 @@ footer{
 .btn-on-com-card:hover{
     background-color: hsl(42, 100%, 45%);
 }
+
+@media all and (max-width: 900px) {
+    .card-deck {
+      display:block!important;
+    }
+
+    .card{
+        margin-bottom:15px!important;
+    }
+
+}
+
+@media all and (max-width: 700px) {
+    .container{
+        width: 100%!important;
+    }
+
+    h1{margin: 1em 0;}
+    h2{margin-top: 1em;}
+    h3{margin-top: 0.5em;}
+}
\ No newline at end of file