[refs #2] fonts & responsive stuff

www/css/style.css

@@ -1,12 +1,20 @@
+@font-face {
+    font-family: bacon;
+    src: url('/fonts/BaconSans.eot');
+    src: url('/fonts/BaconSans.woff') format('woff'),
+        url('/fonts/BaconSans.svg#BaconSans') format('svg'),
+        url('www/fonts/BaconSans.ttf') format('truetype');
+}
 * { margin: 0; padding: 0; font-size: 1.05em; }
 body { margin: 50px 100px; }
 header { margin-bottom: 50px; }
 footer { margin-top: 50px; }
-h1 { display: inline-block; padding: 25px; margin: 10px 0; background-color: #D3B3A5; color: black; font-weight: bold; font-size: 3rem; }
-h2 { color: #D3B3A5; font-weight: bold; font-size: 2rem; }
-h3 { color: #EDD6CB; font-weight: bold; font-size: 1.5rem; }
-a { padding: 10px; background-color: #D3B3A5; text-decoration: none; color: white; font-style: italic; }
+h1 { display: inline-block; padding: 25px; margin: 10px 0; background-color: #D3B3A5; color: black; font-weight: bold; font-size: 2.5rem; font-family: bacon; }
+h2 { color: #D3B3A5; font-weight: bold; font-size: 1.7rem; font-family: bacon; }
+h3 { color: #EDD6CB; font-weight: bold; font-size: 1.25rem; font-family: bacon; }
+a { padding: 10px; background-color: #D3B3A5; text-decoration: none; color: white; font-style: italic; font-family: bacon; }
 a.disabled { padding: 10px; visibility: hidden; }
+a.dailyBt { display: inline-block; margin: 10px 0; }
 img { max-width: 100%; }
 
 .date { font-style: italic; }
@@ -14,3 +22,8 @@ img { max-width: 100%; }
 .section-content { margin: 0 20px 0 0; }
 .article-footer { text-align: center; }
 
+@media screen and (max-width: 1024px) {
+    body { margin: 0 10px 50px 10px; text-align: center; }
+    .section { display: block; width: 100%; margin: 15px 0; float: none; }
+}
+