/* ----------- NOTES -----------

Unknowns -- 
	- How does the fill overwrite work? (I think this is sorted but needs testing)

Random Thoughts --
	
	- Should the content block, padding/margin, state indicator, display (hidden etc) classes be in here? Yes. I think so. (MARGIN BOTTOM ETC OVERWRITES ON COLUMN IS A MUST) 

NOTE : .background-relative forces 'position: relative' on the group and it's columns.
NOTE : .column-container can now have margin and padding 'border-collapse: initial' added. If it breaks anything let me know. Hovever it is only necessary for certain table groups.
NOTE : .clear for default-group is no longer in spec. will add if need becomes great enough.
NOTE : .static class has been changed to .pixel and .responsive has changed to .percent. There may be issues #content-wrap that need addressing. Maybe not though...

--------- END NOTES --------- */

.column-group {
	margin-top:0px;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom:0;
	direction:ltr;
	display: block;
}

/* Clear Fixs */
.column-group:after { content: " "; display: table; }
.column-group::after { clear: both; }

.column-group + * {	clear:both; }


/*issue
.column-group::after {		
	clear: both;		
	content: "";		
	display: inline-block;		
	width: 100%;		
}*/

.column {
	list-style:none;
	margin-left:0px;
	margin-right:0px;
	margin-bottom: 20px;
	vertical-align:top;
	padding-left:10px;
	padding-right: 10px;
	text-align:left;
	direction:ltr;
	background-clip:content-box!important;
}

.column-container {
	display: table;
	max-width: 100%;
	table-layout: fixed;
	width: 100%;
	vertical-align:top;
}

html body .align-left { text-align:left; }
html body .align-center { text-align:center; }
html body .align-right { text-align:right; }
html body .align-justify { text-align:justify; }
html body .align-inherit { text-align:inherit; }

html body .column-align-left > .column { text-align: left; }
html body .column-align-center > .column { text-align: center; }
html body .column-align-right > .column { text-align: right; }
html body .column-align-justify > .column { text-align: justify; }
html body .column-align-inherit > .column  { text-align:inherit; }

html body .column-group[class*="column-align-"] > .column.align-left { text-align: left; }
html body .column-group[class*="column-align-"] > .column.align-center { text-align: center; }
html body .column-group[class*="column-align-"] > .column.align-right { text-align: right; }
html body .column-group[class*="column-align-"] > .column.align-justify { text-align: justify; }
html body .column-group[class*="column-align-"] > .column.align-inherit { text-align: inherit; }


body .direction-ltr { direction:ltr; }
body .direction-rtl { direction:rtl; }

/* Column Position */

.column-group.column-static > .column { position:static; }
.column-group.column-relative > .column { position:relative; }
.column-group.column-absolute > .column { position:absolute; }

/* Flex Equal Height */
/* Do not add this to a table group it will kill and eat you */

html.flex body .flex-group  { display: flex; flex-flow: row wrap; }
html.flex .flex-group > .column { display:flex; }

/*Desktop Only*/  
 @media all and (min-width: 1025px) {
	html.flex body .desktop-flex-group  { display: flex; flex-flow: row wrap; }
	html.flex .desktop-flex-group > .column { display:flex; }
}

/*Tablet Only*/
@media all and (min-width: 768px) and (max-width: 1024px){
	html.flex body .tablet-flex-group  { display: flex; flex-flow: row wrap; }
	html.flex .tablet-flex-group > .column { display:flex; } 
}

/*Mobile Only*/
@media (max-width: 767px) {
	html.flex body .mobile-flex-group  { display: flex; flex-flow: row wrap; }
	html.flex .mobile-flex-group > .column { display:flex; }
}

/* FLEX ROW WILL VERTICALLY ALIGN THE ELEMENTS DIRECTLY INSIDE THE FLEX GROUP COLUMN - GREAT FOR STICKING THINGS TO THE BOTTOM OF A COLUMN */

.flex-row {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/*Desktop Only*/  
 @media all and (min-width: 1025px) {
	html.flex body .desktop-flex-row  { align-items: center; display: flex; flex-direction: column; justify-content: space-between; }
}

/*Tablet Only*/
@media all and (min-width: 768px) and (max-width: 1024px){
	html.flex body .tablet-flex-row  { align-items: center; display: flex; flex-direction: column; justify-content: space-between; }
}

/*Mobile Only*/
@media (max-width: 767px) {
	html.flex body .mobile-flex-row  { align-items: center; display: flex; flex-direction: column; justify-content: space-between; }
}

/* FLEX GROW */

/*Desktop Only*/
@media all and (min-width: 1025px) {
	.column-flex-grow-equal > .column { flex-grow: 1; }
	html .desktop-column-flex-grow-equal > .column { flex-grow: 1; }	
	html body .column.flex-grow-equal { flex-grow: 1; }
	html body .column-group .column.desktop-flex-grow-equal { flex-grow: 1; }

	.column-flex-grow-unset > .column { flex-grow: unset; }
	html .desktop-column-flex-grow-unset > .column { flex-grow: unset; }	
	html body .column.flex-grow-unset { flex-grow: unset; }
	html body .column-group .column.desktop-flex-grow-unset { flex-grow: unset; }
}
/*Tablet Only*/
@media all and (min-width: 768px) and (max-width: 1024px){
	.column-flex-grow-equal > .column { flex-grow: 1; }
	html .tablet-column-flex-grow-equal > .column { flex-grow: 1; }	
	html body .column.flex-grow-equal { flex-grow: 1; }
	html body .column-group .column.tablet-flex-grow-equal { flex-grow: 1; }

	.column-flex-grow-unset > .column { flex-grow: unset; }
	html .tablet-column-flex-grow-unset > .column { flex-grow: unset; }	
	html body .column.flex-grow-unset { flex-grow: unset; }
	html body .column-group .column.tablet-flex-grow-unset { flex-grow: unset; }
}

/*Mobile Only*/
@media (max-width: 767px) {
	.column-flex-grow-equal > .column { flex-grow: 1; }
	html .mobile-column-flex-grow-equal > .column { flex-grow: 1; }	
	html body .column.flex-grow-equal { flex-grow: 1; }
	html body .column-group .column.mobile-flex-grow-equal { flex-grow: 1; }

	.column-flex-grow-unset > .column { flex-grow: unset; }
	html .mobile-column-flex-grow-unset > .column { flex-grow: unset; }	
	html body .column.flex-grow-unset { flex-grow: unset; }
	html body .column-group .column.mobile-flex-grow-unset { flex-grow: unset; }
}

/* Vertically Aligning Columns */

.align-top { vertical-align: top; align-items:start; }
.align-middle { vertical-align: middle; align-items:center; }
.align-bottom { vertical-align: bottom; align-items:end; } 
  
.column-align-top > .column { vertical-align: top; align-items:start; }
.column-align-middle > .column { vertical-align: middle; align-items:center;  }
.column-align-bottom > .column { vertical-align: bottom; align-items:end; }

.column-group[class*="column-align-"] > .column.align-top { vertical-align: top; align-items:start; }
.column-group[class*="column-align-"] > .column.align-middle { vertical-align: middle; align-items:center;  }
.column-group[class*="column-align-"] > .column.align-bottom { vertical-align: bottom; align-items:end; }

/* End Vertically Aligning Columns */

/* Vertical Align Groups */

.vertical-align-group > .column  {
	vertical-align: middle;
}

.column-group > .vertical-align-limit {
	height: 250px; /* overwite in custom.css */
	overflow: hidden;
	padding: 0;
	width: 0;
	margin:0;
}
.column-group > .vertical-align-limit.limit-percent {
	padding-bottom:23.6%; /* Golden Ratio */ /* overwite in custom.css */
	height:0;
}
/* End Vertical Align Groups */

/* Expanding Columns */
	
.column.expand-left {
	text-align:left;
}

.column.expand-left > .column-container {
	text-align:left;
	display:inline-block;
	width:auto;
}

.column.expand-right {
	text-align:right;
}

.column.expand-right > .column-container {
	text-align:left;
	display:inline-block;
	width:auto;
}

.column.expand-center {
	text-align:center;
}

.column.expand-center > .column-container {
	text-align:left;
	width:auto;	
	margin-left:auto;
	margin-right:auto;
}

.column.pixel[class*="expand-"] {
	width:auto;	
}

/* End Expanding Columns */

/* Horizontal Spacing */

.column-group.column-gutter-0 { margin-left: 0; margin-right: 0; }
.column-group.column-gutter-0 > .column { padding-left:0; padding-right:0; }	
.column-group.column-gutter-5 { margin-left: -3px; margin-right: -3px; }
.column-group.column-gutter-5 > .column { padding-left:3px; padding-right:3px; }
.column-group.column-gutter-10 { margin-left: -5px; margin-right: -5px; }
.column-group.column-gutter-10 > .column { padding-left:5px; padding-right:5px; }
.column-group.column-gutter-15 { margin-left: -8px; margin-right: -8px; }
.column-group.column-gutter-15 > .column { padding-left:8px; padding-right:8px; }
.column-group.column-gutter-20 { margin-left: -10px; margin-right: -10px; }
.column-group.column-gutter-20 > .column { padding-left:10px; padding-right:10px; }
.column-group.column-gutter-25 { margin-left: -13px; margin-right: -13px; }
.column-group.column-gutter-25 > .column { padding-left:13px; padding-right:13px; }
.column-group.column-gutter-30 { margin-left: -15px; margin-right: -15px; }
.column-group.column-gutter-30 > .column { padding-left:15px; padding-right:15px; }
.column-group.column-gutter-35 { margin-left: -18px; margin-right: -18px; }
.column-group.column-gutter-35 > .column { padding-left:18px; padding-right:18px; }
.column-group.column-gutter-40 { margin-left: -20px; margin-right: -20px; }
.column-group.column-gutter-40 > .column {padding-left: 20px;padding-right: 20px;}
.column-group.column-gutter-45 { margin-left: -23px; margin-right: -23px; }
.column-group.column-gutter-45 > .column { padding-left:23px; padding-right:23px; }
.column-group.column-gutter-50 { margin-left: -25px; margin-right: -25px; }
.column-group.column-gutter-50 > .column { padding-left:25px; padding-right:25px; }
.column-group.column-gutter-60 { margin-left: -30px; margin-right: -30px; }
.column-group.column-gutter-60 > .column { padding-left:30px; padding-right:30px; }
.column-group.column-gutter-80 { margin-left: -40px; margin-right: -40px; }
.column-group.column-gutter-80 > .column { padding-left:40px; padding-right:40px; }
.column-group.column-gutter-100 { margin-left: -50px; margin-right: -50px; }
.column-group.column-gutter-100 > .column { padding-left:50px; padding-right:50px;}
.column-group.column-gutter-120 { margin-left: -60px; margin-right: -60px; }
.column-group.column-gutter-120 > .column { padding-left:60px; padding-right:60px;}
.column-group.column-gutter-140 { margin-left: -70px; margin-right: -70px; }
.column-group.column-gutter-140 > .column { padding-left:70px; padding-right:70px;}
.column-group.column-gutter-160 { margin-left: -80px; margin-right: -80px; }
.column-group.column-gutter-160 > .column { padding-left:80px; padding-right:80px;}
.column-group.column-gutter-180 { margin-left: -90px; margin-right: -90px; }
.column-group.column-gutter-180 > .column { padding-left:90px; padding-right:90px;}
.column-group.column-gutter-200 { margin-left: -100px; margin-right: -100px; }
.column-group.column-gutter-200 > .column { padding-left:100px; padding-right:100px;}


/* End Horizontal Spacing */

/* Vertical Spacing - goes on .column-group */

.column-margin-bottom-0 > .column  { margin-bottom:0; }
.column-margin-bottom-5 > .column  { margin-bottom:5px; }
.column-margin-bottom-10 > .column  { margin-bottom:10px; }
.column-margin-bottom-15 > .column  { margin-bottom:15px; }
.column-margin-bottom-20 > .column  { margin-bottom:20px; }
.column-margin-bottom-25 > .column  { margin-bottom:25px; }
.column-margin-bottom-30 > .column  { margin-bottom:30px; }
.column-margin-bottom-35 > .column  { margin-bottom:35px; }
.column-margin-bottom-40 > .column  { margin-bottom:40px; }
.column-margin-bottom-45 > .column  { margin-bottom:45px; }
.column-margin-bottom-50 > .column  { margin-bottom:50px; }
.column-margin-bottom-60 > .column  { margin-bottom:60px; }
.column-margin-bottom-80 > .column  { margin-bottom:80px; }
.column-margin-bottom-100 > .column  { margin-bottom:100px; }
.column-margin-bottom-120 > .column  { margin-bottom:120px; }
.column-margin-bottom-140 > .column  { margin-bottom:140px; }
.column-margin-bottom-160 > .column  { margin-bottom:160px; }
.column-margin-bottom-180 > .column  { margin-bottom:180px; }
.column-margin-bottom-200 > .column  { margin-bottom:200px; }

.column-margin-top-0 > .column  { margin-top:0; }
.column-margin-top-5 > .column  { margin-top:5px; }
.column-margin-top-10 > .column  { margin-top:10px; }
.column-margin-top-15 > .column  { margin-top:15px; }
.column-margin-top-20 > .column  { margin-top:20px; }
.column-margin-top-25 > .column  { margin-top:25px; }
.column-margin-top-30 > .column  { margin-top:30px; }
.column-margin-top-35 > .column  { margin-top:35px; }
.column-margin-top-40 > .column  { margin-top:40px; }
.column-margin-top-45 > .column  { margin-top:45px; }
.column-margin-top-50 > .column  { margin-top:50px; }
.column-margin-top-60 > .column  { margin-top:60px; }
.column-margin-top-80 > .column  { margin-top:80px; }
.column-margin-top-100 > .column  { margin-top:100px; }
.column-margin-top-120 > .column  { margin-top:120px; }
.column-margin-top-140 > .column  { margin-top:140px; }
.column-margin-top-160 > .column  { margin-top:160px; }
.column-margin-top-180 > .column  { margin-top:180px; }
.column-margin-top-200 > .column  { margin-top:200px; }


/* End Vertical Spacing */

/* No Width - Used for alignments. Doesn't have variations */

.width-none, .width-0 {
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: middle !important;
	width: 0 !important;
}

/* Styles For Column Desktop go here */
@media all and (min-width: 1025px) {

	.column,
	html body .desktop-default-group > .column {
		float:left;
		display:inherit;
		clear:none;
	}

	.table-group > .column,
	html body .desktop-table-group > .column {
		display: table-cell;
		width:auto;
		float:none;
		clear:none;
	}
	
	.inline-group > .column,
	html body .desktop-inline-group > .column {
		display:inline-block;
		float:none;
		clear:none;
	}
	
	/* Clear Table Groups - Can be used in conjunction with .float-left */
	
 	[class*="clear-table-group-row"] {
		display: none!important;
		clear: none!important;
	}
	
	.table-group,
	html .desktop-table-group {display:table;}
	
	.table-group > .clear-table-group-row,
	body .table-group > .desktop-clear-table-group-row,
	html body .desktop-table-group > .clear-table-group-row,
	html body .desktop-table-group > .column.desktop-clear-table-group-row {
		display:table!important;
		clear:both!important;
	}
	

	/* Column Position */
	
	body .column-group.desktop-column-static > .column { position:static; }
	body .column-group.desktop-column-relative > .column { position:relative; }
	body .column-group.desktop-column-absolute > .column { position:absolute; }
	
	html body .column-group > .column.static { position:static; }
	html body .column-group > .column.relative { position:relative; }
	html body .column-group > .column.absolute { position:absolute; }
	
	html body .column-group > .column.desktop-static { position:static; }
	html body .column-group > .column.desktop-relative { position:relative; }
	html body .column-group > .column.desktop-absolute { position:absolute; }

	/* Column Align */

	html body .desktop-align-left { text-align:left; }
	html body .desktop-align-center { text-align:center; }
	html body .desktop-align-right { text-align:right; }
	html body .desktop-align-justify { text-align:justify; }
	html body .desktop-align-inherit { text-align:inherit; }
	
	html body .desktop-column-align-left > .column { text-align: left; }
	html body .desktop-column-align-center > .column { text-align: center; }
	html body .desktop-column-align-right > .column { text-align: right; }
	html body .desktop-column-align-justify > .column { text-align: justify; }
	html body .desktop-column-align-inherit > .column { text-align: inherit; }

	html body .column-group[class*="column-align-"] > .column.desktop-align-left { text-align: left; }
	html body .column-group[class*="column-align-"] > .column.desktop-align-center { text-align: center; }
	html body .column-group[class*="column-align-"] > .column.desktop-align-right { text-align: right; }
	html body .column-group[class*="column-align-"] > .column.desktop-align-justify { text-align: justify; }
	html body .column-group[class*="column-align-"] > .column.desktop-align-inherit { text-align: inherit; }
	
	/* Column Direction */
	/* Only works with inline & table groups */
	
	html body .desktop-direction-ltr { direction:ltr; }
	html body .desktop-direction-rtl { direction:rtl; }
	
	
	/* Vertically Aligning Columns */
	
	body .desktop-align-top { vertical-align: top; align-items:start; }
	body .desktop-align-middle { vertical-align: middle; align-items:center; }
	body .desktop-align-bottom { vertical-align: bottom; align-items:end; }
	
	body .desktop-column-align-top > .column { vertical-align: top; align-items:start; }
	body .desktop-column-align-middle > .column { vertical-align: middle; align-items:center; }
	body .desktop-column-align-bottom > .column { vertical-align: bottom; align-items:end; }
	
	body .column-group[class*="column-align-"] > .column.desktop-align-top { vertical-align: top; align-items:start; }
	body .column-group[class*="column-align-"] > .column.desktop-align-middle { vertical-align: middle; align-items:center; }
	body .column-group[class*="column-align-"] > .column.desktop-align-bottom { vertical-align: bottom; align-items:end; }
	
	/* End Vertically Aligning Columns */
	
	/* Vertical Align Groups */
	
	body .column-group > .vertical-align-limit.desktop-limit-pixel  {
		height: 250px; /* overwite in custom.css */
		padding:0;
	}
	
	body .column-group > .vertical-align-limit.desktop-limit-percent {
		padding-bottom:23.6%; /* Golden Ratio */ /* overwite in custom.css */
		height:0;
	}
	
	/* End Vertical Align Groups */

	/* Expanding Columns */
	
	.column-group .column.desktop-expand-left {
		text-align:left;
	}
	
	.column-group .column.desktop-expand-left > .column-container {
		text-align:left;
		display:inline-block;
		width:auto;
	}
	
	.column-group .column.desktop-expand-right {
		text-align:right;
	}
	
	.column-group .column.desktop-expand-right > .column-container {
		text-align:left;
		display:inline-block;
		width:auto;
	}
	
	.column-group .column.desktop-expand-center {
		text-align:center;
	}
	
	.column-group .column.desktop-expand-center > .column-container {
		text-align:left;
		width:auto;	
		margin-left:auto;
		margin-right:auto;
	}
	
	.column.pixel[class*="desktop-expand-"] {
		width:auto;	
	}
	
	/* End Expanding Columns */

	/* Dominant Expands */
	/* Only works with table groups */
	
	/*
	html body .column-group.table-group > .column.expand-dominant,
	html body .column-group.table-group > .column.desktop-expand-dominant {
		width:auto;	
	}
	*/
	
	.column-group.table-group > .expand-dominant > .column-container,
	.column-group.table-group > .desktop-expand-dominant > .column-container { white-space: nowrap; width: auto; }
	
	.column-group.table-group.desktop-default-group > .expand-dominant > .column-container,
	.column-group.table-group.desktop-inline-group > .expand-dominant > .column-container { white-space:normal; width: 100%; }
	
	/*
	html body .column-group.desktop-table-group > .column.expand-dominant,
	html body .column-group.desktop-table-group > .column.desktop-expand-dominant {
		width:auto;	
	}
	*/
	
	body .column-group.desktop-table-group > .expand-dominant > .column-container,
	body .column-group.desktop-table-group > .desktop-expand-dominant > .column-container { white-space: nowrap; width: auto;	}
	
	/* End Dominant Expands */
	

	/* Desktop Horizontal Spacing */
	
	body .column-group.desktop-column-gutter-0 { margin-left: 0; margin-right: 0; }
	body .column-group.desktop-column-gutter-0 > .column { padding-left:0; padding-right:0; }	
	body .column-group.desktop-column-gutter-5 { margin-left: -3px; margin-right: -3px; }
	body .column-group.desktop-column-gutter-5 > .column { padding-left:3px; padding-right:3px; }
	body .column-group.desktop-column-gutter-10 { margin-left: -5px; margin-right: -5px; }
	body .column-group.desktop-column-gutter-10 > .column { padding-left:5px; padding-right:5px; }
	body .column-group.desktop-column-gutter-15 { margin-left: -8px; margin-right: -8px; }
	body .column-group.desktop-column-gutter-15 > .column { padding-left:8px; padding-right:8px; }
	body .column-group.desktop-column-gutter-20, body .column-group.desktop-column-gutter-xs, .column-group.column-gutter-xs { margin-left: -10px; margin-right: -10px; }
	body .column-group.desktop-column-gutter-20 > .column, body .column-group.desktop-column-gutter-xs > .column, .column-group.column-gutter-xs > .column { padding-left:10px; padding-right:10px; }
	body .column-group.desktop-column-gutter-25 { margin-left: -13px; margin-right: -13px; }
	body .column-group.desktop-column-gutter-25 > .column { padding-left:13px; padding-right:13px; }
	body .column-group.desktop-column-gutter-30 { margin-left: -15px; margin-right: -15px; }
	body .column-group.desktop-column-gutter-30 > .column { padding-left:15px; padding-right:15px; }
	body .column-group.desktop-column-gutter-35 { margin-left: -18px; margin-right: -18px; }
	body .column-group.desktop-column-gutter-35 > .column { padding-left:18px; padding-right:18px; }
	body .column-group.desktop-column-gutter-40, body .column-group.desktop-column-gutter-s, .column-group.column-gutter-s { margin-left: -20px; margin-right: -20px; }
	body .column-group.desktop-column-gutter-40 > .column, body .column-group.desktop-column-gutter-s > .column, .column-group.column-gutter-s > .column {padding-left: 20px;padding-right: 20px;}
	body .column-group.desktop-column-gutter-45 { margin-left: -23px; margin-right: -23px; }
	body .column-group.desktop-column-gutter-45 > .column { padding-left:23px; padding-right:23px; }
	body .column-group.desktop-column-gutter-50 { margin-left: -25px; margin-right: -25px; }
	body .column-group.desktop-column-gutter-50 > .column { padding-left:25px; padding-right:25px; }
	body .column-group.desktop-column-gutter-60, body .column-group.desktop-column-gutter-m, .column-group.column-gutter-m { margin-left: -30px; margin-right: -30px; }
	body .column-group.desktop-column-gutter-60 > .column, body .column-group.desktop-column-gutter-m > .column, .column-group.column-gutter-m > .column { padding-left:30px; padding-right:30px; }
	body .column-group.desktop-column-gutter-80, body .column-group.desktop-column-gutter-l, .column-group.column-gutter-l { margin-left: -40px; margin-right: -40px; }
	body .column-group.desktop-column-gutter-80 > .column, body .column-group.desktop-column-gutter-l > .column, .column-group.column-gutter-l > .column { padding-left:40px; padding-right:40px; }
	body .column-group.desktop-column-gutter-100, body .column-group.desktop-column-gutter-xl, .column-group.column-gutter-xl { margin-left: -50px; margin-right: -50px; }
	body .column-group.desktop-column-gutter-100 > .column, body .column-group.desktop-column-gutter-xl > .column, .column-group.column-gutter-xl > .column  { padding-left:50px; padding-right:50px;}
	body .column-group.desktop-column-gutter-120 { margin-left: -60px; margin-right: -60px; }
	body .column-group.desktop-column-gutter-120 > .column { padding-left:60px; padding-right:60px;}
	body .column-group.desktop-column-gutter-140 { margin-left: -70px; margin-right: -70px; }
	body .column-group.desktop-column-gutter-140 > .column { padding-left:70px; padding-right:70px;}
	body .column-group.desktop-column-gutter-160 { margin-left: -80px; margin-right: -80px; }
	body .column-group.desktop-column-gutter-160 > .column { padding-left:80px; padding-right:80px;}
	body .column-group.desktop-column-gutter-180 { margin-left: -90px; margin-right: -90px; }
	body .column-group.desktop-column-gutter-180 > .column { padding-left:90px; padding-right:90px;}
	body .column-group.desktop-column-gutter-200 { margin-left: -100px; margin-right: -100px; }
	body .column-group.desktop-column-gutter-200 > .column { padding-left:100px; padding-right:100px;}
	
	/* End Desktop Horizontal Spacing */

	/* Desktop Vertical Spacing */

	body .desktop-column-margin-bottom-0 > .column  { margin-bottom:0; }
	body .desktop-column-margin-bottom-5 > .column  { margin-bottom:5px; }
	body .desktop-column-margin-bottom-10 > .column  { margin-bottom:10px; }
	body .desktop-column-margin-bottom-15 > .column  { margin-bottom:15px; }
	body .desktop-column-margin-bottom-20 > .column, body .desktop-column-margin-bottom-xs > .column, .column-margin-bottom-xs > .column  { margin-bottom:20px; }
	body .desktop-column-margin-bottom-25 > .column  { margin-bottom:25px; }
	body .desktop-column-margin-bottom-30 > .column  { margin-bottom:30px; }
	body .desktop-column-margin-bottom-35 > .column  { margin-bottom:35px; }
	body .desktop-column-margin-bottom-40 > .column, body .desktop-column-margin-bottom-s > .column, .column-margin-bottom-s > .column  { margin-bottom:40px; }
	body .desktop-column-margin-bottom-45 > .column  { margin-bottom:45px; }
	body .desktop-column-margin-bottom-50 > .column  { margin-bottom:50px; }
	body .desktop-column-margin-bottom-60 > .column, body .desktop-column-margin-bottom-m > .column, .column-margin-bottom-m > .column  { margin-bottom:60px; }
	body .desktop-column-margin-bottom-80 > .column, body .desktop-column-margin-bottom-l > .column, .column-margin-bottom-l > .column  { margin-bottom:80px; }
	body .desktop-column-margin-bottom-100 > .column, body .desktop-column-margin-bottom-xl > .column, .column-margin-bottom-xl > .column  { margin-bottom:100px; }
	body .desktop-column-margin-bottom-120 > .column  { margin-bottom:120px; }
	body .desktop-column-margin-bottom-140 > .column  { margin-bottom:140px; }
	body .desktop-column-margin-bottom-160 > .column  { margin-bottom:160px; }
	body .desktop-column-margin-bottom-180 > .column  { margin-bottom:180px; }
	body .desktop-column-margin-bottom-200 > .column  { margin-bottom:200px; }
	
	body .desktop-column-margin-top-0 > .column  { margin-top:0; }
	body .desktop-column-margin-top-5 > .column  { margin-top:5px; }
	body .desktop-column-margin-top-10 > .column  { margin-top:10px; }
	body .desktop-column-margin-top-15 > .column  { margin-top:15px; }
	body .desktop-column-margin-top-20 > .column, body .desktop-column-margin-top-xs > .column, .column-margin-top-xs > .column  { margin-top:20px; }
	body .desktop-column-margin-top-25 > .column  { margin-top:25px; }
	body .desktop-column-margin-top-30 > .column  { margin-top:30px; }
	body .desktop-column-margin-top-35 > .column  { margin-top:35px; }
	body .desktop-column-margin-top-40 > .column, body .desktop-column-margin-top-s > .column, .column-margin-top-s > .column  { margin-top:40px; }
	body .desktop-column-margin-top-45 > .column  { margin-top:45px; }
	body .desktop-column-margin-top-50 > .column  { margin-top:50px; }
	body .desktop-column-margin-top-60 > .column, body .desktop-column-margin-top-m > .column, .column-margin-top-m > .column  { margin-top:60px; }
	body .desktop-column-margin-top-80 > .column, body .desktop-column-margin-top-l > .column, .column-margin-top-l > .column  { margin-top:80px; }
	body .desktop-column-margin-top-100 > .column, body .desktop-column-margin-top-xl > .column, .column-margin-top-xl > .column  { margin-top:100px; }
	body .desktop-column-margin-top-120 > .column  { margin-top:120px; }
	body .desktop-column-margin-top-140 > .column  { margin-top:140px; }
	body .desktop-column-margin-top-160 > .column  { margin-top:160px; }
	body .desktop-column-margin-top-180 > .column  { margin-top:180px; }
	body .desktop-column-margin-top-200 > .column  { margin-top:200px; }
	

	/* End Desktop Vertical Spacing */
	
	/* Desktop Widths */

	/* Percentage Widths */
	
	[class*="push-"], [class*="pull-"] {
		position: relative;
	}

	.width-1of1,
	html .desktop-width-1of1,
	html .column-width-1of1 > .percent,
	html .column-width-1of1 > .desktop-percent,
	html .column-group.desktop-column-width-1of1 > .percent,
	html .column-group.desktop-column-width-1of1 > .desktop-percent,
	html body .column-group > .percent.width-1of1,
	html body .column-group > .desktop-percent.width-1of1,
	html body .column-group > .column.percent.desktop-width-1of1,
	html body .column-group > .column.desktop-percent.desktop-width-1of1 { box-sizing:border-box; width:100%; }
	
	.width-1of2,
	html .desktop-width-1of2,
	html .column-width-1of2 > .percent,
	html .column-width-1of2 > .desktop-percent,
	html .column-group.desktop-column-width-1of2 > .percent,
	html .column-group.desktop-column-width-1of2 > .desktop-percent,
	html body .column-group > .percent.width-1of2,
	html body .column-group > .desktop-percent.width-1of2,
	html body .column-group > .column.percent.desktop-width-1of2,
	html body .column-group > .column.desktop-percent.desktop-width-1of2 { box-sizing:border-box; width:50%; }
	
	.width-1of3,
	html .desktop-width-1of3,
	html .column-width-1of3 > .percent,
	html .column-width-1of3 > .desktop-percent,
	html .column-group.desktop-column-width-1of3 > .percent,
	html .column-group.desktop-column-width-1of3 > .desktop-percent,
	html body .column-group > .percent.width-1of3,
	html body .column-group > .desktop-percent.width-1of3,
	html body .column-group > .column.percent.desktop-width-1of3,
	html body .column-group > .column.desktop-percent.desktop-width-1of3 { box-sizing:border-box; width:33.3333%; }
	
	.width-2of3,
	html .desktop-width-2of3,
	html .column-width-2of3 > .percent,
	html .column-width-2of3 > .desktop-percent,
	html .column-group.desktop-column-width-2of3 > .percent,
	html .column-group.desktop-column-width-2of3 > .desktop-percent,
	html body .column-group > .percent.width-2of3,
	html body .column-group > .desktop-percent.width-2of3,
	html body .column-group > .column.percent.desktop-width-2of3,
	html body .column-group > .column.desktop-percent.desktop-width-2of3 { box-sizing:border-box; width:66.6667%; }
	
	.width-1of4,
	html .desktop-width-1of4,
	html .column-width-1of4 > .percent,
	html .column-width-1of4 > .desktop-percent,
	html .column-group.desktop-column-width-1of4 > .percent,
	html .column-group.desktop-column-width-1of4 > .desktop-percent,
	html body .column-group > .percent.width-1of4,
	html body .column-group > .desktop-percent.width-1of4,
	html body .column-group > .column.percent.desktop-width-1of4,
	html body .column-group > .column.desktop-percent.desktop-width-1of4  { box-sizing:border-box; width:25%;  }
	
	.width-3of4,
	html .desktop-width-3of4,
	html .column-width-3of4 > .percent,
	html .column-width-3of4 > .desktop-percent,
	html .column-group.desktop-column-width-3of4 > .percent,
	html .column-group.desktop-column-width-3of4 > .desktop-percent,
	html body .column-group > .percent.width-3of4,
	html body .column-group > .desktop-percent.width-3of4,
	html body .column-group > .column.percent.desktop-width-3of4,
	html body .column-group > .column.desktop-percent.desktop-width-3of4 { box-sizing:border-box; width:75%; }
	
	.width-1of5,
	html .desktop-width-1of5,
	html .column-width-1of5 > .percent,
	html .column-width-1of5 > .desktop-percent,
	html .column-group.desktop-column-width-1of5 > .percent,
	html .column-group.desktop-column-width-1of5 > .desktop-percent,
	html body .column-group > .percent.width-1of5,
	html body .column-group > .desktop-percent.width-1of5,
	html body .column-group > .column.percent.desktop-width-1of5,
	html body .column-group > .column.desktop-percent.desktop-width-1of5  { box-sizing:border-box; width:20%; }

	.width-2of5,
	html .desktop-width-2of5,
	html .column-width-2of5 > .percent,
	html .column-width-2of5 > .desktop-percent,
	html .column-group.desktop-column-width-2of5 > .percent,
	html .column-group.desktop-column-width-2of5 > .desktop-percent,
	html body .column-group > .percent.width-2of5,
	html body .column-group > .desktop-percent.width-2of5,
	html body .column-group > .column.percent.desktop-width-2of5,
	html body .column-group > .column.desktop-percent.desktop-width-2of5 { box-sizing:border-box; width:40%; }
	
	.width-3of5,
	html .desktop-width-3of5,
	html .column-width-3of5 > .percent,
	html .column-width-3of5 > .desktop-percent,
	html .column-group.desktop-column-width-3of5 > .percent,
	html .column-group.desktop-column-width-3of5 > .desktop-percent,
	html body .column-group > .percent.width-3of5,
	html body .column-group > .desktop-percent.width-3of5,
	html body .column-group > .column.percent.desktop-width-3of5,
	html body .column-group > .column.desktop-percent.desktop-width-3of5 { box-sizing:border-box; width:60%; }
	
	.width-4of5,
	html .desktop-width-4of5,
	html .column-width-4of5 > .percent,
	html .column-width-4of5 > .desktop-percent,
	html .column-group.desktop-column-width-4of5 > .percent,
	html .column-group.desktop-column-width-4of5 > .desktop-percent,
	html body .column-group > .percent.width-4of5,
	html body .column-group > .desktop-percent.width-4of5,
	html body .column-group > .column.percent.desktop-width-4of5,
	html body .column-group > .column.desktop-percent.desktop-width-4of5 { box-sizing:border-box; width:80%; }
	
	.width-1of6,
	html .desktop-width-1of6,
	html .column-width-1of6 > .percent,
	html .column-width-1of6 > .desktop-percent,
	html .column-group.desktop-column-width-1of6 > .percent,
	html .column-group.desktop-column-width-1of6 > .desktop-percent,
	html body .column-group > .percent.width-1of6,
	html body .column-group > .desktop-percent.width-1of6,
	html body .column-group > .column.percent.desktop-width-1of6,
	html body .column-group > .column.desktop-percent.desktop-width-1of6 { box-sizing:border-box; width:16.6667%; }
		
	.width-2of6,
	html .desktop-width-2of6,
	html .column-width-2of6 > .percent,
	html .column-width-2of6 > .desktop-percent,
	html .column-group.desktop-column-width-2of6 > .percent,
	html .column-group.desktop-column-width-2of6 > .desktop-percent,
	html body .column-group > .percent.width-2of6,
	html body .column-group > .desktop-percent.width-2of6,
	html body .column-group > .column.percent.desktop-width-2of6,
	html body .column-group > .column.desktop-percent.desktop-width-2of6 { box-sizing:border-box; width:33%; }
	
	.width-1of7,
	html .desktop-width-1of7,
	html .column-width-1of7 > .percent,
	html .column-width-1of7 > .desktop-percent,
	html .column-group.desktop-column-width-1of7 > .percent,
	html .column-group.desktop-column-width-1of7 > .desktop-percent,
	html body .column-group > .percent.width-1of7,
	html body .column-group > .desktop-percent.width-1of7,
	html body .column-group > .column.percent.desktop-width-1of7,
	html body .column-group > .column.desktop-percent.desktop-width-1of7 { box-sizing:border-box; width:14.285%; }
	
	.width-1of8,
	html .desktop-width-1of8,
	html .column-width-1of8 > .percent,
	html .column-width-1of8 > .desktop-percent,
	html .column-group.desktop-column-width-1of8 > .percent,
	html .column-group.desktop-column-width-1of8 > .desktop-percent,
	html body .column-group > .percent.width-1of8,
	html body .column-group > .desktop-percent.width-1of8,
	html body .column-group > .column.percent.desktop-width-1of8,
	html body .column-group > .column.desktop-percent.desktop-width-1of8 { box-sizing:border-box; width:12.5%; }
	
	.width-5of6,
	html .desktop-width-5of6,
	html .column-width-5of6 > .percent,
	html .column-width-5of6 > .desktop-percent,
	html .column-group.desktop-column-width-5of6 > .percent,
	html .column-group.desktop-column-width-5of6 > .desktop-percent,
	html body .column-group > .percent.width-5of6,
	html body .column-group > .desktop-percent.width-5of6,
	html body .column-group > .column.percent.desktop-width-5of6,
	html body .column-group > .column.desktop-percent.desktop-width-5of6 { box-sizing:border-box; width:83.3333%; }
	

	body .push-1of1, html body .desktop-push-1of1 { left:100%; }
	body .push-1of2, html body .desktop-push-1of2 { left:50%; }
	body .push-1of3, html body .desktop-push-1of3 { left:33.3333%; }	
	body .push-2of3, html body .desktop-push-2of3 { left:66.6667%; }	
	body .push-1of4, html body .desktop-push-1of4 { left:25%; }
	body .push-3of4, html body .desktop-push-3of4 { left:75%; }	
	body .push-1of5, html body .desktop-push-1of5 { left:20%; }	
	body .push-2of5, html body .desktop-push-2of5 { left:40%; }	
	body .push-3of5, html body .desktop-push-3of5 { left:60%; }	
	body .push-4of5, html body .desktop-push-4of5 { left:80%; }
	body .push-1of6, html body .desktop-push-1of6 { left:16.6667%; }	
	body .push-5of6, html body .desktop-push-5of6 { left:83.3333%; }

	body .pull-1of1, html body .desktop-pull-1of1 { right:100%; }
	body .pull-1of2, html body .desktop-pull-1of2 { right:50%; }
	body .pull-1of3, html body .desktop-pull-1of3 { right:33.3333%; }	
	body .pull-2of3, html body .desktop-pull-2of3 { right:66.6667%; }	
	body .pull-1of4, html body .desktop-pull-1of4 { right:25%; }
	body .pull-3of4, html body .desktop-pull-3of4 { right:75%; }	
	body .pull-1of5, html body .desktop-pull-1of5 { right:20%; }	
	body .pull-2of5, html body .desktop-pull-2of5 { right:40%; }	
	body .pull-3of5, html body .desktop-pull-3of5 { right:60%; }	
	body .pull-4of5, html body .desktop-pull-4of5 { right:80%; }
	body .pull-1of6, html body .desktop-pull-1of6 { right:16.6667%; }	
	body .pull-5of6, html body .desktop-pull-5of6 { right:83.3333%; }
	

	.width-12of12,
	html .desktop-width-12of12,
	html .column-width-12of12 > .percent,
	html .column-width-12of12 > .desktop-percent,
	html .column-group.desktop-column-width-12of12 > .percent,
	html .column-group.desktop-column-width-12of12 > .desktop-percent,
	html body .column-group > .percent.width-12of12,
	html body .column-group > .desktop-percent.width-12of12,
	html body .column-group > .column.percent.desktop-width-12of12,
	html body .column-group > .column.desktop-percent.desktop-width-12of12 { box-sizing:border-box; width:100%; }
	
	.width-11of12,
	html .desktop-width-11of12,
	html .column-width-11of12 > .percent,
	html .column-width-11of12 > .desktop-percent,
	html .column-group.desktop-column-width-11of12 > .percent,
	html .column-group.desktop-column-width-11of12 > .desktop-percent,
	html body .column-group > .percent.width-11of12,
	html body .column-group > .desktop-percent.width-11of12,
	html body .column-group > .column.percent.desktop-width-11of12,
	html body .column-group > .column.desktop-percent.desktop-width-11of12 { box-sizing:border-box; width:91.6667%; }

	.width-10of12,
	html .desktop-width-10of12,
	html .column-width-10of12 > .percent,
	html .column-width-10of12 > .desktop-percent,
	html .column-group.desktop-column-width-10of12 > .percent,
	html .column-group.desktop-column-width-10of12 > .desktop-percent,
	html body .column-group > .percent.width-10of12,
	html body .column-group > .desktop-percent.width-10of12,
	html body .column-group > .column.percent.desktop-width-10of12,
	html body .column-group > .column.desktop-percent.desktop-width-10of12 { box-sizing:border-box; width:83.3333%; }
	
	.width-9of12,
	html .desktop-width-9of12,
	html .column-width-9of12 > .percent,
	html .column-width-9of12 > .desktop-percent,
	html .column-group.desktop-column-width-9of12 > .percent,
	html .column-group.desktop-column-width-9of12 > .desktop-percent,
	html body .column-group > .percent.width-9of12,
	html body .column-group > .desktop-percent.width-9of12,
	html body .column-group > .column.percent.desktop-width-9of12,
	html body .column-group > .column.desktop-percent.desktop-width-9of12 { box-sizing:border-box; width:75%; }
	
	.width-8of12,
	html .desktop-width-8of12,
	html .column-width-8of12 > .percent,
	html .column-width-8of12 > .desktop-percent,
	html .column-group.desktop-column-width-8of12 > .percent,
	html .column-group.desktop-column-width-8of12 > .desktop-percent,
	html body .column-group > .percent.width-8of12,
	html body .column-group > .desktop-percent.width-8of12,
	html body .column-group > .column.percent.desktop-width-8of12,
	html body .column-group > .column.desktop-percent.desktop-width-8of12 { box-sizing:border-box; width:66.6667%; }

	.width-7of12,
	html .desktop-width-7of12,
	html .column-width-7of12 > .percent,
	html .column-width-7of12 > .desktop-percent,
	html .column-group.desktop-column-width-7of12 > .percent,
	html .column-group.desktop-column-width-7of12 > .desktop-percent,
	html body .column-group > .percent.width-7of12,
	html body .column-group > .desktop-percent.width-7of12,
	html body .column-group > .column.percent.desktop-width-7of12,
	html body .column-group > .column.desktop-percent.desktop-width-7of12 { box-sizing:border-box; width:58.3333%; }

	.width-6of12,
	html .desktop-width-6of12,
	html .column-width-6of12 > .percent,
	html .column-width-6of12 > .desktop-percent,
	html .column-group.desktop-column-width-6of12 > .percent,
	html .column-group.desktop-column-width-6of12 > .desktop-percent,
	html body .column-group > .percent.width-6of12,
	html body .column-group > .desktop-percent.width-6of12,
	html body .column-group > .column.percent.desktop-width-6of12,
	html body .column-group > .column.desktop-percent.desktop-width-6of12 { box-sizing:border-box; width:50%; }
	
	.width-5of12,
	html .desktop-width-5of12,
	html .column-width-5of12 > .percent,
	html .column-width-5of12 > .desktop-percent,
	html .column-group.desktop-column-width-5of12 > .percent,
	html .column-group.desktop-column-width-5of12 > .desktop-percent,
	html body .column-group > .percent.width-5of12,
	html body .column-group > .desktop-percent.width-5of12,
	html body .column-group > .column.percent.desktop-width-5of12,
	html body .column-group > .column.desktop-percent.desktop-width-5of12 { box-sizing:border-box; width:41.6667%; }
	
	.width-4of12,
	html .desktop-width-4of12,
	html .column-width-4of12 > .percent,
	html .column-width-4of12 > .desktop-percent,
	html .column-group.desktop-column-width-4of12 > .percent,
	html .column-group.desktop-column-width-4of12 > .desktop-percent,
	html body .column-group > .percent.width-4of12,
	html body .column-group > .desktop-percent.width-4of12,
	html body .column-group > .column.percent.desktop-width-4of12,
	html body .column-group > .column.desktop-percent.desktop-width-4of12 { box-sizing:border-box; width:33.3333%; }

	.width-3of12,
	html .desktop-width-3of12,
	html .column-width-3of12 > .percent,
	html .column-width-3of12 > .desktop-percent,
	html .column-group.desktop-column-width-3of12 > .percent,
	html .column-group.desktop-column-width-3of12 > .desktop-percent,
	html body .column-group > .percent.width-3of12,
	html body .column-group > .desktop-percent.width-3of12,
	html body .column-group > .column.percent.desktop-width-3of12,
	html body .column-group > .column.desktop-percent.desktop-width-3of12 { box-sizing:border-box; width:25%; }

	.width-2of12,
	html .desktop-width-2of12,
	html .column-width-2of12 > .percent,
	html .column-width-2of12 > .desktop-percent,
	html .column-group.desktop-column-width-2of12 > .percent,
	html .column-group.desktop-column-width-2of12 > .desktop-percent,
	html body .column-group > .percent.width-2of12,
	html body .column-group > .desktop-percent.width-2of12,
	html body .column-group > .column.percent.desktop-width-2of12,
	html body .column-group > .column.desktop-percent.desktop-width-2of12 { box-sizing:border-box; width:16.6667%; }

	.width-1of12,
	html .desktop-width-1of12,
	html .column-width-1of12 > .percent,
	html .column-width-1of12 > .desktop-percent,
	html .column-group.desktop-column-width-1of12 > .percent,
	html .column-group.desktop-column-width-1of12 > .desktop-percent,
	html body .column-group > .percent.width-1of12,
	html body .column-group > .desktop-percent.width-1of12,
	html body .column-group > .column.percent.desktop-width-1of12,
	html body .column-group > .column.desktop-percent.desktop-width-1of12 { box-sizing:border-box; width:8.33333%; }

	body .push-12of12, html body .desktop-push-12of12 { left:100%; }
	body .push-11of12, html body .desktop-push-11of12 { left:91.6667%; }
	body .push-10of12, html body .desktop-push-10of12 { left:83.3333%; }
	body .push-9of12, html body .desktop-push-9of12 { left:75%; }
	body .push-8of12, html body .desktop-push-8of12 { left:66.6667%; }
	body .push-7of12, html body .desktop-push-7of12 { left:58.3333%; }
	body .push-6of12, html body .desktop-push-6of12 { left:50%; }	
	body .push-5of12, html body .desktop-push-5of12 { left:41.6667%; }
	body .push-4of12, html body .desktop-push-4of12 { left:33.3333%; }
	body .push-3of12, html body .desktop-push-3of12 { left:25%; }
	body .push-2of12, html body .desktop-push-2of12 { left:16.6667%; }
	body .push-1of12, html body .desktop-push-1of12 { left:8.33333%; }
	
	body .pull-12of12, html body .desktop-pull-12of12 { right:100%; }
	body .pull-11of12, html body .desktop-pull-11of12 { right:91.6667%; }
	body .pull-10of12, html body .desktop-pull-10of12 { right:83.3333%; }
	body .pull-9of12, html body .desktop-pull-9of12 { right:75%; }
	body .pull-8of12, html body .desktop-pull-8of12 { right:66.6667%; }
	body .pull-7of12, html body .desktop-pull-7of12 { right:58.3333%; }
	body .pull-6of12, html body .desktop-pull-6of12 { right:50%; }	
	body .pull-5of12, html body .desktop-pull-5of12 { right:41.6667%; }
	body .pull-4of12, html body .desktop-pull-4of12 { right:33.3333%; }
	body .pull-3of12, html body .desktop-pull-3of12 { right:25%; }
	body .pull-2of12, html body .desktop-pull-2of12 { right:16.6667%; }
	body .pull-1of12, html body .desktop-pull-1of12 { right:8.33333%; }
	
	/* Pixel Widths */
	 
	.width-10,
	html .desktop-width-10,
	html .column-width-10 > .pixel,
	html .column-width-10 > .desktop-pixel,
	html .column-group.desktop-column-width-10 > .pixel,
	html .column-group.desktop-column-width-10 > .desktop-pixel,
	html body .column-group > .pixel.width-10,
	html body .column-group > .desktop-pixel.width-10,
	html body .column-group > .column.pixel.desktop-width-10,
	html body .column-group > .column.desktop-pixel.desktop-width-10 { box-sizing: content-box; width:10px; }
	 
	.width-20,
	html .desktop-width-20,
	html .column-width-20 > .pixel,
	html .column-width-20 > .desktop-pixel,
	html .column-group.desktop-column-width-20 > .pixel,
	html .column-group.desktop-column-width-20 > .desktop-pixel,
	html body .column-group > .pixel.width-20,
	html body .column-group > .desktop-pixel.width-20,
	html body .column-group > .column.pixel.desktop-width-20,
	html body .column-group > .column.desktop-pixel.desktop-width-20 { box-sizing: content-box; width:20px; }
	
	.width-30,
	html .desktop-width-30,
	html .column-width-30 > .pixel,
	html .column-width-30 > .desktop-pixel,
	html .column-group.desktop-column-width-30 > .pixel,
	html .column-group.desktop-column-width-30 > .desktop-pixel,
	html body .column-group > .pixel.width-30,
	html body .column-group > .desktop-pixel.width-30,
	html body .column-group > .column.pixel.desktop-width-30,
	html body .column-group > .column.desktop-pixel.desktop-width-30 { box-sizing: content-box; width:30px; }
	
	.width-40,
	html .desktop-width-40,
	html .column-width-40 > .pixel,
	html .column-width-40 > .desktop-pixel,
	html .column-group.desktop-column-width-40 > .pixel,
	html .column-group.desktop-column-width-40 > .desktop-pixel,
	html body .column-group > .pixel.width-40,
	html body .column-group > .desktop-pixel.width-40,
	html body .column-group > .column.pixel.desktop-width-40,
	html body .column-group > .column.desktop-pixel.desktop-width-40 { box-sizing: content-box; width:40px; }
	
	.width-50,
	html .desktop-width-50,
	html .column-width-50 > .pixel,
	html .column-width-50 > .desktop-pixel,
	html .column-group.desktop-column-width-50 > .pixel,
	html .column-group.desktop-column-width-50 > .desktop-pixel,
	html body .column-group > .pixel.width-50,
	html body .column-group > .desktop-pixel.width-50,
	html body .column-group > .column.pixel.desktop-width-50,
	html body .column-group > .column.desktop-pixel.desktop-width-50 { box-sizing: content-box; width:50px; }
	 
	.width-60,
	html .desktop-width-60,
	html .column-width-60 > .pixel,
	html .column-width-60 > .desktop-pixel,
	html .column-group.desktop-column-width-60 > .pixel,
	html .column-group.desktop-column-width-60 > .desktop-pixel,
	html body .column-group > .pixel.width-60,
	html body .column-group > .desktop-pixel.width-60,
	html body .column-group > .column.pixel.desktop-width-60,
	html body .column-group > .column.desktop-pixel.desktop-width-60 { box-sizing: content-box; width:60px; }
	 
	.width-70,
	html .desktop-width-70,
	html .column-width-70 > .pixel,
	html .column-width-70 > .desktop-pixel,
	html .column-group.desktop-column-width-70 > .pixel,
	html .column-group.desktop-column-width-70 > .desktop-pixel,
	html body .column-group > .pixel.width-70,
	html body .column-group > .desktop-pixel.width-70,
	html body .column-group > .column.pixel.desktop-width-70,
	html body .column-group > .column.desktop-pixel.desktop-width-70 { box-sizing: content-box; width:70px; }
	 
	.width-80,
	html .desktop-width-80,
	html .column-width-80 > .pixel,
	html .column-width-80 > .desktop-pixel,
	html .column-group.desktop-column-width-80 > .pixel,
	html .column-group.desktop-column-width-80 > .desktop-pixel,
	html body .column-group > .pixel.width-80,
	html body .column-group > .desktop-pixel.width-80,
	html body .column-group > .column.pixel.desktop-width-80,
	html body .column-group > .column.desktop-pixel.desktop-width-80 { box-sizing: content-box; width:80px; }
	 
	.width-90,
	html .desktop-width-90,
	html .column-width-90 > .pixel,
	html .column-width-90 > .desktop-pixel,
	html .column-group.desktop-column-width-90 > .pixel,
	html .column-group.desktop-column-width-90 > .desktop-pixel,
	html body .column-group > .pixel.width-90,
	html body .column-group > .desktop-pixel.width-90,
	html body .column-group > .column.pixel.desktop-width-90,
	html body .column-group > .column.desktop-pixel.desktop-width-90 { box-sizing: content-box; width:90px; }
	
	.width-100,
	html .desktop-width-100,
	html .column-width-100 > .pixel,
	html .column-width-100 > .desktop-pixel,
	html .column-group.desktop-column-width-100 > .pixel,
	html .column-group.desktop-column-width-100 > .desktop-pixel,
	html body .column-group > .pixel.width-100,
	html body .column-group > .desktop-pixel.width-100,
	html body .column-group > .column.pixel.desktop-width-100,
	html body .column-group > .column.desktop-pixel.desktop-width-100 { box-sizing: content-box; width:100px; }
	
	.width-150,
	html .desktop-width-150,
	html .column-width-150 > .pixel,
	html .column-width-150 > .desktop-pixel,
	html .column-group.desktop-column-width-150 > .pixel,
	html .column-group.desktop-column-width-150 > .desktop-pixel,
	html body .column-group > .pixel.width-150,
	html body .column-group > .desktop-pixel.width-150,
	html body .column-group > .column.pixel.desktop-width-150,
	html body .column-group > .column.desktop-pixel.desktop-width-150 { box-sizing: content-box; width:150px; }
	
	.width-200,
	html .desktop-width-200,
	html .column-width-200 > .pixel,
	html .column-width-200 > .desktop-pixel,
	html .column-group.desktop-column-width-200 > .pixel,
	html .column-group.desktop-column-width-200 > .desktop-pixel,
	html body .column-group > .pixel.width-200,
	html body .column-group > .desktop-pixel.width-200,
	html body .column-group > .column.pixel.desktop-width-200,
	html body .column-group > .column.desktop-pixel.desktop-width-200 { box-sizing: content-box; width:200px; }
	
	.width-250,
	html .desktop-width-250,
	html .column-width-250 > .pixel,
	html .column-width-250 > .desktop-pixel,
	html .column-group.desktop-column-width-250 > .pixel,
	html .column-group.desktop-column-width-250 > .desktop-pixel,
	html body .column-group > .pixel.width-250,
	html body .column-group > .desktop-pixel.width-250,
	html body .column-group > .column.pixel.desktop-width-250,
	html body .column-group > .column.desktop-pixel.desktop-width-250 { box-sizing: content-box; width:250px; }
	
	.width-300,
	html .desktop-width-300,
	html .column-width-300 > .pixel,
	html .column-width-300 > .desktop-pixel,
	html .column-group.desktop-column-width-300 > .pixel,
	html .column-group.desktop-column-width-300 > .desktop-pixel,
	html body .column-group > .pixel.width-300,
	html body .column-group > .desktop-pixel.width-300,
	html body .column-group > .column.pixel.desktop-width-300,
	html body .column-group > .column.desktop-pixel.desktop-width-300 { box-sizing: content-box; width:300px; }

	.width-350,
	html .desktop-width-350,
	html .column-width-350 > .pixel,
	html .column-width-350 > .desktop-pixel,
	html .column-group.desktop-column-width-350 > .pixel,
	html .column-group.desktop-column-width-350 > .desktop-pixel,
	html body .column-group > .pixel.width-350,
	html body .column-group > .desktop-pixel.width-350,
	html body .column-group > .column.pixel.desktop-width-350,
	html body .column-group > .column.desktop-pixel.desktop-width-350 { box-sizing: content-box; width:350px; }

	.width-400,
	html .desktop-width-400,
	html .column-width-400 > .pixel,
	html .column-width-400 > .desktop-pixel,
	html .column-group.desktop-column-width-400 > .pixel,
	html .column-group.desktop-column-width-400 > .desktop-pixel,
	html body .column-group > .pixel.width-400,
	html body .column-group > .desktop-pixel.width-400,
	html body .column-group > .column.pixel.desktop-width-400,
	html body .column-group > .column.desktop-pixel.desktop-width-400 { box-sizing: content-box; width:400px; }

	.width-450,
	html .desktop-width-450,
	html .column-width-450 > .pixel,
	html .column-width-450 > .desktop-pixel,
	html .column-group.desktop-column-width-450 > .pixel,
	html .column-group.desktop-column-width-450 > .desktop-pixel,
	html body .column-group > .pixel.width-450,
	html body .column-group > .desktop-pixel.width-450,
	html body .column-group > .column.pixel.desktop-width-450,
	html body .column-group > .column.desktop-pixel.desktop-width-450 { box-sizing: content-box; width:450px; }

	.width-500,
	html .desktop-width-500,
	html .column-width-500 > .pixel,
	html .column-width-500 > .desktop-pixel,
	html .column-group.desktop-column-width-500 > .pixel,
	html .column-group.desktop-column-width-500 > .desktop-pixel,
	html body .column-group > .pixel.width-500,
	html body .column-group > .desktop-pixel.width-500,
	html body .column-group > .column.pixel.desktop-width-500,
	html body .column-group > .column.desktop-pixel.desktop-width-500 { box-sizing: content-box; width:500px; }
	
	.width-550,
	html .desktop-width-550,
	html .column-width-550 > .pixel,
	html .column-width-550 > .desktop-pixel,
	html .column-group.desktop-column-width-550 > .pixel,
	html .column-group.desktop-column-width-550 > .desktop-pixel,
	html body .column-group > .pixel.width-550,
	html body .column-group > .desktop-pixel.width-550,
	html body .column-group > .column.pixel.desktop-width-550,
	html body .column-group > .column.desktop-pixel.desktop-width-550 { box-sizing: content-box; width:550px; }
	
	.width-600,
	html .desktop-width-600,
	html .column-width-600 > .pixel,
	html .column-width-600 > .desktop-pixel,
	html .column-group.desktop-column-width-600 > .pixel,
	html .column-group.desktop-column-width-600 > .desktop-pixel,
	html body .column-group > .pixel.width-600,
	html body .column-group > .desktop-pixel.width-600,
	html body .column-group > .column.pixel.desktop-width-600,
	html body .column-group > .column.desktop-pixel.desktop-width-600 { box-sizing: content-box; width:600px; }
	
	.width-650,
	html .desktop-width-650,
	html .column-width-650 > .pixel,
	html .column-width-650 > .desktop-pixel,
	html .column-group.desktop-column-width-650 > .pixel,
	html .column-group.desktop-column-width-650 > .desktop-pixel,
	html body .column-group > .pixel.width-650,
	html body .column-group > .desktop-pixel.width-650,
	html body .column-group > .column.pixel.desktop-width-650,
	html body .column-group > .column.desktop-pixel.desktop-width-650 { box-sizing: content-box; width:650px; }
	
	.width-700,
	html .desktop-width-700,
	html .column-width-700 > .pixel,
	html .column-width-700 > .desktop-pixel,
	html .column-group.desktop-column-width-700 > .pixel,
	html .column-group.desktop-column-width-700 > .desktop-pixel,
	html body .column-group > .pixel.width-700,
	html body .column-group > .desktop-pixel.width-700,
	html body .column-group > .column.pixel.desktop-width-700,
	html body .column-group > .column.desktop-pixel.desktop-width-700 { box-sizing: content-box; width:700px; }
	
	.width-750,
	html .desktop-width-750,
	html .column-width-750 > .pixel,
	html .column-width-750 > .desktop-pixel,
	html .column-group.desktop-column-width-750 > .pixel,
	html .column-group.desktop-column-width-750 > .desktop-pixel,
	html body .column-group > .pixel.width-750,
	html body .column-group > .desktop-pixel.width-750,
	html body .column-group > .column.pixel.desktop-width-750,
	html body .column-group > .column.desktop-pixel.desktop-width-750 { box-sizing: content-box; width:750px; }
	
	.width-800,
	html .desktop-width-800,
	html .column-width-800 > .pixel,
	html .column-width-800 > .desktop-pixel,
	html .column-group.desktop-column-width-800 > .pixel,
	html .column-group.desktop-column-width-800 > .desktop-pixel,
	html body .column-group > .pixel.width-800,
	html body .column-group > .desktop-pixel.width-800,
	html body .column-group > .column.pixel.desktop-width-800,
	html body .column-group > .column.desktop-pixel.desktop-width-800 { box-sizing: content-box; width:800px; }

	.width-850,
	html .desktop-width-850,
	html .column-width-850 > .pixel,
	html .column-width-850 > .desktop-pixel,
	html .column-group.desktop-column-width-850 > .pixel,
	html .column-group.desktop-column-width-850 > .desktop-pixel,
	html body .column-group > .pixel.width-850,
	html body .column-group > .desktop-pixel.width-850,
	html body .column-group > .column.pixel.desktop-width-850,
	html body .column-group > .column.desktop-pixel.desktop-width-850 { box-sizing: content-box; width:850px; }

	.width-900,
	html .desktop-width-900,
	html .column-width-900 > .pixel,
	html .column-width-900 > .desktop-pixel,
	html .column-group.desktop-column-width-900 > .pixel,
	html .column-group.desktop-column-width-900 > .desktop-pixel,
	html body .column-group > .pixel.width-900,
	html body .column-group > .desktop-pixel.width-900,
	html body .column-group > .column.pixel.desktop-width-900,
	html body .column-group > .column.desktop-pixel.desktop-width-900 { box-sizing: content-box; width:900px; }

	.width-950,
	html .desktop-width-950,
	html .column-width-950 > .pixel,
	html .column-width-950 > .desktop-pixel,
	html .column-group.desktop-column-width-950 > .pixel,
	html .column-group.desktop-column-width-950 > .desktop-pixel,
	html body .column-group > .pixel.width-950,
	html body .column-group > .desktop-pixel.width-950,
	html body .column-group > .column.pixel.desktop-width-950,
	html body .column-group > .column.desktop-pixel.desktop-width-950 { box-sizing: content-box; width:950px; }

	.width-1000,
	html .desktop-width-1000,
	html .column-width-1000 > .pixel,
	html .column-width-1000 > .desktop-pixel,
	html .column-group.desktop-column-width-1000 > .pixel,
	html .column-group.desktop-column-width-1000 > .desktop-pixel,
	html body .column-group > .pixel.width-1000,
	html body .column-group > .desktop-pixel.width-1000,
	html body .column-group > .column.pixel.desktop-width-1000,
	html body .column-group > .column.desktop-pixel.desktop-width-1000 { box-sizing: content-box; width:1000px; }
	
	.width-1050,
	html .desktop-width-1050,
	html .column-width-1050 > .pixel,
	html .column-width-1050 > .desktop-pixel,
	html .column-group.desktop-column-width-1050 > .pixel,
	html .column-group.desktop-column-width-1050 > .desktop-pixel,
	html body .column-group > .pixel.width-1050,
	html body .column-group > .desktop-pixel.width-1050,
	html body .column-group > .column.pixel.desktop-width-1050,
	html body .column-group > .column.desktop-pixel.desktop-width-1050 { box-sizing: content-box; width:1050px; }

	.width-1100,
	html .desktop-width-1100,
	html .column-width-1100 > .pixel,
	html .column-width-1100 > .desktop-pixel,
	html .column-group.desktop-column-width-1100 > .pixel,
	html .column-group.desktop-column-width-1100 > .desktop-pixel,
	html body .column-group > .pixel.width-1100,
	html body .column-group > .desktop-pixel.width-1100,
	html body .column-group > .column.pixel.desktop-width-1100,
	html body .column-group > .column.desktop-pixel.desktop-width-1100 { box-sizing: content-box; width:1100px; }

	.width-1150,
	html .desktop-width-1150,
	html .column-width-1150 > .pixel,
	html .column-width-1150 > .desktop-pixel,
	html .column-group.desktop-column-width-1150 > .pixel,
	html .column-group.desktop-column-width-1150 > .desktop-pixel,
	html body .column-group > .pixel.width-1150,
	html body .column-group > .desktop-pixel.width-1150,
	html body .column-group > .column.pixel.desktop-width-1150,
	html body .column-group > .column.desktop-pixel.desktop-width-1150 { box-sizing: content-box; width:1150px; }

	.width-1200,
	html .desktop-width-1200,
	html .column-width-1200 > .pixel,
	html .column-width-1200 > .desktop-pixel,
	html .column-group.desktop-column-width-1200 > .pixel,
	html .column-group.desktop-column-width-1200 > .desktop-pixel,
	html body .column-group > .pixel.width-1200,
	html body .column-group > .desktop-pixel.width-1200,
	html body .column-group > .column.pixel.desktop-width-1200,
	html body .column-group > .column.desktop-pixel.desktop-width-1200 { box-sizing: content-box; width:1200px; }

	body .push-0, html body .desktop-push-0 { left:0%; }
	body .push-50, html body .desktop-push-50 { left:50px; }
	body .push-100, html body .desktop-push-100 { left:100px; }
	body .push-150, html body .desktop-push-150 { left:150px; }
	body .push-200, html body .desktop-push-200 { left:200px; }
	body .push-250, html body .desktop-push-250 { left:250px; }
	body .push-300, html body .desktop-push-300 { left:300px; }
	body .push-350, html body .desktop-push-350 { left:350px; }
	body .push-400, html body .desktop-push-400 { left:400px; }
	body .push-450, html body .desktop-push-450 { left:450px; }
	body .push-500, html body .desktop-push-500 { left:500px; }
	body .push-550, html body .desktop-push-550 { left:550px; }
	body .push-600, html body .desktop-push-600 { left:600px; }
	body .push-650, html body .desktop-push-650 { left:650px; }
	body .push-700, html body .desktop-push-700 { left:700px; }
	body .push-750, html body .desktop-push-750 { left:750px; }
	body .push-800, html body .desktop-push-800 { left:800px; }
	body .push-850, html body .desktop-push-850 { left:850px; }
	body .push-900, html body .desktop-push-900 { left:900px; }
	body .push-950, html body .desktop-push-950 { left:950px; }
	body .push-1000, html body .desktop-push-1000 { left:1000px; }
	body .push-1050, html body .desktop-push-1050 { left:1050px; }
	body .push-1100, html body .desktop-push-1100 { left:1100px; }
	body .push-1150, html body .desktop-push-1150 { left:1150px; }
	body .push-1200, html body .desktop-push-1200 { left:1200px; }
	
	body .pull-0, html body .desktop-pull-0 { right:0%; }
	body .pull-50, html body .desktop-pull-50 { right:50px; }
	body .pull-100, html body .desktop-pull-100 { right:100px; }
	body .pull-150, html body .desktop-pull-150 { right:150px; }
	body .pull-200, html body .desktop-pull-200 { right:200px; }
	body .pull-250, html body .desktop-pull-250 { right:250px; }
	body .pull-300, html body .desktop-pull-300 { right:300px; }
	body .pull-350, html body .desktop-pull-350 { right:350px; }
	body .pull-400, html body .desktop-pull-400 { right:400px; }
	body .pull-450, html body .desktop-pull-450 { right:450px; }
	body .pull-500, html body .desktop-pull-500 { right:500px; }
	body .pull-550, html body .desktop-pull-550 { right:550px; }
	body .pull-600, html body .desktop-pull-600 { right:600px; }
	body .pull-650, html body .desktop-pull-650 { right:650px; }
	body .pull-700, html body .desktop-pull-700 { right:700px; }
	body .pull-750, html body .desktop-pull-750 { right:750px; }
	body .pull-800, html body .desktop-pull-800 { right:800px; }
	body .pull-850, html body .desktop-pull-850 { right:850px; }
	body .pull-900, html body .desktop-pull-900 { right:900px; }
	body .pull-950, html body .desktop-pull-950 { right:950px; }
	body .pull-1000, html body .desktop-pull-1000 { right:1000px; }
	body .pull-1050, html body .desktop-pull-1050 { right:1050px; }
	body .pull-1100, html body .desktop-pull-1100 { right:1100px; }
	body .pull-1150, html body .desktop-pull-1150 { right:1150px; }
	body .pull-1200, html body .desktop-pull-1200 { right:1200px; }

	/* Fill Width */
	.column-width-fill > .cell,
	.column-width-fill > .desktop-cell,
	.column-group.desktop-column-width-fill > .cell,
	.column-group.desktop-column-width-fill > .desktop-cell,
	body .column-group > .cell.width-fill,
	body .column-group > .desktop-cell.width-fill,
	body .column-group > .column.cell.desktop-width-fill,
	body .column-group > .column.desktop-cell.desktop-width-fill { box-sizing:border-box; width:auto; max-width:none; min-width:0; }
	
	body .column.cell.empty, html body .column.cell.desktop-empty { margin: 0; padding: 0; }

	.width-auto,
	html .desktop-width-auto {width:auto;}

	/* Backgrounds */
	body .background-relative,
	body .background-relative > .column { position:relative;	}
	
	.column-group .column.background-column {
		position: absolute;
		top:0;
		height: 100%;
		width:100%;
	}
	
	.background-column > .column-group,
	.background-column > .column-group > .column { height: 100%;}
	.background-column > .column-group > .column > .column-container {
		background-size:cover;
		background-repeat: repeat;
		background-position: center;
		width:100%;
		height:100%;
		display:block;
	}


	/* End Backgrounds */

}

/* Styles For Column Tablet go here */
@media all and (min-width: 768px) and (max-width: 1024px){

	.column,
	html body .tablet-default-group > .column {
		float:left;
		display:inherit;
		clear:none;
	}

	.table-group > .column,
	html body .tablet-table-group > .column {
		display: table-cell;
		width:auto;
		float:none;
		clear:none;
	}
	
	.inline-group > .column,
	html body .tablet-inline-group > .column {
		display:inline-block;
		float:none;
		clear:none;
	}
	
	/* Clear Table Groups - Can be used in conjunction with .float-left */
	
	[class*="clear-table-group-row"] {
		display: none!important;
		clear: none!important;
	}
	
	.table-group,
	html .tablet-table-group {display:table;}
	
	.table-group > .clear-table-group-row,
	body .table-group > .tablet-clear-table-group-row,
	html body .tablet-table-group > .clear-table-group-row,
	html body .tablet-table-group > .column.tablet-clear-table-group-row {
		display:table!important;
		clear:both!important;
	}

	/* Column Position */
	
	body .column-group.tablet-column-static > .column { position:static; }
	body .column-group.tablet-column-relative > .column { position:relative; }
	body .column-group.tablet-column-absolute > .column { position:absolute; }
	
	html body .column-group > .column.static { position:static; }
	html body .column-group > .column.relative { position:relative; }
	html body .column-group > .column.absolute { position:absolute; }
	
	html body .column-group > .column.tablet-static { position:static; }
	html body .column-group > .column.tablet-relative { position:relative; }
	html body .column-group > .column.tablet-absolute { position:absolute; }
	
	/* Column Align */

	html body .tablet-align-left { text-align:left; }
	html body .tablet-align-center { text-align:center; }
	html body .tablet-align-right { text-align:right; }
	html body .tablet-align-justify { text-align:justify; }
	html body .tablet-align-inherit { text-align:inherit; }

	html body .tablet-column-align-left > .column { text-align: left; }
	html body .tablet-column-align-center > .column { text-align: center; }
	html body .tablet-column-align-right > .column { text-align: right; }
	html body .tablet-column-align-justify > .column { text-align: justify; }
	html body .tablet-column-align-inherit > .column { text-align: inherit; }

	html body .column-group[class*="column-align-"] > .column.tablet-align-left { text-align: left; }
	html body .column-group[class*="column-align-"] > .column.tablet-align-center { text-align: center; }
	html body .column-group[class*="column-align-"] > .column.tablet-align-right { text-align: right; }
	html body .column-group[class*="column-align-"] > .column.tablet-align-justify { text-align: justify; }	
	html body .column-group[class*="column-align-"] > .column.tablet-align-inherit { text-align: inherit; }	
	
	/* Column Direction */
	/* Only works with inline & table groups */
	
	html body .tablet-direction-ltr { direction:ltr; }
	html body .tablet-direction-rtl { direction:rtl; }

	
	/* Vertically Aligning Columns */
	
	body .tablet-align-top { vertical-align: top; align-items:start; }
	body .tablet-align-middle { vertical-align: middle; align-items:center; }
	body .tablet-align-bottom { vertical-align: bottom; align-items:end; }
	
	body .tablet-column-align-top > .column { vertical-align: top; align-items:start; }
	body .tablet-column-align-middle > .column { vertical-align: middle; align-items:center; }
	body .tablet-column-align-bottom > .column { vertical-align: bottom; align-items:end; }
	
	body .column-group[class*="column-align-"] > .column.tablet-align-top { vertical-align: top; align-items:start; }
	body .column-group[class*="column-align-"] > .column.tablet-align-middle { vertical-align: middle; align-items:center; }
	body .column-group[class*="column-align-"] > .column.tablet-align-bottom { vertical-align: bottom; align-items:end; }

	/* End Vertically Aligning Columns */
	
	/* Vertical Align Groups */
	
	body .column-group > .vertical-align-limit.tablet-limit-pixel  {
		height: 250px; /* overwite in custom.css */
		padding:0;
	}
	
	body .column-group > .vertical-align-limit.tablet-limit-percent {
		padding-bottom:23.6%; /* Golden Ratio */ /* overwite in custom.css */
		height:0;
	}

/* End Vertical Align Groups */

	/* Expanding Columns */
	
	.column-group .column.tablet-expand-left {
		text-align:left;
	}
	
	.column-group .column.tablet-expand-left > .column-container {
		text-align:left;
		display:inline-block;
		width:auto;
	}
	
	.column-group .column.tablet-expand-right {
		text-align:right;
	}
	
	.column-group .column.tablet-expand-right > .column-container {
		text-align:left;
		display:inline-block;
		width:auto;
	}
	
	.column-group .column.tablet-expand-center {
		text-align:center;
	}
	
	.column-group .column.tablet-expand-center > .column-container {
		text-align:left;
		width:auto;	
		margin-left:auto;
		margin-right:auto;
	}
	
	.column.pixel[class*="tablet-expand-"] {
		width:auto;	
	}

	/* End Expanding Columns */

	/* Dominant Expands */
	/* Only works with table groups */
	
	
	/*
	html body .column-group.table-group > .column.expand-dominant,
	html body .column-group.table-group > .column.tablet-expand-dominant {
		width:auto;	
	}
	*/
		
	.column-group.table-group > .expand-dominant > .column-container,
	.column-group.table-group > .tablet-expand-dominant > .column-container { white-space: nowrap; width: auto; }

	
	.column-group.table-group.tablet-default-group > .expand-dominant > .column-container,
	.column-group.table-group.tablet-inline-group > .expand-dominant > .column-container { white-space:normal; width: 100%; }
	
	/*
	html body .column-group.tablet-table-group > .column.expand-dominant,
	html body .column-group.tablet-table-group > .column.tablet-expand-dominant {
		width:auto;	
	}
	*/
	
	body .column-group.tablet-table-group > .expand-dominant > .column-container,
	body .column-group.tablet-table-group > .tablet-expand-dominant > .column-container { white-space: nowrap; width: auto; }
	
	/* End Dominant Expands */

	
	/* Tablet Horizontal Spacing */
	
	body .column-group.tablet-column-gutter-0 { margin-left: 0; margin-right: 0; }
	body .column-group.tablet-column-gutter-0 > .column { padding-left:0; padding-right:0; }	
	body .column-group.tablet-column-gutter-5 { margin-left: -3px; margin-right: -3px; }
	body .column-group.tablet-column-gutter-5 > .column { padding-left:3px; padding-right:3px; }
	body .column-group.tablet-column-gutter-10 { margin-left: -5px; margin-right: -5px; }
	body .column-group.tablet-column-gutter-10 > .column { padding-left:5px; padding-right:5px; }
	body .column-group.tablet-column-gutter-15 { margin-left: -8px; margin-right: -8px; }
	body .column-group.tablet-column-gutter-15 > .column { padding-left:8px; padding-right:8px; }
	body .column-group.tablet-column-gutter-20, body .column-group.tablet-column-gutter-xs, body .column-group.tablet-column-gutter-s, .column-group.column-gutter-xs, .column-group.column-gutter-s { margin-left: -10px; margin-right: -10px; }
	body .column-group.tablet-column-gutter-20 > .column, body .column-group.tablet-column-gutter-xs > .column, body .column-group.tablet-column-gutter-s > .column,
 .column-group.column-gutter-xs > .column, .column-group.column-gutter-s > .column { padding-left:10px; padding-right:10px; }
	body .column-group.tablet-column-gutter-25 { margin-left: -13px; margin-right: -13px; }
	body .column-group.tablet-column-gutter-25 > .column { padding-left:13px; padding-right:13px; }
	body .column-group.tablet-column-gutter-30 { margin-left: -15px; margin-right: -15px; }
	body .column-group.tablet-column-gutter-30 > .column { padding-left:15px; padding-right:15px; }
	body .column-group.tablet-column-gutter-35 { margin-left: -18px; margin-right: -18px; }
	body .column-group.tablet-column-gutter-35 > .column { padding-left:18px; padding-right:18px; }
	body .column-group.tablet-column-gutter-40, body .column-group.tablet-column-gutter-m, .column-group.column-gutter-m { margin-left: -20px; margin-right: -20px; }
	body .column-group.tablet-column-gutter-40 > .column, body .column-group.tablet-column-gutter-m > .column, .column-group.column-gutter-m > .column {padding-left: 20px;padding-right: 20px;}
	body .column-group.tablet-column-gutter-45 { margin-left: -23px; margin-right: -23px; }
	body .column-group.tablet-column-gutter-45 > .column { padding-left:23px; padding-right:23px; }
	body .column-group.tablet-column-gutter-50 { margin-left: -25px; margin-right: -25px; }
	body .column-group.tablet-column-gutter-50 > .column { padding-left:25px; padding-right:25px; }
	body .column-group.tablet-column-gutter-60, body .column-group.tablet-column-gutter-l, .column-group.column-gutter-l { margin-left: -30px; margin-right: -30px; }
	body .column-group.tablet-column-gutter-60 > .column, body .column-group.tablet-column-gutter-l > .column, .column-group.column-gutter-l > .column { padding-left:30px; padding-right:30px; }
	body .column-group.tablet-column-gutter-80, body .column-group.tablet-column-gutter-xl, .column-group.column-gutter-xl { margin-left: -40px; margin-right: -40px; }
	body .column-group.tablet-column-gutter-80 > .column, body .column-group.tablet-column-gutter-xl > .column, .column-group.column-gutter-xl > .column	 { padding-left:40px; padding-right:40px; }
	body .column-group.tablet-column-gutter-100 { margin-left: -50px; margin-right: -50px; }
	body .column-group.tablet-column-gutter-100 > .column { padding-left:50px; padding-right:50px;}
	body .column-group.tablet-column-gutter-120 { margin-left: -60px; margin-right: -60px; }
	body .column-group.tablet-column-gutter-120 > .column { padding-left:60px; padding-right:60px;}
	body .column-group.tablet-column-gutter-140 { margin-left: -70px; margin-right: -70px; }
	body .column-group.tablet-column-gutter-140 > .column { padding-left:70px; padding-right:70px;}
	body .column-group.tablet-column-gutter-160 { margin-left: -80px; margin-right: -80px; }
	body .column-group.tablet-column-gutter-160 > .column { padding-left:80px; padding-right:80px;}
	body .column-group.tablet-column-gutter-180 { margin-left: -90px; margin-right: -90px; }
	body .column-group.tablet-column-gutter-180 > .column { padding-left:90px; padding-right:90px;}
	body .column-group.tablet-column-gutter-200 { margin-left: -100px; margin-right: -100px; }
	body .column-group.tablet-column-gutter-200 > .column { padding-left:100px; padding-right:100px;}
	
	/* End Tablet Horizontal Spacing */

	/* Tablet Vertical Spacing */
	
	body .tablet-column-margin-bottom-0 > .column  { margin-bottom:0; }
	body .tablet-column-margin-bottom-5 > .column  { margin-bottom:5px; }
	body .tablet-column-margin-bottom-10 > .column  { margin-bottom:10px; }
	body .tablet-column-margin-bottom-15 > .column  { margin-bottom:15px; }
	body .tablet-column-margin-bottom-20 > .column, body .tablet-column-margin-bottom-xs > .column, body .tablet-column-margin-bottom-s > .column, .column-margin-bottom-s > .column, .column-margin-bottom-xs > .column  { margin-bottom:20px; }
	body .tablet-column-margin-bottom-25 > .column  { margin-bottom:25px; }
	body .tablet-column-margin-bottom-30 > .column  { margin-bottom:30px; }
	body .tablet-column-margin-bottom-35 > .column  { margin-bottom:35px; }
	body .tablet-column-margin-bottom-40 > .column, body .tablet-column-margin-bottom-m > .column, .column-margin-bottom-m > .column  { margin-bottom:40px; }
	body .tablet-column-margin-bottom-45 > .column  { margin-bottom:45px; }
	body .tablet-column-margin-bottom-50 > .column  { margin-bottom:50px; }
	body .tablet-column-margin-bottom-60 > .column, body .tablet-column-margin-bottom-l > .column, .column-margin-bottom-l > .column  { margin-bottom:60px; }
	body .tablet-column-margin-bottom-80 > .column, body .tablet-column-margin-bottom-xl > .column, .column-margin-bottom-xl > .column  { margin-bottom:80px; }
	body .tablet-column-margin-bottom-100 > .column  { margin-bottom:100px; }
	body .tablet-column-margin-bottom-120 > .column  { margin-bottom:120px; }
	body .tablet-column-margin-bottom-140 > .column  { margin-bottom:140px; }
	body .tablet-column-margin-bottom-160 > .column  { margin-bottom:160px; }
	body .tablet-column-margin-bottom-180 > .column  { margin-bottom:180px; }
	body .tablet-column-margin-bottom-200 > .column  { margin-bottom:200px; }
	
	body .tablet-column-margin-top-0 > .column  { margin-top:0; }
	body .tablet-column-margin-top-5 > .column  { margin-top:5px; }
	body .tablet-column-margin-top-10 > .column  { margin-top:10px; }
	body .tablet-column-margin-top-15 > .column  { margin-top:15px; }
	body .tablet-column-margin-top-20 > .column, body .tablet-column-margin-top-s > .column, body .tablet-column-margin-top-xs > .column, .column-margin-top-s > .column, .column-margin-top-xs > .column  { margin-top:20px; }
	body .tablet-column-margin-top-25 > .column  { margin-top:25px; }
	body .tablet-column-margin-top-30 > .column  { margin-top:30px; }
	body .tablet-column-margin-top-35 > .column  { margin-top:35px; }
	body .tablet-column-margin-top-40 > .column, body .tablet-column-margin-top-m > .column, .column-margin-top-m > .column  { margin-top:40px; }
	body .tablet-column-margin-top-45 > .column  { margin-top:45px; }
	body .tablet-column-margin-top-50 > .column  { margin-top:50px; }
	body .tablet-column-margin-top-60 > .column, body .tablet-column-margin-top-l > .column, .column-margin-top-l > .column  { margin-top:60px; }
	body .tablet-column-margin-top-80 > .column, body .tablet-column-margin-top-xl > .column, .column-margin-top-xl > .column  { margin-top:80px; }
	body .tablet-column-margin-top-100 > .column  { margin-top:100px; }
	body .tablet-column-margin-top-120 > .column  { margin-top:120px; }
	body .tablet-column-margin-top-140 > .column  { margin-top:140px; }
	body .tablet-column-margin-top-160 > .column  { margin-top:160px; }
	body .tablet-column-margin-top-180 > .column  { margin-top:180px; }
	body .tablet-column-margin-top-200 > .column  { margin-top:200px; }	
	

	/* End Tablet Vertical Spacing */
	
	/* Tablet Widths */

	/* Percentage Widths */
	
	[class*="push-"], [class*="pull-"] {
		position: relative;
	}

	.width-1of1,
	html .tablet-width-1of1,
	html .column-width-1of1 > .percent,
	html .column-width-1of1 > .tablet-percent,
	html .column-group.tablet-column-width-1of1 > .percent,
	html .column-group.tablet-column-width-1of1 > .tablet-percent,
	html body .column-group > .percent.width-1of1,
	html body .column-group > .tablet-percent.width-1of1,
	html body .column-group > .column.percent.tablet-width-1of1,
	html body .column-group > .column.tablet-percent.tablet-width-1of1 { box-sizing:border-box; width:100%; }
	
	.width-1of2,
	html .tablet-width-1of2,
	html .column-width-1of2 > .percent,
	html .column-width-1of2 > .tablet-percent,
	html .column-group.tablet-column-width-1of2 > .percent,
	html .column-group.tablet-column-width-1of2 > .tablet-percent,
	html body .column-group > .percent.width-1of2,
	html body .column-group > .tablet-percent.width-1of2,
	html body .column-group > .column.percent.tablet-width-1of2,
	html body .column-group > .column.tablet-percent.tablet-width-1of2 { box-sizing:border-box; width:50%; }
	
	.width-1of3,
	html .tablet-width-1of3,
	html .column-width-1of3 > .percent,
	html .column-width-1of3 > .tablet-percent,
	html .column-group.tablet-column-width-1of3 > .percent,
	html .column-group.tablet-column-width-1of3 > .tablet-percent,
	html body .column-group > .percent.width-1of3,
	html body .column-group > .tablet-percent.width-1of3,
	html body .column-group > .column.percent.tablet-width-1of3,
	html body .column-group > .column.tablet-percent.tablet-width-1of3 { box-sizing:border-box; width:33.3333%; }
	
	.width-2of3,
	html .tablet-width-2of3,
	html .column-width-2of3 > .percent,
	html .column-width-2of3 > .tablet-percent,
	html .column-group.tablet-column-width-2of3 > .percent,
	html .column-group.tablet-column-width-2of3 > .tablet-percent,
	html body .column-group > .percent.width-2of3,
	html body .column-group > .tablet-percent.width-2of3,
	html body .column-group > .column.percent.tablet-width-2of3,
	html body .column-group > .column.tablet-percent.tablet-width-2of3 { box-sizing:border-box; width:66.6667%; }
	
	.width-1of4,
	html .tablet-width-1of4,
	html .column-width-1of4 > .percent,
	html .column-width-1of4 > .tablet-percent,
	html .column-group.tablet-column-width-1of4 > .percent,
	html .column-group.tablet-column-width-1of4 > .tablet-percent,
	html body .column-group > .percent.width-1of4,
	html body .column-group > .tablet-percent.width-1of4,
	html body .column-group > .column.percent.tablet-width-1of4,
	html body .column-group > .column.tablet-percent.tablet-width-1of4  { box-sizing:border-box; width:25%; }
	
	.width-3of4,
	html .tablet-width-3of4,
	html .column-width-3of4 > .percent,
	html .column-width-3of4 > .tablet-percent,
	html .column-group.tablet-column-width-3of4 > .percent,
	html .column-group.tablet-column-width-3of4 > .tablet-percent,
	html body .column-group > .percent.width-3of4,
	html body .column-group > .tablet-percent.width-3of4,
	html body .column-group > .column.percent.tablet-width-3of4,
	html body .column-group > .column.tablet-percent.tablet-width-3of4 { box-sizing:border-box; width:75%; }
	
	.width-1of5,
	html .tablet-width-1of5,
	html .column-width-1of5 > .percent,
	html .column-width-1of5 > .tablet-percent,
	html .column-group.tablet-column-width-1of5 > .percent,
	html .column-group.tablet-column-width-1of5 > .tablet-percent,
	html body .column-group > .percent.width-1of5,
	html body .column-group > .tablet-percent.width-1of5,
	html body .column-group > .column.percent.tablet-width-1of5,
	html body .column-group > .column.tablet-percent.tablet-width-1of5  { box-sizing:border-box; width:20%; }
	
	.width-2of5,
	html .tablet-width-2of5,
	html .column-width-2of5 > .percent,
	html .column-width-2of5 > .tablet-percent,
	html .column-group.tablet-column-width-2of5 > .percent,
	html .column-group.tablet-column-width-2of5 > .tablet-percent,
	html body .column-group > .percent.width-2of5,
	html body .column-group > .tablet-percent.width-2of5,
	html body .column-group > .column.percent.tablet-width-2of5,
	html body .column-group > .column.tablet-percent.tablet-width-2of5 { box-sizing:border-box; width:40%; }
	
	.width-3of5,
	html .tablet-width-3of5,
	html .column-width-3of5 > .percent,
	html .column-width-3of5 > .tablet-percent,
	html .column-group.tablet-column-width-3of5 > .percent,
	html .column-group.tablet-column-width-3of5 > .tablet-percent,
	html body .column-group > .percent.width-3of5,
	html body .column-group > .tablet-percent.width-3of5,
	html body .column-group > .column.percent.tablet-width-3of5,
	html body .column-group > .column.tablet-percent.tablet-width-3of5 { box-sizing:border-box; width:60%; }
	
	.width-4of5,
	html .tablet-width-4of5,
	html .column-width-4of5 > .percent,
	html .column-width-4of5 > .tablet-percent,
	html .column-group.tablet-column-width-4of5 > .percent,
	html .column-group.tablet-column-width-4of5 > .tablet-percent,
	html body .column-group > .percent.width-4of5,
	html body .column-group > .tablet-percent.width-4of5,
	html body .column-group > .column.percent.tablet-width-4of5,
	html body .column-group > .column.tablet-percent.tablet-width-4of5 { box-sizing:border-box; width:80%; }
	
	.width-1of6,
	html .tablet-width-1of6,
	html .column-width-1of6 > .percent,
	html .column-width-1of6 > .tablet-percent,
	html .column-group.tablet-column-width-1of6 > .percent,
	html .column-group.tablet-column-width-1of6 > .tablet-percent,
	html body .column-group > .percent.width-1of6,
	html body .column-group > .tablet-percent.width-1of6,
	html body .column-group > .column.percent.tablet-width-1of6,
	html body .column-group > .column.tablet-percent.tablet-width-1of6 { box-sizing:border-box; width:16.6667%; }
	
	.width-1of7,
	html .tablet-width-1of7,
	html .column-width-1of7 > .percent,
	html .column-width-1of7 > .tablet-percent,
	html .column-group.tablet-column-width-1of7 > .percent,
	html .column-group.tablet-column-width-1of7 > .tablet-percent,
	html body .column-group > .percent.width-1of7,
	html body .column-group > .tablet-percent.width-1of7,
	html body .column-group > .column.percent.tablet-width-1of7,
	html body .column-group > .column.tablet-percent.tablet-width-1of7 { box-sizing:border-box; width:14.285%; }
	
	.width-5of6,
	html .tablet-width-5of6,
	html .column-width-5of6 > .percent,
	html .column-width-5of6 > .tablet-percent,
	html .column-group.tablet-column-width-5of6 > .percent,
	html .column-group.tablet-column-width-5of6 > .tablet-percent,
	html body .column-group > .percent.width-5of6,
	html body .column-group > .tablet-percent.width-5of6,
	html body .column-group > .column.percent.tablet-width-5of6,
	html body .column-group > .column.tablet-percent.tablet-width-5of6 { box-sizing:border-box; width:83.3333%; }
	
	.width-1of7,
	html .tablet-width-1of7,
	html .column-width-1of7 > .percent,
	html .column-width-1of7 > .tablet-percent,
	html .column-group.tablet-column-width-1of7 > .percent,
	html .column-group.tablet-column-width-1of7 > .tablet-percent,
	html body .column-group > .percent.width-1of7,
	html body .column-group > .tablet-percent.width-1of7,
	html body .column-group > .column.percent.tablet-width-1of7,
	html body .column-group > .column.tablet-percent.tablet-width-1of7 { box-sizing:border-box; width:14.285%; }
	
	.width-1of8,
	html .tablet-width-1of8,
	html .column-width-1of8 > .percent,
	html .column-width-1of8 > .tablet-percent,
	html .column-group.tablet-column-width-1of8 > .percent,
	html .column-group.tablet-column-width-1of8 > .tablet-percent,
	html body .column-group > .percent.width-1of8,
	html body .column-group > .tablet-percent.width-1of8,
	html body .column-group > .column.percent.tablet-width-1of8,
	html body .column-group > .column.tablet-percent.tablet-width-1of8 { box-sizing:border-box; width:12.5%; }	

	body .push-1of1, html .tablet-push-1of1 { left:100%; }
	body .push-1of2, html .tablet-push-1of2 { left:50%; }
	body .push-1of3, html .tablet-push-1of3 { left:33.3333%; }	
	body .push-2of3, html .tablet-push-2of3 { left:66.6667%; }	
	body .push-1of4, html .tablet-push-1of4 { left:25%; }
	body .push-3of4, html .tablet-push-3of4 { left:75%; }	
	body .push-1of5, html .tablet-push-1of5 { left:20%; }	
	body .push-2of5, html .tablet-push-2of5 { left:40%; }	
	body .push-3of5, html .tablet-push-3of5 { left:60%; }	
	body .push-4of5, html .tablet-push-4of5 { left:80%; }
	body .push-1of6, html .tablet-push-1of6 { left:16.6667%; }	
	body .push-5of6, html .tablet-push-5of6 { left:83.3333%; }

	body .pull-1of1, html .tablet-pull-1of1 { right:100%; }
	body .pull-1of2, html .tablet-pull-1of2 { right:50%; }
	body .pull-1of3, html .tablet-pull-1of3 { right:33.3333%; }	
	body .pull-2of3, html .tablet-pull-2of3 { right:66.6667%; }	
	body .pull-1of4, html .tablet-pull-1of4 { right:25%; }
	body .pull-3of4, html .tablet-pull-3of4 { right:75%; }	
	body .pull-1of5, html .tablet-pull-1of5 { right:20%; }	
	body .pull-2of5, html .tablet-pull-2of5 { right:40%; }	
	body .pull-3of5, html .tablet-pull-3of5 { right:60%; }	
	body .pull-4of5, html .tablet-pull-4of5 { right:80%; }
	body .pull-1of6, html .tablet-pull-1of6 { right:16.6667%; }	
	body .pull-5of6, html .tablet-pull-5of6 { right:83.3333%; }
	

	.width-12of12,
	html .tablet-width-12of12,
	html .column-width-12of12 > .percent,
	html .column-width-12of12 > .tablet-percent,
	html .column-group.tablet-column-width-12of12 > .percent,
	html .column-group.tablet-column-width-12of12 > .tablet-percent,
	html body .column-group > .percent.width-12of12,
	html body .column-group > .tablet-percent.width-12of12,
	html body .column-group > .column.percent.tablet-width-12of12,
	html body .column-group > .column.tablet-percent.tablet-width-12of12 { box-sizing:border-box; width:100%; }
	
	.width-11of12,
	html .tablet-width-11of12,
	html .column-width-11of12 > .percent,
	html .column-width-11of12 > .tablet-percent,
	html .column-group.tablet-column-width-11of12 > .percent,
	html .column-group.tablet-column-width-11of12 > .tablet-percent,
	html body .column-group > .percent.width-11of12,
	html body .column-group > .tablet-percent.width-11of12,
	html body .column-group > .column.percent.tablet-width-11of12,
	html body .column-group > .column.tablet-percent.tablet-width-11of12 { box-sizing:border-box; width:91.6667%; }

	.width-10of12,
	html .tablet-width-10of12,
	html .column-width-10of12 > .percent,
	html .column-width-10of12 > .tablet-percent,
	html .column-group.tablet-column-width-10of12 > .percent,
	html .column-group.tablet-column-width-10of12 > .tablet-percent,
	html body .column-group > .percent.width-10of12,
	html body .column-group > .tablet-percent.width-10of12,
	html body .column-group > .column.percent.tablet-width-10of12,
	html body .column-group > .column.tablet-percent.tablet-width-10of12 { box-sizing:border-box; width:83.3333%; }
	
	.width-9of12,
	html .tablet-width-9of12,
	html .column-width-9of12 > .percent,
	html .column-width-9of12 > .tablet-percent,
	html .column-group.tablet-column-width-9of12 > .percent,
	html .column-group.tablet-column-width-9of12 > .tablet-percent,
	html body .column-group > .percent.width-9of12,
	html body .column-group > .tablet-percent.width-9of12,
	html body .column-group > .column.percent.tablet-width-9of12,
	html body .column-group > .column.tablet-percent.tablet-width-9of12 { box-sizing:border-box; width:75%; }
	
	.width-8of12,
	html .tablet-width-8of12,
	html .column-width-8of12 > .percent,
	html .column-width-8of12 > .tablet-percent,
	html .column-group.tablet-column-width-8of12 > .percent,
	html .column-group.tablet-column-width-8of12 > .tablet-percent,
	html body .column-group > .percent.width-8of12,
	html body .column-group > .tablet-percent.width-8of12,
	html body .column-group > .column.percent.tablet-width-8of12,
	html body .column-group > .column.tablet-percent.tablet-width-8of12 { box-sizing:border-box; width:66.6667%; }

	.width-7of12,
	html .tablet-width-7of12,
	html .column-width-7of12 > .percent,
	html .column-width-7of12 > .tablet-percent,
	html .column-group.tablet-column-width-7of12 > .percent,
	html .column-group.tablet-column-width-7of12 > .tablet-percent,
	html body .column-group > .percent.width-7of12,
	html body .column-group > .tablet-percent.width-7of12,
	html body .column-group > .column.percent.tablet-width-7of12,
	html body .column-group > .column.tablet-percent.tablet-width-7of12 { box-sizing:border-box; width:58.3333%; }

	.width-6of12,
	html .tablet-width-6of12,
	html .column-width-6of12 > .percent,
	html .column-width-6of12 > .tablet-percent,
	html .column-group.tablet-column-width-6of12 > .percent,
	html .column-group.tablet-column-width-6of12 > .tablet-percent,
	html body .column-group > .percent.width-6of12,
	html body .column-group > .tablet-percent.width-6of12,
	html body .column-group > .column.percent.tablet-width-6of12,
	html body .column-group > .column.tablet-percent.tablet-width-6of12 { box-sizing:border-box; width:50%; }
	
	.width-5of12,
	html .tablet-width-5of12,
	html .column-width-5of12 > .percent,
	html .column-width-5of12 > .tablet-percent,
	html .column-group.tablet-column-width-5of12 > .percent,
	html .column-group.tablet-column-width-5of12 > .tablet-percent,
	html body .column-group > .percent.width-5of12,
	html body .column-group > .tablet-percent.width-5of12,
	html body .column-group > .column.percent.tablet-width-5of12,
	html body .column-group > .column.tablet-percent.tablet-width-5of12 { box-sizing:border-box; width:41.6667%; }
	
	.width-4of12,
	html .tablet-width-4of12,
	html .column-width-4of12 > .percent,
	html .column-width-4of12 > .tablet-percent,
	html .column-group.tablet-column-width-4of12 > .percent,
	html .column-group.tablet-column-width-4of12 > .tablet-percent,
	html body .column-group > .percent.width-4of12,
	html body .column-group > .tablet-percent.width-4of12,
	html body .column-group > .column.percent.tablet-width-4of12,
	html body .column-group > .column.tablet-percent.tablet-width-4of12 { box-sizing:border-box; width:33.3333%; }

	.width-3of12,
	html .tablet-width-3of12,
	html .column-width-3of12 > .percent,
	html .column-width-3of12 > .tablet-percent,
	html .column-group.tablet-column-width-3of12 > .percent,
	html .column-group.tablet-column-width-3of12 > .tablet-percent,
	html body .column-group > .percent.width-3of12,
	html body .column-group > .tablet-percent.width-3of12,
	html body .column-group > .column.percent.tablet-width-3of12,
	html body .column-group > .column.tablet-percent.tablet-width-3of12 { box-sizing:border-box; width:25%; }

	.width-2of12,
	html .tablet-width-2of12,
	html .column-width-2of12 > .percent,
	html .column-width-2of12 > .tablet-percent,
	html .column-group.tablet-column-width-2of12 > .percent,
	html .column-group.tablet-column-width-2of12 > .tablet-percent,
	html body .column-group > .percent.width-2of12,
	html body .column-group > .tablet-percent.width-2of12,
	html body .column-group > .column.percent.tablet-width-2of12,
	html body .column-group > .column.tablet-percent.tablet-width-2of12 { box-sizing:border-box; width:16.6667%; }

	.width-1of12,
	html .tablet-width-1of12,
	html .column-width-1of12 > .percent,
	html .column-width-1of12 > .tablet-percent,
	html .column-group.tablet-column-width-1of12 > .percent,
	html .column-group.tablet-column-width-1of12 > .tablet-percent,
	html body .column-group > .percent.width-1of12,
	html body .column-group > .tablet-percent.width-1of12,
	html body .column-group > .column.percent.tablet-width-1of12,
	html body .column-group > .column.tablet-percent.tablet-width-1of12 { box-sizing:border-box; width:8.33333%; }

	body .push-12of12, html body .tablet-push-12of12 { left:100%; }
	body .push-11of12, html body .tablet-push-11of12 { left:91.6667%; }
	body .push-10of12, html body .tablet-push-10of12 { left:83.3333%; }
	body .push-9of12, html body .tablet-push-9of12 { left:75%; }
	body .push-8of12, html body .tablet-push-8of12 { left:66.6667%; }
	body .push-7of12, html body .tablet-push-7of12 { left:58.3333%; }
	body .push-6of12, html body .tablet-push-6of12 { left:50%; }	
	body .push-5of12, html body .tablet-push-5of12 { left:41.6667%; }
	body .push-4of12, html body .tablet-push-4of12 { left:33.3333%; }
	body .push-3of12, html body .tablet-push-3of12 { left:25%; }
	body .push-2of12, html body .tablet-push-2of12 { left:16.6667%; }
	body .push-1of12, html body .tablet-push-1of12 { left:8.33333%; }
	
	body .pull-12of12, html body .tablet-pull-12of12 { right:100%; }
	body .pull-11of12, html body .tablet-pull-11of12 { right:91.6667%; }
	body .pull-10of12, html body .tablet-pull-10of12 { right:83.3333%; }
	body .pull-9of12, html body .tablet-pull-9of12 { right:75%; }
	body .pull-8of12, html body .tablet-pull-8of12 { right:66.6667%; }
	body .pull-7of12, html body .tablet-pull-7of12 { right:58.3333%; }
	body .pull-6of12, html body .tablet-pull-6of12 { right:50%; }	
	body .pull-5of12, html body .tablet-pull-5of12 { right:41.6667%; }
	body .pull-4of12, html body .tablet-pull-4of12 { right:33.3333%; }
	body .pull-3of12, html body .tablet-pull-3of12 { right:25%; }
	body .pull-2of12, html body .tablet-pull-2of12 { right:16.6667%; }
	body .pull-1of12, html body .tablet-pull-1of12 { right:8.33333%; }
	
	/* Pixel Widths */
	 
	.width-30,
	html .tablet-width-30,
	html .column-width-30 > .pixel,
	html .column-width-30 > .tablet-pixel,
	html .column-group.tablet-column-width-30 > .pixel,
	html .column-group.tablet-column-width-30 > .tablet-pixel,
	html body .column-group > .pixel.width-30,
	html body .column-group > .tablet-pixel.width-30,
	html body .column-group > .column.pixel.tablet-width-30,
	html body .column-group > .column.tablet-pixel.tablet-width-30 { box-sizing: content-box; width:30px; }
	 
	.width-40,
	html .tablet-width-40,
	html .column-width-40 > .pixel,
	html .column-width-40 > .tablet-pixel,
	html .column-group.tablet-column-width-40 > .pixel,
	html .column-group.tablet-column-width-40 > .tablet-pixel,
	html body .column-group > .pixel.width-40,
	html body .column-group > .tablet-pixel.width-40,
	html body .column-group > .column.pixel.tablet-width-40,
	html body .column-group > .column.tablet-pixel.tablet-width-40 { box-sizing: content-box; width:40px; }
	 
	.width-50,
	html .tablet-width-50,
	html .column-width-50 > .pixel,
	html .column-width-50 > .tablet-pixel,
	html .column-group.tablet-column-width-50 > .pixel,
	html .column-group.tablet-column-width-50 > .tablet-pixel,
	html body .column-group > .pixel.width-50,
	html body .column-group > .tablet-pixel.width-50,
	html body .column-group > .column.pixel.tablet-width-50,
	html body .column-group > .column.tablet-pixel.tablet-width-50 { box-sizing: content-box; width:50px; }
	
	.width-80,
	html .tablet-width-80,
	html .column-width-80 > .pixel,
	html .column-width-80 > .tablet-pixel,
	html .column-group.tablet-column-width-80 > .pixel,
	html .column-group.tablet-column-width-80 > .tablet-pixel,
	html body .column-group > .pixel.width-80,
	html body .column-group > .tablet-pixel.width-80,
	html body .column-group > .column.pixel.tablet-width-80,
	html body .column-group > .column.tablet-pixel.tablet-width-80 { box-sizing: content-box; width:80px; }
	
	.width-100,
	html .tablet-width-100,
	html .column-width-100 > .pixel,
	html .column-width-100 > .tablet-pixel,
	html .column-group.tablet-column-width-100 > .pixel,
	html .column-group.tablet-column-width-100 > .tablet-pixel,
	html body .column-group > .pixel.width-100,
	html body .column-group > .tablet-pixel.width-100,
	html body .column-group > .column.pixel.tablet-width-100,
	html body .column-group > .column.tablet-pixel.tablet-width-100 { box-sizing: content-box; width:100px; }
	
	.width-150,
	html .tablet-width-150,
	html .column-width-150 > .pixel,
	html .column-width-150 > .tablet-pixel,
	html .column-group.tablet-column-width-150 > .pixel,
	html .column-group.tablet-column-width-150 > .tablet-pixel,
	html body .column-group > .pixel.width-150,
	html body .column-group > .tablet-pixel.width-150,
	html body .column-group > .column.pixel.tablet-width-150,
	html body .column-group > .column.tablet-pixel.tablet-width-150 { box-sizing: content-box; width:150px; }
	
	.width-200,
	html .tablet-width-200,
	html .column-width-200 > .pixel,
	html .column-width-200 > .tablet-pixel,
	html .column-group.tablet-column-width-200 > .pixel,
	html .column-group.tablet-column-width-200 > .tablet-pixel,
	html body .column-group > .pixel.width-200,
	html body .column-group > .tablet-pixel.width-200,
	html body .column-group > .column.pixel.tablet-width-200,
	html body .column-group > .column.tablet-pixel.tablet-width-200 { box-sizing: content-box; width:200px; }
	
	.width-250,
	html .tablet-width-250,
	html .column-width-250 > .pixel,
	html .column-width-250 > .tablet-pixel,
	html .column-group.tablet-column-width-250 > .pixel,
	html .column-group.tablet-column-width-250 > .tablet-pixel,
	html body .column-group > .pixel.width-250,
	html body .column-group > .tablet-pixel.width-250,
	html body .column-group > .column.pixel.tablet-width-250,
	html body .column-group > .column.tablet-pixel.tablet-width-250 { box-sizing: content-box; width:250px; }
	
	.width-300,
	html .tablet-width-300,
	html .column-width-300 > .pixel,
	html .column-width-300 > .tablet-pixel,
	html .column-group.tablet-column-width-300 > .pixel,
	html .column-group.tablet-column-width-300 > .tablet-pixel,
	html body .column-group > .pixel.width-300,
	html body .column-group > .tablet-pixel.width-300,
	html body .column-group > .column.pixel.tablet-width-300,
	html body .column-group > .column.tablet-pixel.tablet-width-300 { box-sizing: content-box; width:300px; }

	.width-350,
	html .tablet-width-350,
	html .column-width-350 > .pixel,
	html .column-width-350 > .tablet-pixel,
	html .column-group.tablet-column-width-350 > .pixel,
	html .column-group.tablet-column-width-350 > .tablet-pixel,
	html body .column-group > .pixel.width-350,
	html body .column-group > .tablet-pixel.width-350,
	html body .column-group > .column.pixel.tablet-width-350,
	html body .column-group > .column.tablet-pixel.tablet-width-350 { box-sizing: content-box; width:350px; }

	.width-400,
	html .tablet-width-400,
	html .column-width-400 > .pixel,
	html .column-width-400 > .tablet-pixel,
	html .column-group.tablet-column-width-400 > .pixel,
	html .column-group.tablet-column-width-400 > .tablet-pixel,
	html body .column-group > .pixel.width-400,
	html body .column-group > .tablet-pixel.width-400,
	html body .column-group > .column.pixel.tablet-width-400,
	html body .column-group > .column.tablet-pixel.tablet-width-400 { box-sizing: content-box; width:400px; }

	.width-450,
	html .tablet-width-450,
	html .column-width-450 > .pixel,
	html .column-width-450 > .tablet-pixel,
	html .column-group.tablet-column-width-450 > .pixel,
	html .column-group.tablet-column-width-450 > .tablet-pixel,
	html body .column-group > .pixel.width-450,
	html body .column-group > .tablet-pixel.width-450,
	html body .column-group > .column.pixel.tablet-width-450,
	html body .column-group > .column.tablet-pixel.tablet-width-450 { box-sizing: content-box; width:450px; }

	.width-500,
	html .tablet-width-500,
	html .column-width-500 > .pixel,
	html .column-width-500 > .tablet-pixel,
	html .column-group.tablet-column-width-500 > .pixel,
	html .column-group.tablet-column-width-500 > .tablet-pixel,
	html body .column-group > .pixel.width-500,
	html body .column-group > .tablet-pixel.width-500,
	html body .column-group > .column.pixel.tablet-width-500,
	html body .column-group > .column.tablet-pixel.tablet-width-500 { box-sizing: content-box; width:500px; }

	.width-550,
	html .tablet-width-550,
	html .column-width-550 > .pixel,
	html .column-width-550 > .tablet-pixel,
	html .column-group.tablet-column-width-550 > .pixel,
	html .column-group.tablet-column-width-550 > .tablet-pixel,
	html body .column-group > .pixel.width-550,
	html body .column-group > .tablet-pixel.width-550,
	html body .column-group > .column.pixel.tablet-width-550,
	html body .column-group > .column.tablet-pixel.tablet-width-550 { box-sizing: content-box; width:550px; }
	
	.width-600,
	html .tablet-width-600,
	html .column-width-600 > .pixel,
	html .column-width-600 > .tablet-pixel,
	html .column-group.tablet-column-width-600 > .pixel,
	html .column-group.tablet-column-width-600 > .tablet-pixel,
	html body .column-group > .pixel.width-600,
	html body .column-group > .tablet-pixel.width-600,
	html body .column-group > .column.pixel.tablet-width-600,
	html body .column-group > .column.tablet-pixel.tablet-width-600 { box-sizing: content-box; width:600px; }
	
	.width-650,
	html .tablet-width-650,
	html .column-width-650 > .pixel,
	html .column-width-650 > .tablet-pixel,
	html .column-group.tablet-column-width-650 > .pixel,
	html .column-group.tablet-column-width-650 > .tablet-pixel,
	html body .column-group > .pixel.width-650,
	html body .column-group > .tablet-pixel.width-650,
	html body .column-group > .column.pixel.tablet-width-650,
	html body .column-group > .column.tablet-pixel.tablet-width-650 { box-sizing: content-box; width:650px; }
	
	.width-700,
	html .tablet-width-700,
	html .column-width-700 > .pixel,
	html .column-width-700 > .tablet-pixel,
	html .column-group.tablet-column-width-700 > .pixel,
	html .column-group.tablet-column-width-700 > .tablet-pixel,
	html body .column-group > .pixel.width-700,
	html body .column-group > .tablet-pixel.width-700,
	html body .column-group > .column.pixel.tablet-width-700,
	html body .column-group > .column.tablet-pixel.tablet-width-700 { box-sizing: content-box; width:700px; }
	
	.width-750,
	html .tablet-width-750,
	html .column-width-750 > .pixel,
	html .column-width-750 > .tablet-pixel,
	html .column-group.tablet-column-width-750 > .pixel,
	html .column-group.tablet-column-width-750 > .tablet-pixel,
	html body .column-group > .pixel.width-750,
	html body .column-group > .tablet-pixel.width-750,
	html body .column-group > .column.pixel.tablet-width-750,
	html body .column-group > .column.tablet-pixel.tablet-width-750 { box-sizing: content-box; width:750px; }
	
	.width-800,
	html .tablet-width-800,
	html .column-width-800 > .pixel,
	html .column-width-800 > .tablet-pixel,
	html .column-group.tablet-column-width-800 > .pixel,
	html .column-group.tablet-column-width-800 > .tablet-pixel,
	html body .column-group > .pixel.width-800,
	html body .column-group > .tablet-pixel.width-800,
	html body .column-group > .column.pixel.tablet-width-800,
	html body .column-group > .column.tablet-pixel.tablet-width-800 { box-sizing: content-box; width:800px; }

	.width-850,
	html .tablet-width-850,
	html .column-width-850 > .pixel,
	html .column-width-850 > .tablet-pixel,
	html .column-group.tablet-column-width-850 > .pixel,
	html .column-group.tablet-column-width-850 > .tablet-pixel,
	html body .column-group > .pixel.width-850,
	html body .column-group > .tablet-pixel.width-850,
	html body .column-group > .column.pixel.tablet-width-850,
	html body .column-group > .column.tablet-pixel.tablet-width-850 { box-sizing: content-box; width:850px; }

	.width-900,
	html .tablet-width-900,
	html .column-width-900 > .pixel,
	html .column-width-900 > .tablet-pixel,
	html .column-group.tablet-column-width-900 > .pixel,
	html .column-group.tablet-column-width-900 > .tablet-pixel,
	html body .column-group > .pixel.width-900,
	html body .column-group > .tablet-pixel.width-900,

	html body .column-group > .column.pixel.tablet-width-900,
	html body .column-group > .column.tablet-pixel.tablet-width-900 { box-sizing: content-box; width:900px; }

	.width-950,
	html .tablet-width-950,
	html .column-width-950 > .pixel,
	html .column-width-950 > .tablet-pixel,
	html .column-group.tablet-column-width-950 > .pixel,
	html .column-group.tablet-column-width-950 > .tablet-pixel,
	html body .column-group > .pixel.width-950,
	html body .column-group > .tablet-pixel.width-950,
	html body .column-group > .column.pixel.tablet-width-950,
	html body .column-group > .column.tablet-pixel.tablet-width-950 { box-sizing: content-box; width:950px; }

	.width-1000,
	html .tablet-width-1000,
	html .column-width-1000 > .pixel,
	html .column-width-1000 > .tablet-pixel,
	html .column-group.tablet-column-width-1000 > .pixel,
	html .column-group.tablet-column-width-1000 > .tablet-pixel,
	html body .column-group > .pixel.width-1000,
	html body .column-group > .tablet-pixel.width-1000,
	html body .column-group > .column.pixel.tablet-width-1000,
	html body .column-group > .column.tablet-pixel.tablet-width-1000 { box-sizing: content-box; width:1000px; }
	
	body .push-0, html body .tablet-push-0 { left:0%; }
	body .push-50, html body .tablet-push-50 { left:50px; }
	body .push-100, html body .tablet-push-100 { left:100px; }
	body .push-150, html body .tablet-push-150 { left:150px; }
	body .push-200, html body .tablet-push-200 { left:200px; }
	body .push-250, html body .tablet-push-250 { left:250px; }
	body .push-300, html body .tablet-push-300 { left:300px; }
	body .push-350, html body .tablet-push-350 { left:350px; }
	body .push-400, html body .tablet-push-400 { left:400px; }
	body .push-450, html body .tablet-push-450 { left:450px; }
	body .push-500, html body .tablet-push-500 { left:500px; }
	body .push-550, html body .tablet-push-550 { left:550px; }
	body .push-600, html body .tablet-push-600 { left:600px; }
	body .push-650, html body .tablet-push-650 { left:650px; }
	body .push-700, html body .tablet-push-700 { left:700px; }
	body .push-750, html body .tablet-push-750 { left:750px; }
	body .push-800, html body .tablet-push-800 { left:800px; }
	body .push-850, html body .tablet-push-850 { left:850px; }
	body .push-900, html body .tablet-push-900 { left:900px; }
	body .push-950, html body .tablet-push-950 { left:950px; }
	body .push-1000, html body .tablet-push-1000 { left:1000px; }
	
	body .pull-0, html body .tablet-pull-0 { right:0%; }
	body .pull-50, html body .tablet-pull-50 { right:50px; }
	body .pull-100, html body .tablet-pull-100 { right:100px; }
	body .pull-150, html body .tablet-pull-150 { right:150px; }
	body .pull-200, html body .tablet-pull-200 { right:200px; }
	body .pull-250, html body .tablet-pull-250 { right:250px; }
	body .pull-300, html body .tablet-pull-300 { right:300px; }
	body .pull-350, html body .tablet-pull-350 { right:350px; }
	body .pull-400, html body .tablet-pull-400 { right:400px; }
	body .pull-450, html body .tablet-pull-450 { right:450px; }
	body .pull-500, html body .tablet-pull-500 { right:500px; }
	body .pull-550, html body .tablet-pull-550 { right:550px; }
	body .pull-600, html body .tablet-pull-600 { right:600px; }
	body .pull-650, html body .tablet-pull-650 { right:650px; }
	body .pull-700, html body .tablet-pull-700 { right:700px; }
	body .pull-750, html body .tablet-pull-750 { right:750px; }
	body .pull-800, html body .tablet-pull-800 { right:800px; }
	body .pull-850, html body .tablet-pull-850 { right:850px; }
	body .pull-900, html body .tablet-pull-900 { right:900px; }
	body .pull-950, html body .tablet-pull-950 { right:950px; }
	body .pull-1000, html body .tablet-pull-1000 { right:1000px; }
		
	/* Fill Width */
	.column-width-fill > .cell,
	.column-width-fill > .tablet-cell,
	.column-group.tablet-column-width-fill > .cell,
	.column-group.tablet-column-width-fill > .tablet-cell,
	body .column-group > .cell.width-fill,
	body .column-group > .tablet-cell.width-fill,
	body .column-group > .column.cell.tablet-width-fill,
	body .column-group > .column.tablet-cell.tablet-width-fill { box-sizing:border-box; width:auto; max-width:none; min-width:0; }
	
	body .column.cell.empty, html body .column.cell.tablet-empty { margin: 0; padding: 0; }

	.width-auto,
	html .tablet-width-auto {width:auto;}

	/* Backgrounds */
	body .background-relative,
	body .background-relative > .column { position:relative;	}
	
	.column-group .column.background-column {
		position: absolute;
		top:0;
		height: 100%;
		width:100%;
	}
	
	.background-column > .column-group,
	.background-column > .column-group > .column { height: 100%;}
	.background-column > .column-group > .column > .column-container {
		background-size:cover;
		background-repeat: repeat;
		background-position: center;
		width:100%;
		height:100%;
		display:block;
	}


	/* End Backgrounds */

}
/* Styles For Column Mobile go here */
@media (max-width: 767px) {
	
	.column,
	html body .mobile-default-group > .column {
		float:left;
		display:inherit;
		clear:none;
	}

	.table-group > .column,
	html body .mobile-table-group > .column {
		display: table-cell;
		width:auto;
		float:none;
		clear:none;
	}
	
	.inline-group > .column,
	html body .mobile-inline-group > .column {
		display:inline-block;
		float:none;
		clear:none;
	}
	
	/* Clear Table Groups - Can be used in conjunction with .float-left */
	
	[class*="clear-table-group-row"] {
		display: none!important;
		clear: none!important;
	}
	
	.table-group,
	html .mobile-table-group {display:table;}
	
	.table-group > .clear-table-group-row,
	body .table-group > .mobile-clear-table-group-row,
	html body .mobile-table-group > .clear-table-group-row,
	html body .mobile-table-group > .column.mobile-clear-table-group-row {
		display:table!important;
		clear:both!important;
	}
	
	/* Column Position */
	
	body .column-group.mobile-column-static > .column { position:static; }
	body .column-group.mobile-column-relative > .column { position:relative; }
	body .column-group.mobile-column-absolute > .column { position:absolute; }
	
	html body .column-group > .column.static { position:static; }
	html body .column-group > .column.relative { position:relative; }
	html body .column-group > .column.absolute { position:absolute; }
	
	html body .column-group > .column.mobile-static { position:static; }
	html body .column-group > .column.mobile-relative { position:relative; }
	html body .column-group > .column.mobile-absolute { position:absolute; }

	/* Column Align */
	
	html body .mobile-align-left { text-align:left; }
	html body .mobile-align-center { text-align:center; }
	html body .mobile-align-right { text-align:right; }
	html body .mobile-align-justify { text-align:justify; }
	html body .mobile-align-inherit { text-align:inherit; }
	
	html body .mobile-column-align-left > .column { text-align: left; }
	html body .mobile-column-align-center > .column { text-align: center; }
	html body .mobile-column-align-right > .column { text-align: right; }
	html body .mobile-column-align-justify > .column { text-align: justify; }
	html body .mobile-column-align-inherit > .column { text-align: inherit; }

	html body .column-group[class*="column-align-"] > .column.mobile-align-left { text-align: left; }
	html body .column-group[class*="column-align-"] > .column.mobile-align-center { text-align: center; }
	html body .column-group[class*="column-align-"] > .column.mobile-align-right { text-align: right; }
	html body .column-group[class*="column-align-"] > .column.mobile-align-justify { text-align: justify; }
	html body .column-group[class*="column-align-"] > .column.mobile-align-inherit { text-align: inherit; }
	
	/* Column Direction */
	/* Only works with inline & table groups */
	
	html body .mobile-direction-ltr { direction:ltr; }
	html body .mobile-direction-rtl { direction:rtl; }
		
	/* Vertically Aligning Columns */
	
	body .mobile-align-top { vertical-align: top; align-items:start; }
	body .mobile-align-middle { vertical-align: middle; align-items:center; }
	body .mobile-align-bottom { vertical-align: bottom; align-items:end; }
	
	body .mobile-column-align-top > .column { vertical-align: top; align-items:start; }
	body .mobile-column-align-middle > .column { vertical-align: middle; align-items:center; }
	body .mobile-column-align-bottom > .column { vertical-align: bottom; align-items:end; }
	
	body .column-group[class*="column-align-"] > .column.mobile-align-top { vertical-align: top; align-items:start; }
	body .column-group[class*="column-align-"] > .column.mobile-align-middle { vertical-align: middle; align-items:center; }
	body .column-group[class*="column-align-"] > .column.mobile-align-bottom { vertical-align: bottom; align-items:end; }

	/* End Vertically Aligning Columns */
	
	/* Vertical Align Groups */
	
	body .column-group > .vertical-align-limit.mobile-limit-pixel  {
		height: 250px; /* overwite in custom.css */
		padding:0;
	}
	
	body .column-group > .vertical-align-limit.mobile-limit-percent {
		padding-bottom:23.6%; /* Golden Ratio */ /* overwite in custom.css */
		height:0;
	}
	
	/* End Vertical Align Groups */

	/* Expanding Columns */
	
	.column-group .column.mobile-expand-left {
		text-align:left;
	}
	
	.column-group .column.mobile-expand-left > .column-container {
		text-align:left;
		display:inline-block;
		width:auto;
	}
	
	.column-group .column.mobile-expand-right {
		text-align:right;
	}
	
	.column-group .column.mobile-expand-right > .column-container {
		text-align:left;
		display:inline-block;
		width:auto;
	}
	
	.column-group .column.mobile-expand-center {
		text-align:center;
	}
	
	.column-group .column.mobile-expand-center > .column-container {
		text-align:left;
		width:auto;	
		margin-left:auto;
		margin-right:auto;
	}
	
	.column.pixel[class*="mobile-expand-"] {
		width:auto;	
	}

	/* End Expanding Columns */

	/* Dominant Expands */
	/* Only works with table groups */
	
	/*
	html body .column-group.table-group > .column.expand-dominant,
	html body .column-group.table-group > .column.mobile-expand-dominant {
		width:auto;	
	}
	*/
	
	.column-group.table-group > .expand-dominant > .column-container,
	.column-group.table-group > .mobile-expand-dominant > .column-container { white-space: nowrap; width: auto; }

	
	.column-group.table-group.mobile-default-group > .expand-dominant > .column-container,
	.column-group.table-group.mobile-inline-group > .expand-dominant > .column-container { white-space:normal; width: 100%; }
	
	/*
	html body .column-group.mobile-table-group > .column.expand-dominant,
	html body .column-group.mobile-table-group > .column.mobile-expand-dominant {
		width:auto;	
	}
	*/
	
	body .column-group.mobile-table-group > .expand-dominant > .column-container,
	body .column-group.mobile-table-group > .mobile-expand-dominant > .column-container { white-space: nowrap; width: auto;	}
	
	/* End Dominant Expands */
	
	/* Mobile Horizontal Spacing */
	
	body .column-group.mobile-column-gutter-0 { margin-left: 0; margin-right: 0; }
	body .column-group.mobile-column-gutter-0 > .column { padding-left:0; padding-right:0; }	
	body .column-group.mobile-column-gutter-5 { margin-left: -3px; margin-right: -3px; }
	body .column-group.mobile-column-gutter-5 > .column { padding-left:3px; padding-right:3px; }
	body .column-group.mobile-column-gutter-10, body .column-group.mobile-column-gutter-xs, .column-group.column-gutter-xs { margin-left: -5px; margin-right: -5px; }
	body .column-group.mobile-column-gutter-10 > .column, body .column-group.mobile-column-gutter-xs > .column, .column-group.column-gutter-xs > .column { padding-left:5px; padding-right:5px; }
	body .column-group.mobile-column-gutter-15 { margin-left: -8px; margin-right: -8px; }
	body .column-group.mobile-column-gutter-15 > .column { padding-left:8px; padding-right:8px; }
	body .column-group.mobile-column-gutter-20, body .column-group.mobile-column-gutter-s, .column-group.column-gutter-s { margin-left: -10px; margin-right: -10px; }
	body .column-group.mobile-column-gutter-20 > .column, body .column-group.mobile-column-gutter-s > .column, .column-group.column-gutter-s > .column { padding-left:10px; padding-right:10px; }
	body .column-group.mobile-column-gutter-25 { margin-left: -13px; margin-right: -13px; }
	body .column-group.mobile-column-gutter-25 > .column { padding-left:13px; padding-right:13px; }
	body .column-group.mobile-column-gutter-30 { margin-left: -15px; margin-right: -15px; }
	body .column-group.mobile-column-gutter-30 > .column { padding-left:15px; padding-right:15px; }
	body .column-group.mobile-column-gutter-35 { margin-left: -18px; margin-right: -18px; }
	body .column-group.mobile-column-gutter-35 > .column { padding-left:18px; padding-right:18px; }
	body .column-group.mobile-column-gutter-40, body .column-group.mobile-column-gutter-m, .column-group.column-gutter-m { margin-left: -20px; margin-right: -20px; }
	body .column-group.mobile-column-gutter-40 > .column, body .column-group.mobile-column-gutter-m > .column, .column-group.column-gutter-m > .column	 {padding-left: 20px;padding-right: 20px;}
	body .column-group.mobile-column-gutter-45 { margin-left: -23px; margin-right: -23px; }
	body .column-group.mobile-column-gutter-45 > .column { padding-left:23px; padding-right:23px; }
	body .column-group.mobile-column-gutter-50 { margin-left: -25px; margin-right: -25px; }
	body .column-group.mobile-column-gutter-50 > .column { padding-left:25px; padding-right:25px; }
	body .column-group.mobile-column-gutter-60, body .column-group.mobile-column-gutter-xl, body .column-group.mobile-column-gutter-l, .column-group.column-gutter-l, .column-group.column-gutter-xl { margin-left: -30px; margin-right: -30px; }
	body .column-group.mobile-column-gutter-60 > .column, body .column-group.mobile-column-gutter-xl > .column, body .column-group.mobile-column-gutter-l > .column, .column-group.column-gutter-l > .column, .column-group.column-gutter-xl > .column { padding-left:30px; padding-right:30px; }
	body .column-group.mobile-column-gutter-80 { margin-left: -40px; margin-right: -40px; }
	body .column-group.mobile-column-gutter-80 > .column { padding-left:40px; padding-right:40px; }
	body .column-group.mobile-column-gutter-100 { margin-left: -50px; margin-right: -50px; }
	body .column-group.mobile-column-gutter-100 > .column { padding-left:50px; padding-right:50px;}
	body .column-group.mobile-column-gutter-120 { margin-left: -60px; margin-right: -60px; }
	body .column-group.mobile-column-gutter-120 > .column { padding-left:60px; padding-right:60px;}
	body .column-group.mobile-column-gutter-140 { margin-left: -70px; margin-right: -70px; }
	body .column-group.mobile-column-gutter-140 > .column { padding-left:70px; padding-right:70px;}
	body .column-group.mobile-column-gutter-160 { margin-left: -80px; margin-right: -80px; }
	body .column-group.mobile-column-gutter-160 > .column { padding-left:80px; padding-right:80px;}
	body .column-group.mobile-column-gutter-180 { margin-left: -90px; margin-right: -90px; }
	body .column-group.mobile-column-gutter-180 > .column { padding-left:90px; padding-right:90px;}
	body .column-group.mobile-column-gutter-200 { margin-left: -100px; margin-right: -100px; }
	body .column-group.mobile-column-gutter-200 > .column { padding-left:100px; padding-right:100px;}

	
	/* End Mobile Horizontal Spacing */
	
	/* Mobile Vertical Spacing */

	body .mobile-column-margin-bottom-0 > .column  { margin-bottom:0; }
	body .mobile-column-margin-bottom-5 > .column  { margin-bottom:5px; }
	body .mobile-column-margin-bottom-10 > .column, body .mobile-column-margin-bottom-xs > .column, .column-margin-bottom-xs > .column  { margin-bottom:10px; }
	body .mobile-column-margin-bottom-15 > .column  { margin-bottom:15px; }
	body .mobile-column-margin-bottom-20 > .column, body .mobile-column-margin-bottom-s > .column, .column-margin-bottom-s > .column { margin-bottom:20px; }
	body .mobile-column-margin-bottom-25 > .column  { margin-bottom:25px; }
	body .mobile-column-margin-bottom-30 > .column  { margin-bottom:30px; }
	body .mobile-column-margin-bottom-35 > .column  { margin-bottom:35px; }
	body .mobile-column-margin-bottom-40 > .column, body .mobile-column-margin-bottom-m > .column, .column-margin-bottom-m > .column  { margin-bottom:40px; }
	body .mobile-column-margin-bottom-45 > .column  { margin-bottom:45px; }
	body .mobile-column-margin-bottom-50 > .column  { margin-bottom:50px; }
	body .mobile-column-margin-bottom-60 > .column, body .mobile-column-margin-bottom-l > .column, body .mobile-column-margin-bottom-xl > .column, .column-margin-bottom-l > .column, .column-margin-bottom-xl > .column  { margin-bottom:60px; }
	body .mobile-column-margin-bottom-80 > .column { margin-bottom:80px; }
	body .mobile-column-margin-bottom-100 > .column  { margin-bottom:100px; }
	body .mobile-column-margin-bottom-120 > .column  { margin-bottom:120px; }
	body .mobile-column-margin-bottom-140 > .column  { margin-bottom:140px; }
	body .mobile-column-margin-bottom-160 > .column  { margin-bottom:160px; }
	body .mobile-column-margin-bottom-180 > .column  { margin-bottom:180px; }
	body .mobile-column-margin-bottom-200 > .column  { margin-bottom:200px; }
	
	body .mobile-column-margin-top-0 > .column  { margin-top:0; }
	body .mobile-column-margin-top-5 > .column  { margin-top:5px; }
	body .mobile-column-margin-top-10 > .column, .column-margin-top-xs > .column  { margin-top:10px; }
	body .mobile-column-margin-top-15 > .column  { margin-top:15px; }
	body .mobile-column-margin-top-20 > .column, body .mobile-column-margin-top-xs > .column, body .mobile-column-margin-top-s > .column, .column-margin-top-s > .column { margin-top:20px; }
	body .mobile-column-margin-top-25 > .column  { margin-top:25px; }
	body .mobile-column-margin-top-30 > .column  { margin-top:30px; }
	body .mobile-column-margin-top-35 > .column  { margin-top:35px; }
	body .mobile-column-margin-top-40 > .column, body .mobile-column-margin-top-m > .column, .column-margin-top-m > .column  { margin-top:40px; }
	body .mobile-column-margin-top-45 > .column  { margin-top:45px; }
	body .mobile-column-margin-top-50 > .column  { margin-top:50px; }
	body .mobile-column-margin-top-60 > .column, body .mobile-column-margin-top-l > .column, body .mobile-column-margin-top-xl > .column, .column-margin-top-l > .column, .column-margin-top-xl > .column  { margin-top:60px; }
	body .mobile-column-margin-top-80 > .column  { margin-top:80px; }
	body .mobile-column-margin-top-100 > .column  { margin-top:100px; }
	body .mobile-column-margin-top-120 > .column  { margin-top:120px; }
	body .mobile-column-margin-top-140 > .column  { margin-top:140px; }
	body .mobile-column-margin-top-160 > .column  { margin-top:160px; }
	body .mobile-column-margin-top-180 > .column  { margin-top:180px; }
	body .mobile-column-margin-top-200 > .column  { margin-top:200px; }	

	/* End Mobile Vertical Spacing */

	/* Mobile Widths */

	/* Percentage Widths */
	
	[class*="push-"], [class*="pull-"] {
		position: relative;
	}

	.width-1of1,
	html .mobile-width-1of1,
	html .column-width-1of1 > .percent,
	html .column-width-1of1 > .mobile-percent,
	html .column-group.mobile-column-width-1of1 > .percent,
	html .column-group.mobile-column-width-1of1 > .mobile-percent,
	html body .column-group > .percent.width-1of1,
	html body .column-group > .mobile-percent.width-1of1,
	html body .column-group > .column.percent.mobile-width-1of1,
	html body .column-group > .column.mobile-percent.mobile-width-1of1 { box-sizing:border-box; width:100%; }
	
	.width-1of2,
	html .mobile-width-1of2,
	html .column-width-1of2 > .percent,
	html .column-width-1of2 > .mobile-percent,
	html .column-group.mobile-column-width-1of2 > .percent,
	html .column-group.mobile-column-width-1of2 > .mobile-percent,
	html body .column-group > .percent.width-1of2,
	html body .column-group > .mobile-percent.width-1of2,
	html body .column-group > .column.percent.mobile-width-1of2,
	html body .column-group > .column.mobile-percent.mobile-width-1of2 { box-sizing:border-box; width:50%; }
	
	.width-1of3,
	html .mobile-width-1of3,
	html .column-width-1of3 > .percent,
	html .column-width-1of3 > .mobile-percent,
	html .column-group.mobile-column-width-1of3 > .percent,
	html .column-group.mobile-column-width-1of3 > .mobile-percent,
	html body .column-group > .percent.width-1of3,
	html body .column-group > .mobile-percent.width-1of3,
	html body .column-group > .column.percent.mobile-width-1of3,
	html body .column-group > .column.mobile-percent.mobile-width-1of3 { box-sizing:border-box; width:33.3333%; }
	
	.width-2of3,
	html .mobile-width-2of3,
	html .column-width-2of3 > .percent,
	html .column-width-2of3 > .mobile-percent,
	html .column-group.mobile-column-width-2of3 > .percent,
	html .column-group.mobile-column-width-2of3 > .mobile-percent,
	html body .column-group > .percent.width-2of3,
	html body .column-group > .mobile-percent.width-2of3,
	html body .column-group > .column.percent.mobile-width-2of3,
	html body .column-group > .column.mobile-percent.mobile-width-2of3 { box-sizing:border-box; width:66.6667%; }
	
	.width-1of4,
	html .mobile-width-1of4,
	html .column-width-1of4 > .percent,
	html .column-width-1of4 > .mobile-percent,
	html .column-group.mobile-column-width-1of4 > .percent,
	html .column-group.mobile-column-width-1of4 > .mobile-percent,
	html body .column-group > .percent.width-1of4,
	html body .column-group > .mobile-percent.width-1of4,
	html body .column-group > .column.percent.mobile-width-1of4,
	html body .column-group > .column.mobile-percent.mobile-width-1of4  { box-sizing:border-box; width:25%; }
	
	.width-3of4,
	html .mobile-width-3of4,
	html .column-width-3of4 > .percent,
	html .column-width-3of4 > .mobile-percent,
	html .column-group.mobile-column-width-3of4 > .percent,
	html .column-group.mobile-column-width-3of4 > .mobile-percent,
	html body .column-group > .percent.width-3of4,
	html body .column-group > .mobile-percent.width-3of4,
	html body .column-group > .column.percent.mobile-width-3of4,
	html body .column-group > .column.mobile-percent.mobile-width-3of4 { box-sizing:border-box; width:75%; }
	
	.width-1of5,
	html .mobile-width-1of5,
	html .column-width-1of5 > .percent,
	html .column-width-1of5 > .mobile-percent,
	html .column-group.mobile-column-width-1of5 > .percent,
	html .column-group.mobile-column-width-1of5 > .mobile-percent,
	html body .column-group > .percent.width-1of5,
	html body .column-group > .mobile-percent.width-1of5,
	html body .column-group > .column.percent.mobile-width-1of5,
	html body .column-group > .column.mobile-percent.mobile-width-1of5  { box-sizing:border-box; width:20%; }
	
	.width-2of5,
	html .mobile-width-2of5,
	html .column-width-2of5 > .percent,
	html .column-width-2of5 > .mobile-percent,
	html .column-group.mobile-column-width-2of5 > .percent,
	html .column-group.mobile-column-width-2of5 > .mobile-percent,
	html body .column-group > .percent.width-2of5,
	html body .column-group > .mobile-percent.width-2of5,
	html body .column-group > .column.percent.mobile-width-2of5,
	html body .column-group > .column.mobile-percent.mobile-width-2of5 { box-sizing:border-box; width:40%; }
	
	.width-3of5,
	html .mobile-width-3of5,
	html .column-width-3of5 > .percent,
	html .column-width-3of5 > .mobile-percent,
	html .column-group.mobile-column-width-3of5 > .percent,
	html .column-group.mobile-column-width-3of5 > .mobile-percent,
	html body .column-group > .percent.width-3of5,
	html body .column-group > .mobile-percent.width-3of5,
	html body .column-group > .column.percent.mobile-width-3of5,
	html body .column-group > .column.mobile-percent.mobile-width-3of5 { box-sizing:border-box; width:60%; }
	
	.width-4of5,
	html .mobile-width-4of5,
	html .column-width-4of5 > .percent,
	html .column-width-4of5 > .mobile-percent,
	html .column-group.mobile-column-width-4of5 > .percent,
	html .column-group.mobile-column-width-4of5 > .mobile-percent,
	html body .column-group > .percent.width-4of5,
	html body .column-group > .mobile-percent.width-4of5,
	html body .column-group > .column.percent.mobile-width-4of5,
	html body .column-group > .column.mobile-percent.mobile-width-4of5 { box-sizing:border-box; width:80%; }
	
	.width-1of6,
	html .mobile-width-1of6,
	html .column-width-1of6 > .percent,
	html .column-width-1of6 > .mobile-percent,
	html .column-group.mobile-column-width-1of6 > .percent,
	html .column-group.mobile-column-width-1of6 > .mobile-percent,
	html body .column-group > .percent.width-1of6,
	html body .column-group > .mobile-percent.width-1of6,
	html body .column-group > .column.percent.mobile-width-1of6,
	html body .column-group > .column.mobile-percent.mobile-width-1of6 { box-sizing:border-box; width:16.6667%; }
	
	.width-1of7,
	html .mobile-width-1of7,
	html .column-width-1of7 > .percent,
	html .column-width-1of7 > .mobile-percent,
	html .column-group.mobile-column-width-1of7 > .percent,
	html .column-group.mobile-column-width-1of7 > .mobile-percent,
	html body .column-group > .percent.width-1of7,
	html body .column-group > .mobile-percent.width-1of7,
	html body .column-group > .column.percent.mobile-width-1of7,
	html body .column-group > .column.mobile-percent.mobile-width-1of7 { box-sizing:border-box; width:14.285%; }
	
	.width-5of6,
	html .mobile-width-5of6,
	html .column-width-5of6 > .percent,
	html .column-width-5of6 > .mobile-percent,
	html .column-group.mobile-column-width-5of6 > .percent,
	html .column-group.mobile-column-width-5of6 > .mobile-percent,
	html body .column-group > .percent.width-5of6,
	html body .column-group > .mobile-percent.width-5of6,
	html body .column-group > .column.percent.mobile-width-5of6,
	html body .column-group > .column.mobile-percent.mobile-width-5of6 { box-sizing:border-box; width:83.3333%; }
	
	
	.width-1of7,
	html .mobile-width-1of7,
	html .column-width-1of7 > .percent,
	html .column-width-1of7 > .mobile-percent,
	html .column-group.mobile-column-width-1of7 > .percent,
	html .column-group.mobile-column-width-1of7 > .mobile-percent,
	html body .column-group > .percent.width-1of7,
	html body .column-group > .mobile-percent.width-1of7,
	html body .column-group > .column.percent.mobile-width-1of7,
	html body .column-group > .column.mobile-percent.mobile-width-1of7 { box-sizing:border-box; width:14.285%; }
	
	.width-1of8,
	html .mobile-width-1of8,
	html .column-width-1of8 > .percent,
	html .column-width-1of8 > .mobile-percent,
	html .column-group.mobile-column-width-1of8 > .percent,
	html .column-group.mobile-column-width-1of8 > .mobile-percent,
	html body .column-group > .percent.width-1of8,
	html body .column-group > .mobile-percent.width-1of8,
	html body .column-group > .column.percent.mobile-width-1of8,
	html body .column-group > .column.mobile-percent.mobile-width-1of8 { box-sizing:border-box; width:12.5%; }
	

	body .push-1of1, html body .mobile-push-1of1 { left:100%; }
	body .push-1of2, html body .mobile-push-1of2 { left:50%; }
	body .push-1of3, html body .mobile-push-1of3 { left:33.3333%; }	
	body .push-2of3, html body .mobile-push-2of3 { left:66.6667%; }	
	body .push-1of4, html body .mobile-push-1of4 { left:25%; }
	body .push-3of4, html body .mobile-push-3of4 { left:75%; }	
	body .push-1of5, html body .mobile-push-1of5 { left:20%; }	
	body .push-2of5, html body .mobile-push-2of5 { left:40%; }	
	body .push-3of5, html body .mobile-push-3of5 { left:60%; }	
	body .push-4of5, html body .mobile-push-4of5 { left:80%; }
	body .push-1of6, html body .mobile-push-1of6 { left:16.6667%; }	
	body .push-5of6, html body .mobile-push-5of6 { left:83.3333%; }

	body .pull-1of1, html body .mobile-pull-1of1 { right:100%; }
	body .pull-1of2, html body .mobile-pull-1of2 { right:50%; }
	body .pull-1of3, html body .mobile-pull-1of3 { right:33.3333%; }	
	body .pull-2of3, html body .mobile-pull-2of3 { right:66.6667%; }	
	body .pull-1of4, html body .mobile-pull-1of4 { right:25%; }
	body .pull-3of4, html body .mobile-pull-3of4 { right:75%; }	
	body .pull-1of5, html body .mobile-pull-1of5 { right:20%; }	
	body .pull-2of5, html body .mobile-pull-2of5 { right:40%; }	
	body .pull-3of5, html body .mobile-pull-3of5 { right:60%; }	
	body .pull-4of5, html body .mobile-pull-4of5 { right:80%; }
	body .pull-1of6, html body .mobile-pull-1of6 { right:16.6667%; }	
	body .pull-5of6, html body .mobile-pull-5of6 { right:83.3333%; }
	

	.width-12of12,
	html .mobile-width-12of12,
	html .column-width-12of12 > .percent,
	html .column-width-12of12 > .mobile-percent,
	html .column-group.mobile-column-width-12of12 > .percent,
	html .column-group.mobile-column-width-12of12 > .mobile-percent,
	html body .column-group > .percent.width-12of12,
	html body .column-group > .mobile-percent.width-12of12,
	html body .column-group > .column.percent.mobile-width-12of12,
	html body .column-group > .column.mobile-percent.mobile-width-12of12 { box-sizing:border-box; width:100%; }
	
	.width-11of12,
	html .mobile-width-11of12,
	html .column-width-11of12 > .percent,
	html .column-width-11of12 > .mobile-percent,
	html .column-group.mobile-column-width-11of12 > .percent,
	html .column-group.mobile-column-width-11of12 > .mobile-percent,
	html body .column-group > .percent.width-11of12,
	html body .column-group > .mobile-percent.width-11of12,
	html body .column-group > .column.percent.mobile-width-11of12,
	html body .column-group > .column.mobile-percent.mobile-width-11of12 { box-sizing:border-box; width:91.6667%; }

	.width-10of12,
	html .mobile-width-10of12,
	html .column-width-10of12 > .percent,
	html .column-width-10of12 > .mobile-percent,
	html .column-group.mobile-column-width-10of12 > .percent,
	html .column-group.mobile-column-width-10of12 > .mobile-percent,
	html body .column-group > .percent.width-10of12,
	html body .column-group > .mobile-percent.width-10of12,
	html body .column-group > .column.percent.mobile-width-10of12,
	html body .column-group > .column.mobile-percent.mobile-width-10of12 { box-sizing:border-box; width:83.3333%; }
	
	.width-9of12,
	html .mobile-width-9of12,
	html .column-width-9of12 > .percent,
	html .column-width-9of12 > .mobile-percent,
	html .column-group.mobile-column-width-9of12 > .percent,
	html .column-group.mobile-column-width-9of12 > .mobile-percent,
	html body .column-group > .percent.width-9of12,
	html body .column-group > .mobile-percent.width-9of12,
	html body .column-group > .column.percent.mobile-width-9of12,
	html body .column-group > .column.mobile-percent.mobile-width-9of12 { box-sizing:border-box; width:75%; }
	
	.width-8of12,
	html .mobile-width-8of12,
	html .column-width-8of12 > .percent,
	html .column-width-8of12 > .mobile-percent,
	html .column-group.mobile-column-width-8of12 > .percent,
	html .column-group.mobile-column-width-8of12 > .mobile-percent,
	html body .column-group > .percent.width-8of12,
	html body .column-group > .mobile-percent.width-8of12,
	html body .column-group > .column.percent.mobile-width-8of12,
	html body .column-group > .column.mobile-percent.mobile-width-8of12 { box-sizing:border-box; width:66.6667%; }

	.width-7of12,
	html .mobile-width-7of12,
	html .column-width-7of12 > .percent,
	html .column-width-7of12 > .mobile-percent,
	html .column-group.mobile-column-width-7of12 > .percent,
	html .column-group.mobile-column-width-7of12 > .mobile-percent,
	html body .column-group > .percent.width-7of12,
	html body .column-group > .mobile-percent.width-7of12,
	html body .column-group > .column.percent.mobile-width-7of12,
	html body .column-group > .column.mobile-percent.mobile-width-7of12 { box-sizing:border-box; width:58.3333%; }

	.width-6of12,
	html .mobile-width-6of12,
	html .column-width-6of12 > .percent,
	html .column-width-6of12 > .mobile-percent,
	html .column-group.mobile-column-width-6of12 > .percent,
	html .column-group.mobile-column-width-6of12 > .mobile-percent,
	html body .column-group > .percent.width-6of12,
	html body .column-group > .mobile-percent.width-6of12,
	html body .column-group > .column.percent.mobile-width-6of12,
	html body .column-group > .column.mobile-percent.mobile-width-6of12 { box-sizing:border-box; width:50%; }
	
	.width-5of12,
	html .mobile-width-5of12,
	html .column-width-5of12 > .percent,
	html .column-width-5of12 > .mobile-percent,
	html .column-group.mobile-column-width-5of12 > .percent,
	html .column-group.mobile-column-width-5of12 > .mobile-percent,
	html body .column-group > .percent.width-5of12,
	html body .column-group > .mobile-percent.width-5of12,
	html body .column-group > .column.percent.mobile-width-5of12,
	html body .column-group > .column.mobile-percent.mobile-width-5of12 { box-sizing:border-box; width:41.6667%; }
	
	.width-4of12,
	html .mobile-width-4of12,
	html .column-width-4of12 > .percent,
	html .column-width-4of12 > .mobile-percent,
	html .column-group.mobile-column-width-4of12 > .percent,
	html .column-group.mobile-column-width-4of12 > .mobile-percent,
	html body .column-group > .percent.width-4of12,
	html body .column-group > .mobile-percent.width-4of12,
	html body .column-group > .column.percent.mobile-width-4of12,
	html body .column-group > .column.mobile-percent.mobile-width-4of12 { box-sizing:border-box; width:33.3333%; }

	.width-3of12,
	html .mobile-width-3of12,
	html .column-width-3of12 > .percent,
	html .column-width-3of12 > .mobile-percent,
	html .column-group.mobile-column-width-3of12 > .percent,
	html .column-group.mobile-column-width-3of12 > .mobile-percent,
	html body .column-group > .percent.width-3of12,
	html body .column-group > .mobile-percent.width-3of12,
	html body .column-group > .column.percent.mobile-width-3of12,
	html body .column-group > .column.mobile-percent.mobile-width-3of12 { box-sizing:border-box; width:25%; }

	.width-2of12,
	html .mobile-width-2of12,
	html .column-width-2of12 > .percent,
	html .column-width-2of12 > .mobile-percent,
	html .column-group.mobile-column-width-2of12 > .percent,
	html .column-group.mobile-column-width-2of12 > .mobile-percent,
	html body .column-group > .percent.width-2of12,
	html body .column-group > .mobile-percent.width-2of12,
	html body .column-group > .column.percent.mobile-width-2of12,
	html body .column-group > .column.mobile-percent.mobile-width-2of12 { box-sizing:border-box; width:16.6667%; }

	.width-1of12,
	html .mobile-width-1of12,
	html .column-width-1of12 > .percent,
	html .column-width-1of12 > .mobile-percent,
	html .column-group.mobile-column-width-1of12 > .percent,
	html .column-group.mobile-column-width-1of12 > .mobile-percent,
	html body .column-group > .percent.width-1of12,
	html body .column-group > .mobile-percent.width-1of12,
	html body .column-group > .column.percent.mobile-width-1of12,
	html body .column-group > .column.mobile-percent.mobile-width-1of12 { box-sizing:border-box; width:8.33333%; }

	body .push-12of12, html body .mobile-push-12of12 { left:100%; }
	body .push-11of12, html body .mobile-push-11of12 { left:91.6667%; }
	body .push-10of12, html body .mobile-push-10of12 { left:83.3333%; }
	body .push-9of12, html body .mobile-push-9of12 { left:75%; }
	body .push-8of12, html body .mobile-push-8of12 { left:66.6667%; }
	body .push-7of12, html body .mobile-push-7of12 { left:58.3333%; }
	body .push-6of12, html body .mobile-push-6of12 { left:50%; }	
	body .push-5of12, html body .mobile-push-5of12 { left:41.6667%; }
	body .push-4of12, html body .mobile-push-4of12 { left:33.3333%; }
	body .push-3of12, html body .mobile-push-3of12 { left:25%; }
	body .push-2of12, html body .mobile-push-2of12 { left:16.6667%; }
	body .push-1of12, html body .mobile-push-1of12 { left:8.33333%; }
	
	body .pull-12of12, html body .mobile-pull-12of12 { right:100%; }
	body .pull-11of12, html body .mobile-pull-11of12 { right:91.6667%; }
	body .pull-10of12, html body .mobile-pull-10of12 { right:83.3333%; }
	body .pull-9of12, html body .mobile-pull-9of12 { right:75%; }
	body .pull-8of12, html body .mobile-pull-8of12 { right:66.6667%; }
	body .pull-7of12, html body .mobile-pull-7of12 { right:58.3333%; }
	body .pull-6of12, html body .mobile-pull-6of12 { right:50%; }	
	body .pull-5of12, html body .mobile-pull-5of12 { right:41.6667%; }
	body .pull-4of12, html body .mobile-pull-4of12 { right:33.3333%; }
	body .pull-3of12, html body .mobile-pull-3of12 { right:25%; }
	body .pull-2of12, html body .mobile-pull-2of12 { right:16.6667%; }
	body .pull-1of12, html body .mobile-pull-1of12 { right:8.33333%; }
	
	/* Pixel Widths */
	 
	.width-50,
	html .mobile-width-50,
	html .column-width-50 > .pixel,
	html .column-width-50 > .mobile-pixel,
	html .column-group.mobile-column-width-50 > .pixel,
	html .column-group.mobile-column-width-50 > .mobile-pixel,
	html body .column-group > .pixel.width-50,
	html body .column-group > .mobile-pixel.width-50,
	html body .column-group > .column.pixel.mobile-width-50,
	html body .column-group > .column.mobile-pixel.mobile-width-50 { box-sizing: content-box; width:50px; }
	
	.width-80,
	html .mobile-width-80,
	html .column-width-80 > .pixel,
	html .column-width-80 > .mobile-pixel,
	html .column-group.mobile-column-width-80 > .pixel,
	html .column-group.mobile-column-width-80 > .mobile-pixel,
	html body .column-group > .pixel.width-80,
	html body .column-group > .mobile-pixel.width-80,
	html body .column-group > .column.pixel.mobile-width-80,
	html body .column-group > .column.mobile-pixel.mobile-width-80 { box-sizing: content-box; width:80px; }
	
	.width-100,
	html .mobile-width-100,
	html .column-width-100 > .pixel,
	html .column-width-100 > .mobile-pixel,
	html .column-group.mobile-column-width-100 > .pixel,
	html .column-group.mobile-column-width-100 > .mobile-pixel,
	html body .column-group > .pixel.width-100,
	html body .column-group > .mobile-pixel.width-100,
	html body .column-group > .column.pixel.mobile-width-100,
	html body .column-group > .column.mobile-pixel.mobile-width-100 { box-sizing: content-box; width:100px; }
	
	.width-150,
	html .mobile-width-150,
	html .column-width-150 > .pixel,
	html .column-width-150 > .mobile-pixel,
	html .column-group.mobile-column-width-150 > .pixel,
	html .column-group.mobile-column-width-150 > .mobile-pixel,
	html body .column-group > .pixel.width-150,
	html body .column-group > .mobile-pixel.width-150,
	html body .column-group > .column.pixel.mobile-width-150,
	html body .column-group > .column.mobile-pixel.mobile-width-150 { box-sizing: content-box; width:150px; }
	
	.width-200,
	html .mobile-width-200,
	html .column-width-200 > .pixel,
	html .column-width-200 > .mobile-pixel,
	html .column-group.mobile-column-width-200 > .pixel,
	html .column-group.mobile-column-width-200 > .mobile-pixel,
	html body .column-group > .pixel.width-200,
	html body .column-group > .mobile-pixel.width-200,
	html body .column-group > .column.pixel.mobile-width-200,
	html body .column-group > .column.mobile-pixel.mobile-width-200 { box-sizing: content-box; width:200px; }
	
	.width-250,
	html .mobile-width-250,
	html .column-width-250 > .pixel,
	html .column-width-250 > .mobile-pixel,
	html .column-group.mobile-column-width-250 > .pixel,
	html .column-group.mobile-column-width-250 > .mobile-pixel,
	html body .column-group > .pixel.width-250,
	html body .column-group > .mobile-pixel.width-250,
	html body .column-group > .column.pixel.mobile-width-250,
	html body .column-group > .column.mobile-pixel.mobile-width-250 { box-sizing: content-box; width:250px; }
	
	.width-300,
	html .mobile-width-300,
	html .column-width-300 > .pixel,
	html .column-width-300 > .mobile-pixel,
	html .column-group.mobile-column-width-300 > .pixel,
	html .column-group.mobile-column-width-300 > .mobile-pixel,
	html body .column-group > .pixel.width-300,
	html body .column-group > .mobile-pixel.width-300,
	html body .column-group > .column.pixel.mobile-width-300,
	html body .column-group > .column.mobile-pixel.mobile-width-300 { box-sizing: content-box; width:300px; }

	.width-350,
	html .mobile-width-350,
	html .column-width-350 > .pixel,
	html .column-width-350 > .mobile-pixel,
	html .column-group.mobile-column-width-350 > .pixel,
	html .column-group.mobile-column-width-350 > .mobile-pixel,
	html body .column-group > .pixel.width-350,
	html body .column-group > .mobile-pixel.width-350,
	html body .column-group > .column.pixel.mobile-width-350,
	html body .column-group > .column.mobile-pixel.mobile-width-350 { box-sizing: content-box; width:350px; }

	.width-400,
	html .mobile-width-400,
	html .column-width-400 > .pixel,
	html .column-width-400 > .mobile-pixel,
	html .column-group.mobile-column-width-400 > .pixel,
	html .column-group.mobile-column-width-400 > .mobile-pixel,
	html body .column-group > .pixel.width-400,
	html body .column-group > .mobile-pixel.width-400,
	html body .column-group > .column.pixel.mobile-width-400,
	html body .column-group > .column.mobile-pixel.mobile-width-400 { box-sizing: content-box; width:400px; }

	.width-450,
	html .mobile-width-450,
	html .column-width-450 > .pixel,
	html .column-width-450 > .mobile-pixel,
	html .column-group.mobile-column-width-450 > .pixel,
	html .column-group.mobile-column-width-450 > .mobile-pixel,
	html body .column-group > .pixel.width-450,
	html body .column-group > .mobile-pixel.width-450,
	html body .column-group > .column.pixel.mobile-width-450,
	html body .column-group > .column.mobile-pixel.mobile-width-450 { box-sizing: content-box; width:450px; }

	.width-500,
	html .mobile-width-500,
	html .column-width-500 > .pixel,
	html .column-width-500 > .mobile-pixel,
	html .column-group.mobile-column-width-500 > .pixel,
	html .column-group.mobile-column-width-500 > .mobile-pixel,
	html body .column-group > .pixel.width-500,
	html body .column-group > .mobile-pixel.width-500,
	html body .column-group > .column.pixel.mobile-width-500,
	html body .column-group > .column.mobile-pixel.mobile-width-500 { box-sizing: content-box; width:500px; }
	
	.width-550,
	html .mobile-width-550,
	html .column-width-550 > .pixel,
	html .column-width-550 > .mobile-pixel,
	html .column-group.mobile-column-width-550 > .pixel,
	html .column-group.mobile-column-width-550 > .mobile-pixel,
	html body .column-group > .pixel.width-550,
	html body .column-group > .mobile-pixel.width-550,
	html body .column-group > .column.pixel.mobile-width-550,
	html body .column-group > .column.mobile-pixel.mobile-width-550 { box-sizing: content-box; width:550px; }
	
	.width-600,
	html .mobile-width-600,
	html .column-width-600 > .pixel,
	html .column-width-600 > .mobile-pixel,
	html .column-group.mobile-column-width-600 > .pixel,
	html .column-group.mobile-column-width-600 > .mobile-pixel,
	html body .column-group > .pixel.width-600,
	html body .column-group > .mobile-pixel.width-600,
	html body .column-group > .column.pixel.mobile-width-600,
	html body .column-group > .column.mobile-pixel.mobile-width-600 { box-sizing: content-box; width:600px; }
	
	.width-650,
	html .mobile-width-650,
	html .column-width-650 > .pixel,
	html .column-width-650 > .mobile-pixel,
	html .column-group.mobile-column-width-650 > .pixel,
	html .column-group.mobile-column-width-650 > .mobile-pixel,
	html body .column-group > .pixel.width-650,
	html body .column-group > .mobile-pixel.width-650,
	html body .column-group > .column.pixel.mobile-width-650,
	html body .column-group > .column.mobile-pixel.mobile-width-650 { box-sizing: content-box; width:650px; }
	
	.width-700,
	html .mobile-width-700,
	html .column-width-700 > .pixel,
	html .column-width-700 > .mobile-pixel,
	html .column-group.mobile-column-width-700 > .pixel,
	html .column-group.mobile-column-width-700 > .mobile-pixel,
	html body .column-group > .pixel.width-700,
	html body .column-group > .mobile-pixel.width-700,
	html body .column-group > .column.pixel.mobile-width-700,
	html body .column-group > .column.mobile-pixel.mobile-width-700 { box-sizing: content-box; width:700px; }
	
	.width-750,
	html .mobile-width-750,
	html .column-width-750 > .pixel,
	html .column-width-750 > .mobile-pixel,
	html .column-group.mobile-column-width-750 > .pixel,
	html .column-group.mobile-column-width-750 > .mobile-pixel,
	html body .column-group > .pixel.width-750,
	html body .column-group > .mobile-pixel.width-750,
	html body .column-group > .column.pixel.mobile-width-750,
	html body .column-group > .column.mobile-pixel.mobile-width-750 { box-sizing: content-box; width:750px; }

	body .push-0, html body .mobile-push-0 { left:0%; }
	body .push-50, html .mobile-push-50 { left:50px; }
	body .push-100, html .mobile-push-100 { left:100px; }
	body .push-150, html .mobile-push-150 { left:150px; }
	body .push-200, html .mobile-push-200 { left:200px; }
	body .push-250, html .mobile-push-250 { left:250px; }
	body .push-300, html .mobile-push-300 { left:300px; }
	body .push-350, html .mobile-push-350 { left:350px; }
	body .push-400, html .mobile-push-400 { left:400px; }
	body .push-450, html .mobile-push-450 { left:450px; }
	body .push-500, html .mobile-push-500 { left:500px; }
	body .push-550, html .mobile-push-550 { left:550px; }
	body .push-600, html .mobile-push-600 { left:600px; }
	body .push-650, html .mobile-push-650 { left:650px; }
	body .push-700, html .mobile-push-700 { left:700px; }
	body .push-750, html .mobile-push-750 { left:750px; }
	
	body .pull-0, html body .mobile-pull-0 { right:0%; }
	body .pull-50, html body .mobile-pull-50 { right:50px; }
	body .pull-100, html body .mobile-pull-100 { right:100px; }
	body .pull-150, html body .mobile-pull-150 { right:150px; }
	body .pull-200, html body .mobile-pull-200 { right:200px; }
	body .pull-250, html body .mobile-pull-250 { right:250px; }
	body .pull-300, html body .mobile-pull-300 { right:300px; }
	body .pull-350, html body .mobile-pull-350 { right:350px; }
	body .pull-400, html body .mobile-pull-400 { right:400px; }
	body .pull-450, html body .mobile-pull-450 { right:450px; }
	body .pull-500, html body .mobile-pull-500 { right:500px; }
	body .pull-550, html body .mobile-pull-550 { right:550px; }
	body .pull-600, html body .mobile-pull-600 { right:600px; }
	body .pull-650, html body .mobile-pull-650 { right:650px; }
	body .pull-700, html body .mobile-pull-700 { right:700px; }
	body .pull-750, html body .mobile-pull-750 { right:750px; }
		
	/* Fill Width */
	.column-width-fill > .cell,
	.column-width-fill > .mobile-cell,
	.column-group.mobile-column-width-fill > .cell,
	.column-group.mobile-column-width-fill > .mobile-cell,
	body .column-group > .cell.width-fill,
	body .column-group > .mobile-cell.width-fill,
	body .column-group > .column.cell.mobile-width-fill,
	body .column-group > .column.mobile-cell.mobile-width-fill { box-sizing:border-box; width:auto; max-width:none; min-width:0; }
	
	body .column.cell.empty, html body .column.cell.mobile-empty { margin: 0; padding: 0;}

	.width-auto,
	html .mobile-width-auto {width:auto;}
	
	/* Backgrounds */
	body .background-relative,
	body .background-relative > .column { position:relative;	}
	
	.column-group .column.background-column {
		position: absolute;
		top:0;
		height: 100%;
		width:100%;
	}
	
	.background-column > .column-group,
	.background-column > .column-group > .column { height: 100%;}
	.background-column > .column-group > .column > .column-container {
		background-size:cover;
		background-repeat: repeat;
		background-position: center;
		width:100%;
		height:100%;
		display:block;
	}


	/* End Backgrounds */

}