/* Basic styles */
		.rwd-example .ui-body {
			text-align: left;
			border-color: #ddd;
		}

		/* Set block image size to full for a and b */
		.ui-block-a img {
         width  : 100%;
         height : 10px;
		}
		.ui-block-b img {
         width  : 100%;
         height : auto;
		}
		.ui-block-c img {
         width  : 100%;
         height : auto;
		}
		.ui-block-d img {
         width  : 50%;
         height : auto;
		}
		.ui-block-e img {
         width  : 50%;
         height : auto;
		}
		.ui-block-f img {
         width  : 20%;
         height : auto;
		}
		
		/* Stack all blocks to start */
		.rwd-example .ui-block-a,
		.rwd-example .ui-block-b,
		.rwd-example .ui-block-c,
		.rwd-example .ui-block-d,
		.rwd-example .ui-block-e,
		.rwd-example .ui-block-f {
			width: 100%;
			float: none;
		}

		/* Collapsing borders */
		.rwd-example > 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) {
			.rwd-example {
				overflow: hidden; /* Use this or a "clearfix" to give the container height */
			}
			.rwd-example .ui-block-b,
			.rwd-example .ui-block-c {
			  float: left;
			  width: 49.95%;
			}
			.rwd-example .ui-block-d {
			  float: right;
			  width: 49.95%;
			}
			.rwd-example .ui-block-e {
			  float: left;
			  width: 49.95%;
			}
			.rwd-example > div + div .ui-body {
				border-top-width: 0px;
			}
			.rwd-example > div:first-child .ui-body {
				border-bottom-width: 0;
			}
			.rwd-example > div:last-child .ui-body {
				border-left-width: 0;
			}
		}

		}