responsiveness!

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 */

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;
+    }
 }

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;

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;
+	}
 }

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;
+    }
 }