From dc140676db88a754b393d19c248e4476a533e042 Mon Sep 17 00:00:00 2001
From: mrjvs <jellevs@gmail.com>
Date: Fri, 23 Nov 2018 16:59:05 +0100
Subject: [PATCH] responsiveness!

---
 assets/css/pretendo-common.css   | 13 +++++++++++++
 assets/css/pretendo-contact.css  |  5 +++++
 assets/css/pretendo-home.css     |  1 +
 assets/css/pretendo-news.css     |  7 +++++++
 assets/css/pretendo-progress.css | 24 ++++++++++++++++++++++++
 5 files changed, 50 insertions(+)

diff --git a/assets/css/pretendo-common.css b/assets/css/pretendo-common.css
index c3090d9..9727b06 100644
--- a/assets/css/pretendo-common.css
+++ b/assets/css/pretendo-common.css
@@ -120,6 +120,19 @@ nav.navWrapper .navItem.hamburger {
 	nav.navWrapper.open .navItem, nav.navWrapper .navItem.hamburger {
 		display: block;
 	}
+	nav.navWrapper.open .navItem.navBtn, nav.navWrapper.open .navItem.navBtnAlt {
+		padding: .5em 0;
+		width: 12em;
+		text-align: center;
+		margin: .5em 0;
+	}
+	nav.navWrapper .navItem:nth-last-child(2) {
+		margin-right: 0;
+	}
+	nav.navWrapper.open .navItem.navProfile {
+		align-self: center;
+		display: flex;
+	}
 }
 
 /* content wrapper */
diff --git a/assets/css/pretendo-contact.css b/assets/css/pretendo-contact.css
index 0ccc949..2f41e97 100644
--- a/assets/css/pretendo-contact.css
+++ b/assets/css/pretendo-contact.css
@@ -7,4 +7,9 @@
 }
 .input-container > *:first-child {
     margin-right: 3em;
+}
+@media screen and (max-width: 1000px) {
+    .input-container {
+        flex-direction: column;
+    }
 }
\ No newline at end of file
diff --git a/assets/css/pretendo-home.css b/assets/css/pretendo-home.css
index 9485eb5..33eedac 100644
--- a/assets/css/pretendo-home.css
+++ b/assets/css/pretendo-home.css
@@ -82,6 +82,7 @@ header h3 {
     .smallCard {
         width: 100%;
         max-width: 250px;
+        height: auto;
     }
     .bigCard.cont-flex > .cont-flex {
         flex-direction: column;
diff --git a/assets/css/pretendo-news.css b/assets/css/pretendo-news.css
index 35d51c2..3b25a0a 100644
--- a/assets/css/pretendo-news.css
+++ b/assets/css/pretendo-news.css
@@ -16,4 +16,11 @@
 }
 .smallCard a {
 	display: inline-block;
+}
+
+@media screen and (max-width: 720px) {
+	.smallCard {
+		width: 100%;
+		display: block;
+	}
 }
\ No newline at end of file
diff --git a/assets/css/pretendo-progress.css b/assets/css/pretendo-progress.css
index 392e5fa..39f98c4 100644
--- a/assets/css/pretendo-progress.css
+++ b/assets/css/pretendo-progress.css
@@ -41,4 +41,28 @@ section.bigCardWrapper.double > .bigCard:first-child {
 }
 .listItem.state3::before {
     background-color: #58ef81; /* state 3: full support/working */
+}
+
+@media screen and (max-width: 1000px) {
+    section.bigCardWrapper.double {
+        display: flex;
+        flex-direction: column;
+    }
+    section.bigCardWrapper.double > .bigCard {
+        flex: 0;
+    }
+    section.bigCardWrapper.double > .bigCard:first-child {
+        margin-right: 0;
+        margin-bottom: 3em;
+    }
+}
+
+@media screen and (max-width: 500px) {
+    section.bigCardWrapper.double {
+        max-width: 100vw;
+        margin: 0;
+    }
+    section.bigCardWrapper.double > .bigCard {
+        padding: 50px;
+    }
 }
\ No newline at end of file