From e1a37b2ea9e562a9c3faa75eaeafc86672820b59 Mon Sep 17 00:00:00 2001
From: Dennis Eichhorn <spl1nes.com@googlemail.com>
Date: Fri, 24 Jun 2016 22:15:33 +0200
Subject: [PATCH] Fixing 75 and 66 media

---
 size.scss  | 7 ++++++-
 styles.css | 6 +++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/size.scss b/size.scss
index 02dc072..6d5f839 100644
--- a/size.scss
+++ b/size.scss
@@ -102,10 +102,15 @@
         width: 49%;
         width: calc(50% - 5px);
     }
+
+    .box.w-75, .box.w-66 {
+        width: 49%;
+        width: calc(50% - 5px);
+    }
 }
 
 @media only screen and (max-width: 500px) {
-    .box.w-33, .box.w-50, .box.w-25 {
+    .box.w-33, .box.w-50, .box.w-25, .box.w-66, .box.w-75 {
         width: 100%;
         width: calc(100% - 5px);
     }
diff --git a/styles.css b/styles.css
index b33e4fa..6d94d2e 100644
--- a/styles.css
+++ b/styles.css
@@ -231,10 +231,14 @@ article {
 
 @media only screen and (min-width: 501px) and (max-width: 900px) {
   .box.w-33, .box.w-25 {
+    width: 49%;
+    width: calc(50% - 5px); }
+
+  .box.w-75, .box.w-66 {
     width: 49%;
     width: calc(50% - 5px); } }
 @media only screen and (max-width: 500px) {
-  .box.w-33, .box.w-50, .box.w-25 {
+  .box.w-33, .box.w-50, .box.w-25, .box.w-66, .box.w-75 {
     width: 100%;
     width: calc(100% - 5px); } }
 .center {