/************************/
@media screen and (max-width: 1023px) {
  .onefourth, .onethird, .half, .twothird, .full {
    display:block;
    vertical-align:top;
    box-sizing:border-box;
    border-collapse:collapse;
    width:100%;
   }
  .block {
    margin:10px 0;
  }
}

@media screen and (min-width: 1024px) {
  .onefourth, .onethird, .half, .twothird, .full {
    display:inline-block;
    vertical-align:top;
    box-sizing:border-box;
    border-collapse:collapse;
  }

  .onefourth {
    width:25%;
  }

  .onethird {
    width:33%;
  }

  .half {
    width:50%;
  }

  .twothird {
    width:66%
  }

  .full {
    width:100%;
  }

  .block {
    margin: 10px 6px;
  }
}


.block {
  display:block;
  border-radius:2px;
  min-height:100px;
  padding:7px 9px;
}