From afa95fde236860a98419bf768c0c3ad9093495a8 Mon Sep 17 00:00:00 2001
From: Veikka Kähkönen <veikka.kahkonen@corefactory.com>
Date: Thu, 30 Nov 2017 21:42:35 +0200
Subject: Make people_generic layout clearer

---
 _sass/_contacts.scss |  8 ++++++++
 _sass/_grid.scss     | 20 ++++++++++++++++++++
 2 files changed, 28 insertions(+)

(limited to '_sass')

diff --git a/_sass/_contacts.scss b/_sass/_contacts.scss
index c5ef86f..62a0a46 100644
--- a/_sass/_contacts.scss
+++ b/_sass/_contacts.scss
@@ -42,3 +42,11 @@ $contact-vspacing: 2em;
     width: 150px;
     height: 150px;
 }
+
+.contact_group {
+    margin-bottom: 3em;
+}
+
+.contact_group__subgroup {
+    margin-bottom: 1.5em;
+}
diff --git a/_sass/_grid.scss b/_sass/_grid.scss
index da3e2d9..a923e20 100644
--- a/_sass/_grid.scss
+++ b/_sass/_grid.scss
@@ -40,3 +40,23 @@
 @media only screen and (max-width: 480px) {
 	.span_2_of_2, .span_1_of_2 { width: 100%; }
 }
+
+/*  GRID OF FOUR  */
+.span_4_of_4 {
+	width: 100%;
+}
+.span_3_of_4 {
+	width: 74.6%;
+}
+.span_2_of_4 {
+	width: 49.2%;
+}
+.span_1_of_4 {
+	width: 23.8%;
+}
+
+/*  GO FULL WIDTH BELOW 480 PIXELS */
+@media only screen and (max-width: 480px) {
+	.col {  margin: 1% 0 1% 0%; }
+	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
+}
-- 
cgit v1.3