+.clear {
+ clear: both;
+}
+
+/**
+ * Extends Pure grids responsive to hide items.
+ * Use xx-0 to hide an item on xx screen.
+ * Display it at any level with xx-visible.
+ */
+.pure-u-0 { display: none !important; }
+@media screen and (min-width: 35.5em) {
+ .pure-u-sm-0 { display: none !important; }
+ .pure-u-sm-visible { display: inherit !important; }
+}
+@media screen and (min-width: 48em) {
+ .pure-u-md-0 { display: none !important; }
+ .pure-u-md-visible { display: inherit !important; }
+}
+@media screen and (min-width: 64em) {
+ .pure-u-lg-0 { display: none !important; }
+ .pure-u-lg-visible { display: inherit !important; }
+}
+@media screen and (min-width: 80em) {
+ .pure-u-xl-0 { display: none !important; }
+ .pure-u-xl-visible { display: inherit !important; }