|
|
@@ -0,0 +1,33 @@
|
|
|
+body { margin: 0; padding: 0; }
|
|
|
+.body { margin: 0 auto; padding: 0; width: 75% }
|
|
|
+.container { font-size: 0; }
|
|
|
+.container > div { display: inline-block; vertical-align: top; font-size: 1rem; padding: 1em; box-sizing: border-box; }
|
|
|
+.block-1f1{ width: 100%; }
|
|
|
+.block-1f2 { width: 50%; }
|
|
|
+.block-1f3 { width: 33.333%; }
|
|
|
+.block-2f3 { width: 66.666%; }
|
|
|
+.block-1f4 { width: 25%; }
|
|
|
+.block-3f4 { width: 75%; }
|
|
|
+.block-1f5 { width: 20%; }
|
|
|
+.block-2f5 { width: 40%; }
|
|
|
+.block-3f5 { width: 60%; }
|
|
|
+.block-4f5 { width: 80%; }
|
|
|
+.block-1f6 { width: 16.666%; }
|
|
|
+.block-5f6 { width: 83.333%; }
|
|
|
+
|
|
|
+@media screen and (max-width: 720px) {
|
|
|
+ .body { margin: 0; padding: 0; }
|
|
|
+ .block-1s1{ width: 100%; }
|
|
|
+ .block-1s2 { width: 50%; }
|
|
|
+ .block-1s3 { width: 33.333%; }
|
|
|
+ .block-2s3 { width: 66.666%; }
|
|
|
+ .block-1s4 { width: 25%; }
|
|
|
+ .block-3s4 { width: 75%; }
|
|
|
+ .block-1s5 { width: 20%; }
|
|
|
+ .block-2s5 { width: 40%; }
|
|
|
+ .block-3s5 { width: 60%; }
|
|
|
+ .block-4s5 { width: 80%; }
|
|
|
+ .block-1s6 { width: 16.666%; }
|
|
|
+ .block-5s6 { width: 83.333%; }
|
|
|
+}
|
|
|
+
|
