body { margin: 0; }

#superfish-1 { max-width: 1000px; }

img, media, li, .field-item { max-width: 100%; }

.conflux-row-body { max-width: 90%; margin-right: auto; margin-left: auto; }
.conflux-container-inner > .pane-content p:first-of-type { margin:0;}

/* c1grid = 1 column */
.c1grid .conflux-container:nth-of-type(1) { float: left;  width:100%; }

/* c2grid1 = 2 column, both 50% */
.c2grid1 .conflux-container:nth-of-type(1) { float: left;  width:48%; width: calc(50% - 15px); }
.c2grid1 .conflux-container:nth-of-type(2) { float: right; width:48%; width: calc(50% - 15px); }

/* c2grid2 = 2 column, first 25%, second 75% */
.c2grid2 .conflux-container:nth-of-type(1) { float: left;  width:24%; width: calc(25% - 15px); }
.c2grid2 .conflux-container:nth-of-type(2) { float: right; width:74%; width: calc(75% - 15px); }

/* c2grid3 = 2 column, first 75%, second 25% */
.c2grid3 .conflux-container:nth-of-type(1) { float: left;  width:24%; width: calc(25% - 15px); }
.c2grid3 .conflux-container:nth-of-type(2) { float: right; width:74%; width: calc(75% - 15px); }

/* c2grid4 = 2 column, first 33%, second 67% */
.c2grid4 .conflux-container:nth-of-type(1) { float: left;  width:33%; width: calc(33.33% - 15px); }
.c2grid4 .conflux-container:nth-of-type(2) { float: right; width:67%; width: calc(67.66% - 15px); }

/* c2grid5 = 2 column, first 67%, second 33% */
.c2grid5 .conflux-container:nth-of-type(1) { float: left;  width:67%; width: calc(67.66% - 15px); }
.c2grid5 .conflux-container:nth-of-type(2) { float: right; width:33%; width: calc(33.33% - 15px); }

/* c3grid1 = 3 column, each 33% */
.c3grid1 .conflux-container:nth-of-type(1) { float: left;  width:32%; width: calc(33.33% - 15px); }
.c3grid1 .conflux-container:nth-of-type(2) { float: left;  width:32%; width: calc(33.33% - 15px); margin-left: 23px; }
.c3grid1 .conflux-container:nth-of-type(3) { float: right; width:32%; width: calc(33.33% - 15px); }

/* c3grid2 = 3 column, first two are 25%, 3rd 50% */
.c3grid2 .conflux-container:nth-of-type(1) { float: left;  width:23%; width: calc(25% - 15px); }
.c3grid2 .conflux-container:nth-of-type(2) { float: left;  width:23%; width: calc(25% - 15px); margin-left: 23px; }
.c3grid2 .conflux-container:nth-of-type(3) { float: right; width:48%; width: calc(50% - 15px); }

/* c3grid3 = 3 column, first is 50%, second two are 25% */
.c3grid3 .conflux-container:nth-of-type(1) { float: left;  width:48%; width: calc(50% - 15px); }
.c3grid3 .conflux-container:nth-of-type(2) { float: left;  width:23%; width: calc(25% - 15px); margin-left: 23px; }
.c3grid3 .conflux-container:nth-of-type(3) { float: right; width:23%; width: calc(25% - 15px); }

/* c3grid4 = 3 column, first is 25%, second 50%, third is 25% */
.c3grid4 .conflux-container:nth-of-type(1) { float: left;  width:23%; width: calc(25% - 15px); }
.c3grid4 .conflux-container:nth-of-type(2) { float: left;  width:48%; width: calc(50% - 15px); margin-left: 23px; }
.c3grid4 .conflux-container:nth-of-type(3) { float: right; width:23%; width: calc(25% - 15px); }

/* c4grid = 4 column, each 25% */
.c4grid .conflux-container:nth-of-type(1) { float: left;  width:23%; width: calc(25% - 15px); }
.c4grid .conflux-container:nth-of-type(2) { float: left;  width:23%; width: calc(25% - 15px); margin-left: 20px; }
.c4grid .conflux-container:nth-of-type(3) { float: left;  width:23%; width: calc(25% - 15px); margin-left: 20px; }
.c4grid .conflux-container:nth-of-type(4) { float: right; width:23%; width: calc(25% - 15px); }


@media (max-width: 900px) {

	/* All regions with section <=25% require adjustment */

	/* c2grid2 = 2 column, first 25%, second 75% */
	/* convert to 2 c1grid1 */
	.c2grid2 .conflux-container { float: left;  width:100%; margin-left: 0; }

	/* c2grid3 = 2 column, first 75%, second 25% */
	/* convert to 2 c1grid1 */
	.c2grid3 .conflux-container { float: left;  width:100%; margin-left: 0; }

	/* c3grid2 = 3 column, first two are 25%, 3rd 50% */
	/* convert to 1 c2grid1 and 1 c1grid */
	.c3grid2 .conflux-container:nth-of-type(1) { float: left;  width:48%; width: calc(50% - 15px); }
	.c3grid2 .conflux-container:nth-of-type(2) { float: right; width:48%; width: calc(50% - 15px); margin-left: 0; }
	.c3grid2 .conflux-container:nth-of-type(3) { float: left;  width:100%; margin-left: 0; }

	/* c3grid3 = 3 column, first is 50%, second two are 25% */
	/* convert to 1 c1grid and 1 c2grid1 */
	.c3grid3 .conflux-container:nth-of-type(1) { float: left;  width:100%; }
	.c3grid3 .conflux-container:nth-of-type(2) { float: left;  width:48%; width: calc(50% - 15px); margin-left: 0; }
	.c3grid3 .conflux-container:nth-of-type(3) { float: right; width:48%; width: calc(50% - 15px); margin-left: 0; }

	/* c3grid4 = 3 column, first is 25%, second 50%, third is 25% */
	/* convert to 3 c1grids */
	.c3grid4 .conflux-container:nth-of-type(1) { float: left;  width:100%; }
	.c3grid4 .conflux-container:nth-of-type(2) { float: left;  width:100%; margin-left: 0; }
	.c3grid4 .conflux-container:nth-of-type(3) { float: left;  width:100%; margin-left: 0; }

	/* c4grid = 4 column, each 25% */
	/* convert to 2 c2grid1 */
	.c4grid .conflux-container:nth-of-type(1) { float: left;  width:48%; width: calc(50% - 15px); }
	.c4grid .conflux-container:nth-of-type(2) { float: right; width:48%; width: calc(50% - 15px); margin-left: 0; }
	.c4grid .conflux-container:nth-of-type(3) { float: left;  width:48%; width: calc(50% - 15px); margin-left: 0; clear: both; }
	.c4grid .conflux-container:nth-of-type(4) { float: right; width:48%; width: calc(50% - 15px); margin-left: 0; }

}

@media (max-width: 768px) {

	/* All regions with section <=33.33% require adjustment */
	
	/* c2grid4 = 2 column, first 33%, second 67% */
	/* Convert to 2 c1grid */
	.c2grid4 .conflux-container:nth-of-type(n) { float: left;  width:100%; }

	/* c2grid5 = 2 column, first 67%, second 33% */
	/* Convert to 2 c1grid */
	.c2grid5 .conflux-container:nth-of-type(n) { float: left;  width:100%; }

	/* c3grid1 = 3 column, each 33% */
	/* Convert to 3 c1grids */
	.c3grid1 .conflux-container:nth-of-type(n) { float: left;  width:100%; margin-left: 0; }

}

@media (max-width: 600px) {
	
	/* All regions should be 100% now */
	.c2grid1 .conflux-container:nth-of-type(n),
	.c4grid .conflux-container:nth-of-type(n) { float: left;  width:100%; margin-left: 0; }

	.sf-menu { width: 100%;}

}