updates min width for mobile

news/static/news/css/app.css

@@ -48,7 +48,7 @@ header {
   text-align: center;
   width: 100%;
 }
-@media print, screen and (min-width: 40em) {
+@media print, screen and (min-width: 50em) {
   header {
     width: 400px;
   }
@@ -70,7 +70,7 @@ header h1 {
   text-transform: uppercase;
   font-size: 32px;
 }
-@media print, screen and (min-width: 40em) {
+@media print, screen and (min-width: 50em) {
   header h1 {
     font-size: 48px;
   }
@@ -109,7 +109,7 @@ footer {
 article {
   margin-bottom: 20px;
 }
-@media print, screen and (min-width: 40em) {
+@media print, screen and (min-width: 50em) {
   article {
     padding: 16px;
   }
@@ -119,7 +119,7 @@ a h1 {
   font-family: 'LibreBaskervilleBold';
   font-size: 18px;
 }
-@media print, screen and (min-width: 40em) {
+@media print, screen and (min-width: 50em) {
   a h1 {
     font-size: 28px;
   }
@@ -128,7 +128,7 @@ a h1 {
 .padding {
   padding: 8px;
 }
-@media print, screen and (min-width: 40em) {
+@media print, screen and (min-width: 50em) {
   .padding {
     padding: 12px;
   }
@@ -137,7 +137,7 @@ a h1 {
 .post_padding {
   padding: 8px;
 }
-@media print, screen and (min-width: 40em) {
+@media print, screen and (min-width: 50em) {
   .post_padding {
     padding: 0px;
   }
@@ -149,7 +149,7 @@ a h1 {
 .lat_padding_contextual {
   padding: 0px 8px;
 }
-@media print, screen and (min-width: 40em) {
+@media print, screen and (min-width: 50em) {
   .lat_padding_contextual {
     padding: 0px;
   }
@@ -168,7 +168,7 @@ a h1 {
   background-color: #333;
   margin-bottom: 8px;
 }
-@media print, screen and (min-width: 40em) {
+@media print, screen and (min-width: 50em) {
   .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: 40em) {
+@media print, screen and (min-width: 50em) {
   .imgcontainer {
     /* width: 600px; */
     /* border-bottom: 10px solid #111; */
@@ -240,7 +240,7 @@ a h1 {
 .info {
   width: 100%;
 }
-@media print, screen and (min-width: 40em) {
+@media print, screen and (min-width: 50em) {
   .info {
     width: 600px;
   }
@@ -360,7 +360,7 @@ form .secondary_button {
   width: 95vw;
   height: 60vw;
 }
-/* @media print, screen and (min-width: 40em) {
+/* @media print, screen and (min-width: 50em) {
   .youtube {
     width: 90vw;
     height: 60vw;