padding-top: 3em;
padding-bottom: 3em;
}
+
+table#top td,
+div#bottom .indented {
+ padding-left: 1ch;
+ padding-right: 1ch;
+}
+
+table#docs,
+table#download {
+ width: 80%;
+}
+
+div#bottom {
+ display: flex;
+ flex-wrap: wrap;
+}
+div#bottom span.menuitem {
+ flex-basis: 25%;
+ flex-grow: 1;
+ flex-shrink: 0;
+ line-height: 1em;
+ white-space: nowrap;
+}
+
+/* Mobile (i.e. phones) */
+@media only screen and (max-width: 768px) {
+body {
+ margin: 0px;
+}
+
+blockquote {
+ margin: 1em 0 1em 0;
+}
+
+table#homepage {
+ font-size: x-small;
+}
+
+table#top td,
+div#bottom .indented {
+ padding-left: 0.5ch;
+ padding-right: 0.5ch;
+}
+
+div#bottom span.menuitem {
+ font-size: large;
+ line-height: inherit;
+}
+
+table#docs,
+table#download {
+ width: 100%;
+}
+
+#screenshots ul {
+ padding-left: 0;
+}
+}
+
+@media only screen and (max-width: 600px) {
+div#bottom span.menuitem {
+ flex-basis: 50%;
+ line-height: 1.5em;
+}
+}