-.twocol {
- -moz-column-count: 2;
- -webkit-column-count: 2;
- -o-column-count: 2;
- -ms-column-count: 2;
- column-count: 2;
- -moz-column-break-inside: avoid;
- -webkit-column-break-inside: avoid;
- -o-column-break-inside: avoid;
- -ms-column-break-inside: avoid;
- column-break-inside: avoid;
-
- p {
- margin: 0 0 1em;
+
+body#index {
+ #body {
+ display: -webkit-box;
+ display: -moz-box;
+ display: box;
+ -webkit-box-orient: vertical;
+ -moz-box-orient: vertical;
+ box-orient: vertical;
+
+ @media screen and (min-width: 36em) {
+ display: block;
+ }
+
+
+ header {
+ -webkit-box-ordinal-group: 1;
+ -moz-box-ordinal-group: 1;
+ box-ordinal-group: 1;
+ }
+ #logos {
+ -webkit-box-ordinal-group: 4;
+ -moz-box-ordinal-group: 4;
+ box-ordinal-group: 4;
+ }
+ .home-section {
+ -webkit-box-ordinal-group: 3;
+ -moz-box-ordinal-group: 3;
+ box-ordinal-group: 3;
+ }
+ footer {
+ -webkit-box-ordinal-group: 100;
+ -moz-box-ordinal-group: 100;
+ box-ordinal-group: 100;
+ }