.container {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
      }

      .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8 {
        width: 100%;
      }

      @media (min-width: 800px) {
        .c2, .c3 {
          width: 50%;
        }
      }


      @media (min-width: 1200px) {
        .container {
          width: 1200px;
          margin-left: auto;
          margin-right: auto;
        }
      }