3 files changed, 47 insertions, 5 deletions
diff --git a/site/assets/css/mobile.css b/site/assets/css/mobile.css
index d6ded8d6..41d76081 100644
--- a/site/assets/css/mobile.css
+++ b/site/assets/css/mobile.css
@@ -12,16 +12,44 @@ softbr {
 
   /* header / footer */
 
-  .slogan {
+  header .slogan {
     padding-left: 10px;
   }
   header .splash {
     display: none;
   }
+  .home header .links a {
+    margin-right: 0;
+  }
   header .links a {
+    padding-right: 0;
     margin-right: 14px;
     font-size: 14px;
   }
+  footer {
+    font-size: 14px;
+    line-height: 1.6;
+  }
+  footer > div:nth-child(1) {
+    padding: 0;
+    color: #ccc;
+    margin-bottom: 15px;
+  }
+  footer > div:nth-child(2) {
+    padding: 0;
+    color: #ccc;
+    margin-bottom: 15px;
+  }
+  footer a {
+    color: #fff;
+    border-color: white;
+  }
+  footer ul {
+    flex-wrap: wrap;
+  }
+  h1 {
+    font-size: 34px;
+  }
 
   /* MOBILE content */
 
@@ -48,6 +76,13 @@ softbr {
     width: 100%;
     padding: 0 10px;
   }
+  section.about-menu {
+    padding: 0;
+  }
+  .content-about section:first-of-type > p:first-of-type {
+    font-size: 18px;
+    line-height: 30px;
+  }
   .meta {
     margin-right: 0px;
     margin-bottom: 10px;
@@ -59,16 +94,21 @@ softbr {
     overflow: hidden;
     text-overflow: ellipsis;
   }
-  .citationHeader {
-
-  }
   section.wide {
     width: 100%;
   }
   .map, .map .applet {
     height: 360px;
   }
-
+  .dataset-heading section {
+    padding: 0;
+  }
+  .dataset-list .dataset {
+    width: 100%;
+  }
+  .dataset-list a {
+    width: 100%;
+  }
 
   .content td a {
     text-overflow: ellipsis;
diff --git a/site/public/index.html b/site/public/index.html
index 98e7a1ca..2cbb4eef 100644
--- a/site/public/index.html
+++ b/site/public/index.html
@@ -20,6 +20,7 @@
   <link rel='stylesheet' href='/assets/css/fonts.css' />
   <link rel='stylesheet' href='/assets/css/css.css' />
   <link rel='stylesheet' href='/assets/css/splash.css' />
+  <link rel='stylesheet' href='/assets/css/mobile.css' />
 </head>
 <body class='home'>
   <header>
diff --git a/site/templates/home.html b/site/templates/home.html
index 98e7a1ca..2cbb4eef 100644
--- a/site/templates/home.html
+++ b/site/templates/home.html
@@ -20,6 +20,7 @@
   <link rel='stylesheet' href='/assets/css/fonts.css' />
   <link rel='stylesheet' href='/assets/css/css.css' />
   <link rel='stylesheet' href='/assets/css/splash.css' />
+  <link rel='stylesheet' href='/assets/css/mobile.css' />
 </head>
 <body class='home'>
   <header>