From 6b04982e7465cfc49a1f4f7e514e4016b548160a Mon Sep 17 00:00:00 2001
From: Laurent <laurent@staxriver.com>
Date: Fri, 18 Oct 2019 15:49:15 +0200
Subject: [PATCH] updates min width for mobile #2

---
 news/static/news/css/app.css | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/news/static/news/css/app.css b/news/static/news/css/app.css
index 00af0b4..b71a013 100644
--- a/news/static/news/css/app.css
+++ b/news/static/news/css/app.css
@@ -48,7 +48,7 @@ header {
   text-align: center;
   width: 100%;
 }
-@media print, screen and (min-width: 50em) {
+@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
   header {
     width: 400px;
   }
@@ -70,7 +70,7 @@ header h1 {
   text-transform: uppercase;
   font-size: 32px;
 }
-@media print, screen and (min-width: 50em) {
+@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
   header h1 {
     font-size: 48px;
   }
@@ -109,7 +109,7 @@ footer {
 article {
   margin-bottom: 20px;
 }
-@media print, screen and (min-width: 50em) {
+@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
   article {
     padding: 16px;
   }
@@ -119,7 +119,7 @@ a h1 {
   font-family: 'LibreBaskervilleBold';
   font-size: 18px;
 }
-@media print, screen and (min-width: 50em) {
+@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
   a h1 {
     font-size: 28px;
   }
@@ -128,7 +128,7 @@ a h1 {
 .padding {
   padding: 8px;
 }
-@media print, screen and (min-width: 50em) {
+@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
   .padding {
     padding: 12px;
   }
@@ -137,7 +137,7 @@ a h1 {
 .post_padding {
   padding: 8px;
 }
-@media print, screen and (min-width: 50em) {
+@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
   .post_padding {
     padding: 0px;
   }
@@ -149,7 +149,7 @@ a h1 {
 .lat_padding_contextual {
   padding: 0px 8px;
 }
-@media print, screen and (min-width: 50em) {
+@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
   .lat_padding_contextual {
     padding: 0px;
   }
@@ -168,7 +168,7 @@ a h1 {
   background-color: #333;
   margin-bottom: 8px;
 }
-@media print, screen and (min-width: 50em) {
+@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
   .quote {
     padding: 25px;
     border-radius: 20px;
@@ -189,7 +189,7 @@ a h1 {
   /* border-bottom: 0px solid #111; */
   /* border-top: 20px solid #111; */
 }
-@media print, screen and (min-width: 50em) {
+@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
   .imgcontainer {
     /* width: 600px; */
     /* border-bottom: 10px solid #111; */
@@ -240,7 +240,7 @@ a h1 {
 .info {
   width: 100%;
 }
-@media print, screen and (min-width: 50em) {
+@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
   .info {
     width: 600px;
   }
@@ -360,13 +360,13 @@ form .secondary_button {
   width: 95vw;
   height: 60vw;
 }
-/* @media print, screen and (min-width: 50em) {
+/* @media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
   .youtube {
     width: 90vw;
     height: 60vw;
   }
 } */
-@media print, screen and (min-width: 50em) {
+@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
   .youtube {
     width: 60vw;
     height: 35vw;