From 7d3fad583361bc96554d9dc1fdf0e557d18951c3 Mon Sep 17 00:00:00 2001
From: Ruben Rodriguez <ruben@fsf.org>
Date: Mon, 24 Feb 2020 10:46:06 -0500
Subject: [PATCH] Better layout for mobile

---
 2020/assets/css/custom.css | 49 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)

diff --git a/2020/assets/css/custom.css b/2020/assets/css/custom.css
index 35a69ca5..dad62c13 100644
--- a/2020/assets/css/custom.css
+++ b/2020/assets/css/custom.css
@@ -5,6 +5,7 @@ body {
   font-size: 15px;
   line-height: 1.428571429;
   color: #333333;
+  min-width: 480px;
 }
 
 h2 {
@@ -995,6 +996,7 @@ clear:both
 .speakerblock .speakerpic{
   width: 60%;
   display:inline-block;
+  max-width: 200px;
   margin:0 0% 5% 0%;
 }
 
@@ -1012,6 +1014,53 @@ clear:both
   margin-top:20px
 }
 
+
+@media (max-width:600px) {
+  
+  .talkblock{
+  clear: both;
+  float:none;
+  display: block;
+  width:100%;
+  text-align: justify;
+  margin-bottom:40px;
+  background-color:#eee;
+  padding:4% 5% 4% 5%;
+  border-radius: 20px;
+
+}
+
+.speakerblock{
+  float:right;
+  display: block;
+  width:100%;
+  border-right:none;
+  padding-right:0;
+  text-align: justify;
+  margin-bottom:40px;
+  }
+ .speakerheader {
+  text-align: left;
+  width:30%;
+  float:left;
+  margin-right:20px;
+   
+  }
+  .speakerblock h2{
+  padding-bottom: 0;
+  font-size:x-large;
+  text-align:left;
+  }
+  .speakerblock .speakerpic{
+  width: 100%;
+  display:inline-block;
+  max-width: 150px;
+  }
+
+}
+
+
+
 #program table td  {
   border:1px solid #204a87;
   width:33%;
-- 
2.25.1