/* grid-custom-responsive styles */
/* Basic styles */
.block-content .ui-body {
  text-align: center;
}
.block-content p {
  line-height: 140%;
}

/* Stack all blocks to start */
.block-content .ui-block-a,
.block-content .ui-block-b,
.block-content .ui-block-c {
  width: 100%;
  float: none;
}

/* Collapsing borders */
.block-content > div + div .ui-body {
  border-top-width: 0;
}

/* 1st breakpoint - Float B and C, leave A full width on top */
@media all and (min-width: 42em) {
  .block-content {
    overflow: hidden; /* Use this or a "clearfix" to give the container height */
  }
  .block-content .ui-body {
      min-height: 10em;
  }
  .block-content .ui-block-b,
  .block-content .ui-block-c {
    float: left;
    width: 49.95%;
  }
  .block-content > div + div .ui-body {
    border-top-width: 1px;
  }
  .block-content > div:first-child .ui-body {
    border-bottom-width: 0;
  }
  .block-content > div:last-child .ui-body {
    border-left-width: 0;
  }
}

/* 2nd breakpoint - Float all, 50/25/25 */
@media all and (min-width: 55em) {
  .block-content .ui-body {
      min-height: 10em;
  }
  .block-content .ui-block-a,
  .block-content .ui-block-c {
    float: left;
    width: 100%;
  }
  .block-content .ui-block-b,
  .block-content .ui-block-c {
    float: left;
    width: 49.95%;
  }
  .block-content > div:first-child .ui-body {
    border-bottom-width: 1px;
  }
  .block-content > div + div .ui-body {
    border-left-width: 0;
  }
}