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%; }
}