/* ==========================================================================
   # Setup
   ========================================================================== */
*, *::after, *::before, *:after, *:before {
    box-sizing: border-box;
}
html {
	height: 100%;
	margin: 0;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    min-height: 100%;
	min-width: 340px;
    margin: 0 auto;
}
html, body {
    padding: 0;
    width: 100%;
}

/* ==========================================================================
   # Show & Hide
   ========================================================================== */
.show { display: block; }
.hide { display: none; visibility: hidden; }
.invisible { visibility: hidden; }
@media screen and (min-width: 40em) {
	.show-for-small-only, .show-for-small { display: none; }
}
@media screen and (max-width: 39.9375em) {
	.hide-for-small-only { display: none; }
}
@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
	.show-for-medium-only { display: none; }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.hide-for-medium-only { display: none; }
}
@media screen and (max-width: 39.9375em) {
	.show-for-medium { display: none; }
}
@media screen and (min-width: 40em) {
	.hide-for-medium { display: none; }
}
@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
	.show-for-large-only { display: none; }
}
@media screen and (min-width: 64em) and (max-width: 75em) {
	.hide-for-large-only { display: none; }
}
@media screen and (max-width: 63.9375em) {
	.show-for-large { display: none; }
}
@media screen and (min-width: 64em) {
	.hide-for-large { display: none; }
}
@media screen and (max-width: 74.9375em) {
	.show-for-xlarge-only, .show-for-xlarge { display: none; }
}
@media screen and (min-width: 75em) {
	.hide-for-xlarge-only, .hide-for-xlarge { display: none; }
}
.show-for-landscape,
.hide-for-portrait {
	display: block !important;
}
.hide-for-landscape,
.show-for-portrait {
	display: none !important;
}
@media screen and (orientation: landscape) {
	.show-for-landscape,
	.hide-for-portrait {
		display: block !important;
	}
	.hide-for-landscape,
	.show-for-portrait {
		display: none !important;
	}
}
@media screen and (orientation: portrait) {
	.show-for-landscape,
	.hide-for-portrait {
		display: none !important;
	}
	.hide-for-landscape,
	.show-for-portrait {
		display: block !important;
	}
}

/* ==========================================================================
   # Alignments
   ========================================================================== */
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.float-center {
	clear: both;
	display: block;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

/* ==========================================================================
   # Grid: 2, 3, 4, 5, 8, 10, 12, 16, 24
   ========================================================================== */
@media (max-width: 640px) {
	@-ms-viewport {
		width: 320px;
	}
}
.group, .row, .col {
	position: relative; 
	width: 100%; 
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}
.group {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.row, .col, 
.group::before, .group::after, 
.row::before, .row::after, 
.col::before, .col::after {
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
.clearfix::before, .clearfix::after, 
.group::before, .group::after, 
.row::before, .row::after, 
.col::before, .col::after {
	content: "" !important; 
	display: table !important; 
	table-layout: fixed !important;
	visibility: hidden !important;
	overflow: hidden !important;
	font-size: 0 !important;
	line-height: 0 !important;
	width: 0 !important;
	height: 0 !important;
}
.clearfix::after, .group::after, 
.row::after, .col::after {
	clear: both !important;
}
.clearfix { *zoom: 1; }
.group, .row {
	max-width: 75rem; 
}
.row {
	padding-left: .35rem; 
	padding-right: .35rem; 
}
.group.group-padding {
	padding-left: .6rem; 
	padding-right: .6rem; 
}
.col {
	float: left;
	padding: 0 .25rem;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.row, .col:only-child {
	float: none; 
	clear: both;
}
.col:last-child:not(:first-child) {
	float: right; 
}
.group .row, .row .row {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}
.group.group-padding .row, .row .row {
	margin-left: 0;
	margin-right: 0;
}
.row.expanded { 
	max-width: none; 
}
.row.collapse, /* row only */
.row.collapse-col > .col,
.row.collapse-both, /* row and following col */
.row.collapse-both > .col,
.row.collapse-all, /* row and every child row and col */
.row.collapse-all .col,
.row.collapse-all .row {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.row.expanded .row, .row[class*="collapse"] .row {
	margin: 0 auto;
}

.s-1-24         { width: 4.16667%; }
.s-push-1-24    { left: 4.16667%; position: relative; }
.s-pull-1-24    { left: -4.16667%; position: relative; }
.s-offset-1-24  { margin-left: 4.16667%; }

.s-1-16 				{ width: 6.25%; }
.s-push-1-16 		{ left: 6.25%; position: relative; }
.s-pull-1-16 		{ left: -6.25%; position: relative; }
.s-offset-1-16 	{ margin-left: 6.25%; }

.s-1-12, .s-2-24 							 { width: 8.33333%; }
.s-push-1-12, .s-push-2-24     { left: 8.33333%; position: relative; }
.s-pull-1-12, .s-pull-2-24     { left: -8.33333%; position: relative; }
.s-offset-1-12, .s-offset-2-24 { margin-left: 8.33333%; }

.s-1-10 				{ width: 10%; }
.s-push-1-10    { left: 10%; position: relative; }
.s-pull-1-10    { left: -10%; position: relative; }
.s-offset-1-10  { margin-left: 10%; }

.s-1-8, .s-2-16, .s-3-24                      { width: 12.5%; }
.s-push-1-8, .s-push-2-16, .s-push-3-24       { left: 12.5%; position: relative; }
.s-pull-1-8, .s-pull-2-16, .s-pull-3-24       { left: -12.5%; position: relative; }
.s-offset-1-8, .s-offset-2-16, .s-offset-3-24 { margin-left: 12.5%; }

.s-2-12, .s-4-24 							 { width: 16.66667%; }
.s-push-2-12, .s-push-4-24     { left: 16.66667%; position: relative; }
.s-pull-2-12, .s-pull-4-24     { left: -16.66667%; position: relative; }
.s-offset-2-12, .s-offset-4-24 { margin-left: 16.66667%; }

.s-3-16 				{ width: 18.75%; }
.s-push-3-16 		{ left: 18.75%; position: relative; }
.s-pull-3-16 		{ left: -18.75%; position: relative; }
.s-offset-2-16 	{ margin-left: 18.75%; }

.s-1-5, .s-2-10 							{ width: 20%; }
.s-push-1-5, .s-push-2-10     { left: 20%; position: relative; }
.s-pull-1-5, .s-pull-2-10     { left: -20%; position: relative; }
.s-offset-1-5, .s-offset-2-10 { margin-left: 20%; }

.s-5-24         { width: 20.83333%; }
.s-push-5-24    { left: 20.83333%; position: relative; }
.s-pull-5-24    { left: -20.83333%; position: relative; }
.s-offset-5-24  { margin-left: 20.83333%; }

.s-1-4, .s-2-8, .s-3-12, .s-4-16, .s-6-24 						              	 { width: 25%; }
.s-push-1-4, .s-push-2-8, .s-push-3-12, .s-push-4-16, .s-push-6-24          { left: 25%; position: relative; }
.s-pull-1-4, .s-pull-2-8, .s-pull-3-12, .s-pull-4-16, .s-pull-6-24          { left: -25%; position: relative; }
.s-offset-1-4, .s-offset-2-8, .s-offset-3-12, .s-offset-4-16, .s-offset-6-24  { margin-left: 25%; }

.s-7-24         { width: 29.16667%; }
.s-push-7-24    { left: 29.16667%; position: relative; }
.s-pull-7-24    { left: -29.16667%; position: relative; }
.s-offset-7-24  { margin-left: 29.16667%; }

.s-3-10 				{ width: 30%; }
.s-push-3-10    { left: 30%; position: relative; }
.s-pull-3-10    { left: -30%; position: relative; }
.s-offset-3-10  { margin-left: 30%; }

.s-5-16 				{ width: 31.25%; }
.s-push-5-16 		{ left: 31.25%; position: relative; }
.s-pull-5-16 		{ left: -31.25%; position: relative; }
.s-offset-5-16 	{ margin-left: 31.25%; }

.s-1-3, .s-4-12, .s-8-24 							         { width: 33.33333%; }
.s-push-1-3, .s-push-4-12, .s-push-8-24       { left: 33.33333%; position: relative; }
.s-pull-1-3, .s-pull-4-12, .s-pull-8-24       { left: -33.33333%; position: relative; }
.s-offset-1-3, .s-offset-4-12, .s-offset-8-24 { margin-left: 33.33333%; }

.s-3-8, .s-6-16, .s-9-24 						          { width: 37.5%; }
.s-push-3-8, .s-push-6-16, .s-push-9-24       { left: 37.5%; position: relative; }
.s-pull-3-8, .s-pull-6-16, .s-pull-9-24       { left: -37.5%; position: relative; }
.s-offset-3-8, .s-offset-6-16, .s-offset-9-24 { margin-left: 37.5%; }

.s-2-5, .s-4-10 							 { width: 40%; }
.s-push-2-5, .s-push-4-10      { left: 40%; position: relative; }
.s-pull-2-5, .s-pull-4-10      { left: -40%; position: relative; }
.s-offset-2-5, .s-offset-4-10  { margin-left: 40%; }

.s-5-12, .s-10-24 							{ width: 41.66667%; }
.s-push-5-12, .s-push-10-24     { left: 41.66667%; position: relative; }
.s-pull-5-12, .s-pull-10-24     { left: -41.66667%; position: relative; }
.s-offset-5-12, .s-offset-10-24 { margin-left: 41.66667%; }

.s-7-16 				{ width: 43.75%; }
.s-push-7-16 		{ left: 43.75%; position: relative; }
.s-pull-7-16 		{ left: -43.75%; position: relative; }
.s-offset-7-16 	{ margin-left: 43.75%; }

.s-11-24         { width: 45.83333%; }
.s-push-11-24    { left: 45.83333%; position: relative; }
.s-pull-11-24    { left: -45.83333%; position: relative; }
.s-offset-11-24  { margin-left: 45.83333%; }

.s-1-2, .s-2-4, .s-4-8, .s-5-10, .s-6-12, .s-8-16, .s-12-24 							                                   { width: 50%; }
.s-push-1-2, .s-push-2-4, .s-push-4-8, .s-push-5-10, .s-push-6-12, .s-push-8-16, .s-push-12-24               { left: 50%; position: relative; }
.s-pull-1-2, .s-pull-2-4, .s-pull-4-8, .s-pull-5-10, .s-pull-6-12, .s-pull-8-16, .s-pull-12-24               { left: -50%; position: relative; }
.s-offset-1-2, .s-offset-2-4, .s-offset-4-8, .s-offset-5-10, .s-offset-6-12, .s-offset-6-16, .s-offset-12-24 { margin-left: 50%; }

.s-13-24         { width: 54.16667%; }
.s-push-13-24    { left: 54.16667%; position: relative; }
.s-pull-13-24    { left: -54.16667%; position: relative; }
.s-offset-13-24  { margin-left: 54.16667%; }

.s-9-16 				{ width: 56.25%; }
.s-push-9-16 		{ left: 56.25%; position: relative; }
.s-pull-9-16 		{ left: -56.25%; position: relative; }
.s-offset-9-16 	{ margin-left: 56.25%; }

.s-7-12, .s-14-24 							{ width: 58.33333%; }
.s-push-7-12, .s-push-14-24     { left: 58.33333%; position: relative; }
.s-pull-7-12, .s-pull-14-24     { left: -58.33333%; position: relative; }
.s-offset-7-12, .s-offset-14-24 { margin-left: 58.33333%; }

.s-3-5, .s-6-10 							 { width: 60%; }
.s-push-3-5, .s-push-6-10      { left: 60%; position: relative; }
.s-pull-3-5, .s-pull-6-10      { left: -60%; position: relative; }
.s-offset-3-5, .s-offset-6-10  { margin-left: 60%; }

.s-5-8, .s-10-16, .s-15-24 							 { width: 62.5%; }
.s-push-5-8, .s-push-10-16, .s-push-15-24     { left: 62.5%; position: relative; }
.s-pull-5-8, .s-pull-10-16, .s-pull-15-24     { left: -62.5%; position: relative; }
.s-offset-5-8, .s-offset-10-16, .s-offset-15-24 { margin-left: 62.5%; }

.s-2-3, .s-8-12, .s-16-24 							{ width: 66.66667%; }
.s-push-2-3, .s-push-8-12, .s-push-16-24     { left: 66.66667%; position: relative; }
.s-pull-2-3, .s-pull-8-12, .s-pull-16-24     { left: -66.66667%; position: relative; }
.s-offset-2-3, .s-offset-8-12, .s-offset-16-24 { margin-left: 66.66667%; }

.s-11-16 				{ width: 68.75%; }
.s-push-11-16 	{ left: 68.75%; position: relative; }
.s-pull-11-16 	{ left: -68.75%; position: relative; }
.s-offset-11-16 { margin-left: 68.75%; }

.s-7-10 				{ width: 70%; }
.s-push-7-10    { left: 70%; position: relative; }
.s-pull-7-10    { left: -70%; position: relative; }
.s-offset-7-10  { margin-left: 70%; }

.s-17-24         { width: 70.83333%; }
.s-push-17-24    { left: 70.83333%; position: relative; }
.s-pull-17-24    { left: -70.83333%; position: relative; }
.s-offset-17-24  { margin-left: 70.83333%; }

.s-3-4, .s-6-8, .s-9-12, .s-12-16, .s-18-24 							       { width: 75%; }
.s-push-3-4, .s-push-6-8, .s-push-9-12, .s-push-12-16, .s-push-18-24           { left: 75%; position: relative; }
.s-pull-3-4, .s-pull-6-8, .s-pull-9-12, .s-pull-12-16, .s-pull-18-24           { left: -75%; position: relative; }
.s-offset-3-4, .s-offset-6-8, .s-offset-9-12, .s-offset-12-16, .s-offset-18-24 { margin-left: 75%; }

.s-19-24        { width: 79.16667%; }
.s-push-19-24   { left: 79.16667%; position: relative; }
.s-pull-19-24   { left: -79.16667%; position: relative; }
.s-offset-19-24 { margin-left: 79.16667%; }

.s-4-5, .s-8-10 							{ width: 80%; }
.s-push-4-5, .s-push-8-10     { left: 80%; position: relative; }
.s-pull-4-5, .s-pull-8-10     { left: -80%; position: relative; }
.s-offset-4-5, .s-offset-8-10 { margin-left: 80%; }

.s-13-16 				{ width: 81.25%; }
.s-push-13-16 	{ left: 81.25%; position: relative; }
.s-pull-13-16 	{ left: -81.25%; position: relative; }
.s-offset-13-16 { margin-left: 81.25%; }

.s-10-12, .s-20-24 							 { width: 83.33333%; }
.s-push-10-12, .s-push-20-24     { left: 83.33333%; position: relative; }
.s-pull-10-12, .s-pull-20-24     { left: -83.33333%; position: relative; }
.s-offset-10-12, .s-offset-20-24 { margin-left: 83.33333%; }

.s-7-8, .s-14-16, .s-21-24 							        { width: 87.5%; }
.s-push-7-8, .s-push-14-16, .s-push-21-24       { left: 87.5%; position: relative; }
.s-pull-7-8, .s-pull-14-16, .s-pull-21-24       { left: -87.5%; position: relative; }
.s-offset-7-8, .s-offset-14-16, .s-offset-21-24 { margin-left: 87.5%; }

.s-9-10 				{ width: 90%; }
.s-push-9-10    { left: 90%; position: relative; }
.s-pull-9-10    { left: -90%; position: relative; }
.s-offset-9-10  { margin-left: 90%; }

.s-11-12, .s-22-24 							 { width: 91.66667%; }
.s-push-11-12, .s-push-22-24     { left: 91.66667%; position: relative; }
.s-pull-11-12, .s-pull-22-24     { left: -91.66667%; position: relative; }
.s-offset-11-12, .s-offset-22-24 { margin-left: 91.66667%; }

.s-15-16 				{ width: 93.75%; }
.s-push-15-16 	{ left: 93.75%; position: relative; }
.s-pull-15-16 	{ left: -93.75%; position: relative; }
.s-offset-15-16 { margin-left: 93.75%; }

.s-23-24         { width: 95.83333%; }
.s-push-23-24    { left: 95.83333%; position: relative; }
.s-pull-23-24    { left: -95.83333%; position: relative; }
.s-offset-23-24  { margin-left: 95.83333%; }

.s-1						{ width: 100%; }
.s-offset-0			{ margin-left: 0%; }
.s-center {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.s-uncenter, .s-push-0, .s-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left;
}
@media screen and (min-width: 40em) {
  .m-1-24         { width: 4.16667%; }
  .m-push-1-24    { left: 4.16667%; position: relative; }
  .m-pull-1-24    { left: -4.16667%; position: relative; }
  .m-offset-1-24  { margin-left: 4.16667%; }

  .m-1-16 				{ width: 6.25%; }
  .m-push-1-16 		{ left: 6.25%; position: relative; }
  .m-pull-1-16 		{ left: -6.25%; position: relative; }
  .m-offset-1-16 	{ margin-left: 6.25%; }

  .m-1-12, .m-2-24 							 { width: 8.33333%; }
  .m-push-1-12, .m-push-2-24     { left: 8.33333%; position: relative; }
  .m-pull-1-12, .m-pull-2-24     { left: -8.33333%; position: relative; }
  .m-offset-1-12, .m-offset-2-24 { margin-left: 8.33333%; }

  .m-1-10 				{ width: 10%; }
  .m-push-1-10    { left: 10%; position: relative; }
  .m-pull-1-10    { left: -10%; position: relative; }
  .m-offset-1-10  { margin-left: 10%; }

  .m-1-8, .m-2-16, .m-3-24                      { width: 12.5%; }
  .m-push-1-8, .m-push-2-16, .m-push-3-24       { left: 12.5%; position: relative; }
  .m-pull-1-8, .m-pull-2-16, .m-pull-3-24       { left: -12.5%; position: relative; }
  .m-offset-1-8, .m-offset-2-16, .m-offset-3-24 { margin-left: 12.5%; }

  .m-2-12, .m-4-24 							 { width: 16.66667%; }
  .m-push-2-12, .m-push-4-24     { left: 16.66667%; position: relative; }
  .m-pull-2-12, .m-pull-4-24     { left: -16.66667%; position: relative; }
  .m-offset-2-12, .m-offset-4-24 { margin-left: 16.66667%; }

  .m-3-16 				{ width: 18.75%; }
  .m-push-3-16 		{ left: 18.75%; position: relative; }
  .m-pull-3-16 		{ left: -18.75%; position: relative; }
  .m-offset-2-16 	{ margin-left: 18.75%; }

  .m-1-5, .m-2-10 							{ width: 20%; }
  .m-push-1-5, .m-push-2-10     { left: 20%; position: relative; }
  .m-pull-1-5, .m-pull-2-10     { left: -20%; position: relative; }
  .m-offset-1-5, .m-offset-2-10 { margin-left: 20%; }

  .m-5-24         { width: 20.83333%; }
  .m-push-5-24    { left: 20.83333%; position: relative; }
  .m-pull-5-24    { left: -20.83333%; position: relative; }
  .m-offset-5-24  { margin-left: 20.83333%; }

  .m-1-4, .m-2-8, .m-3-12, .m-4-16, .m-6-24 						              	 { width: 25%; }
  .m-push-1-4, .m-push-2-8, .m-push-3-12, .m-push-4-16, .m-push-6-24          { left: 25%; position: relative; }
  .m-pull-1-4, .m-pull-2-8, .m-pull-3-12, .m-pull-4-16, .m-pull-6-24          { left: -25%; position: relative; }
  .m-offset-1-4, .m-offset-2-8, .m-offset-3-12, .m-offset-4-16, .m-offset-6-24  { margin-left: 25%; }

  .m-7-24         { width: 29.16667%; }
  .m-push-7-24    { left: 29.16667%; position: relative; }
  .m-pull-7-24    { left: -29.16667%; position: relative; }
  .m-offset-7-24  { margin-left: 29.16667%; }

  .m-3-10 				{ width: 30%; }
  .m-push-3-10    { left: 30%; position: relative; }
  .m-pull-3-10    { left: -30%; position: relative; }
  .m-offset-3-10  { margin-left: 30%; }

  .m-5-16 				{ width: 31.25%; }
  .m-push-5-16 		{ left: 31.25%; position: relative; }
  .m-pull-5-16 		{ left: -31.25%; position: relative; }
  .m-offset-5-16 	{ margin-left: 31.25%; }

  .m-1-3, .m-4-12, .m-8-24 							         { width: 33.33333%; }
  .m-push-1-3, .m-push-4-12, .m-push-8-24       { left: 33.33333%; position: relative; }
  .m-pull-1-3, .m-pull-4-12, .m-pull-8-24       { left: -33.33333%; position: relative; }
  .m-offset-1-3, .m-offset-4-12, .m-offset-8-24 { margin-left: 33.33333%; }

  .m-3-8, .m-6-16, .m-9-24 						          { width: 37.5%; }
  .m-push-3-8, .m-push-6-16, .m-push-9-24       { left: 37.5%; position: relative; }
  .m-pull-3-8, .m-pull-6-16, .m-pull-9-24       { left: -37.5%; position: relative; }
  .m-offset-3-8, .m-offset-6-16, .m-offset-9-24 { margin-left: 37.5%; }

  .m-2-5, .m-4-10 							 { width: 40%; }
  .m-push-2-5, .m-push-4-10      { left: 40%; position: relative; }
  .m-pull-2-5, .m-pull-4-10      { left: -40%; position: relative; }
  .m-offset-2-5, .m-offset-4-10  { margin-left: 40%; }

  .m-5-12, .m-10-24 							{ width: 41.66667%; }
  .m-push-5-12, .m-push-10-24     { left: 41.66667%; position: relative; }
  .m-pull-5-12, .m-pull-10-24     { left: -41.66667%; position: relative; }
  .m-offset-5-12, .m-offset-10-24 { margin-left: 41.66667%; }

  .m-7-16 				{ width: 43.75%; }
  .m-push-7-16 		{ left: 43.75%; position: relative; }
  .m-pull-7-16 		{ left: -43.75%; position: relative; }
  .m-offset-7-16 	{ margin-left: 43.75%; }

  .m-11-24         { width: 45.83333%; }
  .m-push-11-24    { left: 45.83333%; position: relative; }
  .m-pull-11-24    { left: -45.83333%; position: relative; }
  .m-offset-11-24  { margin-left: 45.83333%; }

  .m-1-2, .m-2-4, .m-4-8, .m-5-10, .m-6-12, .m-8-16, .m-12-24 							                                   { width: 50%; }
  .m-push-1-2, .m-push-2-4, .m-push-4-8, .m-push-5-10, .m-push-6-12, .m-push-8-16, .m-push-12-24               { left: 50%; position: relative; }
  .m-pull-1-2, .m-pull-2-4, .m-pull-4-8, .m-pull-5-10, .m-pull-6-12, .m-pull-8-16, .m-pull-12-24               { left: -50%; position: relative; }
  .m-offset-1-2, .m-offset-2-4, .m-offset-4-8, .m-offset-5-10, .m-offset-6-12, .m-offset-6-16, .m-offset-12-24 { margin-left: 50%; }

  .m-13-24         { width: 54.16667%; }
  .m-push-13-24    { left: 54.16667%; position: relative; }
  .m-pull-13-24    { left: -54.16667%; position: relative; }
  .m-offset-13-24  { margin-left: 54.16667%; }

  .m-9-16 				{ width: 56.25%; }
  .m-push-9-16 		{ left: 56.25%; position: relative; }
  .m-pull-9-16 		{ left: -56.25%; position: relative; }
  .m-offset-9-16 	{ margin-left: 56.25%; }

  .m-7-12, .m-14-24 							{ width: 58.33333%; }
  .m-push-7-12, .m-push-14-24     { left: 58.33333%; position: relative; }
  .m-pull-7-12, .m-pull-14-24     { left: -58.33333%; position: relative; }
  .m-offset-7-12, .m-offset-14-24 { margin-left: 58.33333%; }

  .m-3-5, .m-6-10 							 { width: 60%; }
  .m-push-3-5, .m-push-6-10      { left: 60%; position: relative; }
  .m-pull-3-5, .m-pull-6-10      { left: -60%; position: relative; }
  .m-offset-3-5, .m-offset-6-10  { margin-left: 60%; }

  .m-5-8, .m-10-16, .m-15-24 							 { width: 62.5%; }
  .m-push-5-8, .m-push-10-16, .m-push-15-24     { left: 62.5%; position: relative; }
  .m-pull-5-8, .m-pull-10-16, .m-pull-15-24     { left: -62.5%; position: relative; }
  .m-offset-5-8, .m-offset-10-16, .m-offset-15-24 { margin-left: 62.5%; }

  .m-2-3, .m-8-12, .m-16-24 							{ width: 66.66667%; }
  .m-push-2-3, .m-push-8-12, .m-push-16-24     { left: 66.66667%; position: relative; }
  .m-pull-2-3, .m-pull-8-12, .m-pull-16-24     { left: -66.66667%; position: relative; }
  .m-offset-2-3, .m-offset-8-12, .m-offset-16-24 { margin-left: 66.66667%; }

  .m-11-16 				{ width: 68.75%; }
  .m-push-11-16 	{ left: 68.75%; position: relative; }
  .m-pull-11-16 	{ left: -68.75%; position: relative; }
  .m-offset-11-16 { margin-left: 68.75%; }

  .m-7-10 				{ width: 70%; }
  .m-push-7-10    { left: 70%; position: relative; }
  .m-pull-7-10    { left: -70%; position: relative; }
  .m-offset-7-10  { margin-left: 70%; }

  .m-17-24         { width: 70.83333%; }
  .m-push-17-24    { left: 70.83333%; position: relative; }
  .m-pull-17-24    { left: -70.83333%; position: relative; }
  .m-offset-17-24  { margin-left: 70.83333%; }

  .m-3-4, .m-6-8, .m-9-12, .m-12-16, .m-18-24 							                     { width: 75%; }
  .m-push-3-4, .m-push-6-8, .m-push-9-12, .m-push-12-16, .m-push-18-24           { left: 75%; position: relative; }
  .m-pull-3-4, .m-pull-6-8, .m-pull-9-12, .m-pull-12-16, .m-pull-18-24           { left: -75%; position: relative; }
  .m-offset-3-4, .m-offset-6-8, .m-offset-9-12, .m-offset-12-16, .m-offset-18-24 { margin-left: 75%; }

  .m-19-24        { width: 79.16667%; }
  .m-push-19-24   { left: 79.16667%; position: relative; }
  .m-pull-19-24   { left: -79.16667%; position: relative; }
  .m-offset-19-24 { margin-left: 79.16667%; }

  .m-4-5, .m-8-10 							{ width: 80%; }
  .m-push-4-5, .m-push-8-10     { left: 80%; position: relative; }
  .m-pull-4-5, .m-pull-8-10     { left: -80%; position: relative; }
  .m-offset-4-5, .m-offset-8-10 { margin-left: 80%; }

  .m-13-16 				{ width: 81.25%; }
  .m-push-13-16 	{ left: 81.25%; position: relative; }
  .m-pull-13-16 	{ left: -81.25%; position: relative; }
  .m-offset-13-16 { margin-left: 81.25%; }

  .m-10-12, .m-20-24 							 { width: 83.33333%; }
  .m-push-10-12, .m-push-20-24     { left: 83.33333%; position: relative; }
  .m-pull-10-12, .m-pull-20-24     { left: -83.33333%; position: relative; }
  .m-offset-10-12, .m-offset-20-24 { margin-left: 83.33333%; }

  .m-7-8, .m-14-16, .m-21-24 							        { width: 87.5%; }
  .m-push-7-8, .m-push-14-16, .m-push-21-24       { left: 87.5%; position: relative; }
  .m-pull-7-8, .m-pull-14-16, .m-pull-21-24       { left: -87.5%; position: relative; }
  .m-offset-7-8, .m-offset-14-16, .m-offset-21-24 { margin-left: 87.5%; }

  .m-9-10 				{ width: 90%; }
  .m-push-9-10    { left: 90%; position: relative; }
  .m-pull-9-10    { left: -90%; position: relative; }
  .m-offset-9-10  { margin-left: 90%; }

  .m-11-12, .m-22-24 							 { width: 91.66667%; }
  .m-push-11-12, .m-push-22-24     { left: 91.66667%; position: relative; }
  .m-pull-11-12, .m-pull-22-24     { left: -91.66667%; position: relative; }
  .m-offset-11-12, .m-offset-22-24 { margin-left: 91.66667%; }

  .m-15-16 				{ width: 93.75%; }
  .m-push-15-16 	{ left: 93.75%; position: relative; }
  .m-pull-15-16 	{ left: -93.75%; position: relative; }
  .m-offset-15-16 { margin-left: 93.75%; }

  .m-23-24         { width: 95.83333%; }
  .m-push-23-24    { left: 95.83333%; position: relative; }
  .m-pull-23-24    { left: -95.83333%; position: relative; }
  .m-offset-23-24  { margin-left: 95.83333%; }

	.m-1						{ width: 100%; }
	.m-offset-0			{ margin-left: 0%; }
  .m-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
	}
	.m-uncenter, .m-push-0, .m-pull-0 {
		position: static;
		margin-left: 0;
		margin-right: 0;
		float: left;
	}
}
@media screen and (min-width: 64em) {
  .l-1-24         { width: 4.16667%; }
  .l-push-1-24    { left: 4.16667%; position: relative; }
  .l-pull-1-24    { left: -4.16667%; position: relative; }
  .l-offset-1-24  { margin-left: 4.16667%; }

  .l-1-16 				{ width: 6.25%; }
  .l-push-1-16 		{ left: 6.25%; position: relative; }
  .l-pull-1-16 		{ left: -6.25%; position: relative; }
  .l-offset-1-16 	{ margin-left: 6.25%; }

  .l-1-12, .l-2-24 							 { width: 8.33333%; }
  .l-push-1-12, .l-push-2-24     { left: 8.33333%; position: relative; }
  .l-pull-1-12, .l-pull-2-24     { left: -8.33333%; position: relative; }
  .l-offset-1-12, .l-offset-2-24 { margin-left: 8.33333%; }

  .l-1-10 				{ width: 10%; }
  .l-push-1-10    { left: 10%; position: relative; }
  .l-pull-1-10    { left: -10%; position: relative; }
  .l-offset-1-10  { margin-left: 10%; }

  .l-1-8, .l-2-16, .l-3-24                      { width: 12.5%; }
  .l-push-1-8, .l-push-2-16, .l-push-3-24       { left: 12.5%; position: relative; }
  .l-pull-1-8, .l-pull-2-16, .l-pull-3-24       { left: -12.5%; position: relative; }
  .l-offset-1-8, .l-offset-2-16, .l-offset-3-24 { margin-left: 12.5%; }

  .l-2-12, .l-4-24 							 { width: 16.66667%; }
  .l-push-2-12, .l-push-4-24     { left: 16.66667%; position: relative; }
  .l-pull-2-12, .l-pull-4-24     { left: -16.66667%; position: relative; }
  .l-offset-2-12, .l-offset-4-24 { margin-left: 16.66667%; }

  .l-3-16 				{ width: 18.75%; }
  .l-push-3-16 		{ left: 18.75%; position: relative; }
  .l-pull-3-16 		{ left: -18.75%; position: relative; }
  .l-offset-2-16 	{ margin-left: 18.75%; }

  .l-1-5, .l-2-10 							{ width: 20%; }
  .l-push-1-5, .l-push-2-10     { left: 20%; position: relative; }
  .l-pull-1-5, .l-pull-2-10     { left: -20%; position: relative; }
  .l-offset-1-5, .l-offset-2-10 { margin-left: 20%; }

  .l-5-24         { width: 20.83333%; }
  .l-push-5-24    { left: 20.83333%; position: relative; }
  .l-pull-5-24    { left: -20.83333%; position: relative; }
  .l-offset-5-24  { margin-left: 20.83333%; }

  .l-1-4, .l-2-8, .l-3-12, .l-4-16, .l-6-24 						              	 { width: 25%; }
  .l-push-1-4, .l-push-2-8, .l-push-3-12, .l-push-4-16, .l-push-6-24          { left: 25%; position: relative; }
  .l-pull-1-4, .l-pull-2-8, .l-pull-3-12, .l-pull-4-16, .l-pull-6-24          { left: -25%; position: relative; }
  .l-offset-1-4, .l-offset-2-8, .l-offset-3-12, .l-offset-4-16, .l-offset-6-24  { margin-left: 25%; }

  .l-7-24         { width: 29.16667%; }
  .l-push-7-24    { left: 29.16667%; position: relative; }
  .l-pull-7-24    { left: -29.16667%; position: relative; }
  .l-offset-7-24  { margin-left: 29.16667%; }

  .l-3-10 				{ width: 30%; }
  .l-push-3-10    { left: 30%; position: relative; }
  .l-pull-3-10    { left: -30%; position: relative; }
  .l-offset-3-10  { margin-left: 30%; }

  .l-5-16 				{ width: 31.25%; }
  .l-push-5-16 		{ left: 31.25%; position: relative; }
  .l-pull-5-16 		{ left: -31.25%; position: relative; }
  .l-offset-5-16 	{ margin-left: 31.25%; }

  .l-1-3, .l-4-12, .l-8-24 							         { width: 33.33333%; }
  .l-push-1-3, .l-push-4-12, .l-push-8-24       { left: 33.33333%; position: relative; }
  .l-pull-1-3, .l-pull-4-12, .l-pull-8-24       { left: -33.33333%; position: relative; }
  .l-offset-1-3, .l-offset-4-12, .l-offset-8-24 { margin-left: 33.33333%; }

  .l-3-8, .l-6-16, .l-9-24 						          { width: 37.5%; }
  .l-push-3-8, .l-push-6-16, .l-push-9-24       { left: 37.5%; position: relative; }
  .l-pull-3-8, .l-pull-6-16, .l-pull-9-24       { left: -37.5%; position: relative; }
  .l-offset-3-8, .l-offset-6-16, .l-offset-9-24 { margin-left: 37.5%; }

  .l-2-5, .l-4-10 							 { width: 40%; }
  .l-push-2-5, .l-push-4-10      { left: 40%; position: relative; }
  .l-pull-2-5, .l-pull-4-10      { left: -40%; position: relative; }
  .l-offset-2-5, .l-offset-4-10  { margin-left: 40%; }

  .l-5-12, .l-10-24 							{ width: 41.66667%; }
  .l-push-5-12, .l-push-10-24     { left: 41.66667%; position: relative; }
  .l-pull-5-12, .l-pull-10-24     { left: -41.66667%; position: relative; }
  .l-offset-5-12, .l-offset-10-24 { margin-left: 41.66667%; }

  .l-7-16 				{ width: 43.75%; }
  .l-push-7-16 		{ left: 43.75%; position: relative; }
  .l-pull-7-16 		{ left: -43.75%; position: relative; }
  .l-offset-7-16 	{ margin-left: 43.75%; }

  .l-11-24         { width: 45.83333%; }
  .l-push-11-24    { left: 45.83333%; position: relative; }
  .l-pull-11-24    { left: -45.83333%; position: relative; }
  .l-offset-11-24  { margin-left: 45.83333%; }

  .l-1-2, .l-2-4, .l-4-8, .l-5-10, .l-6-12, .l-8-16, .l-12-24 							                                   { width: 50%; }
  .l-push-1-2, .l-push-2-4, .l-push-4-8, .l-push-5-10, .l-push-6-12, .l-push-8-16, .l-push-12-24               { left: 50%; position: relative; }
  .l-pull-1-2, .l-pull-2-4, .l-pull-4-8, .l-pull-5-10, .l-pull-6-12, .l-pull-8-16, .l-pull-12-24               { left: -50%; position: relative; }
  .l-offset-1-2, .l-offset-2-4, .l-offset-4-8, .l-offset-5-10, .l-offset-6-12, .l-offset-6-16, .l-offset-12-24 { margin-left: 50%; }

  .l-13-24         { width: 54.16667%; }
  .l-push-13-24    { left: 54.16667%; position: relative; }
  .l-pull-13-24    { left: -54.16667%; position: relative; }
  .l-offset-13-24  { margin-left: 54.16667%; }

  .l-9-16 				{ width: 56.25%; }
  .l-push-9-16 		{ left: 56.25%; position: relative; }
  .l-pull-9-16 		{ left: -56.25%; position: relative; }
  .l-offset-9-16 	{ margin-left: 56.25%; }

  .l-7-12, .l-14-24 							{ width: 58.33333%; }
  .l-push-7-12, .l-push-14-24     { left: 58.33333%; position: relative; }
  .l-pull-7-12, .l-pull-14-24     { left: -58.33333%; position: relative; }
  .l-offset-7-12, .l-offset-14-24 { margin-left: 58.33333%; }

  .l-3-5, .l-6-10 							 { width: 60%; }
  .l-push-3-5, .l-push-6-10      { left: 60%; position: relative; }
  .l-pull-3-5, .l-pull-6-10      { left: -60%; position: relative; }
  .l-offset-3-5, .l-offset-6-10  { margin-left: 60%; }

  .l-5-8, .l-10-16, .l-15-24 							 { width: 62.5%; }
  .l-push-5-8, .l-push-10-16, .l-push-15-24     { left: 62.5%; position: relative; }
  .l-pull-5-8, .l-pull-10-16, .l-pull-15-24     { left: -62.5%; position: relative; }
  .l-offset-5-8, .l-offset-10-16, .l-offset-15-24 { margin-left: 62.5%; }

  .l-2-3, .l-8-12, .l-16-24 							{ width: 66.66667%; }
  .l-push-2-3, .l-push-8-12, .l-push-16-24     { left: 66.66667%; position: relative; }
  .l-pull-2-3, .l-pull-8-12, .l-pull-16-24     { left: -66.66667%; position: relative; }
  .l-offset-2-3, .l-offset-8-12, .l-offset-16-24 { margin-left: 66.66667%; }

  .l-11-16 				{ width: 68.75%; }
  .l-push-11-16 	{ left: 68.75%; position: relative; }
  .l-pull-11-16 	{ left: -68.75%; position: relative; }
  .l-offset-11-16 { margin-left: 68.75%; }

  .l-7-10 				{ width: 70%; }
  .l-push-7-10    { left: 70%; position: relative; }
  .l-pull-7-10    { left: -70%; position: relative; }
  .l-offset-7-10  { margin-left: 70%; }

  .l-17-24         { width: 70.83333%; }
  .l-push-17-24    { left: 70.83333%; position: relative; }
  .l-pull-17-24    { left: -70.83333%; position: relative; }
  .l-offset-17-24  { margin-left: 70.83333%; }

  .l-3-4, .l-6-8, .l-9-12, .l-12-16, .l-18-24 							         { width: 75%; }
  .l-push-3-4, .l-push-6-8, .l-push-9-12, .l-push-12-16, .l-push-18-24           { left: 75%; position: relative; }
  .l-pull-3-4, .l-pull-6-8, .l-pull-9-12, .l-pull-12-16, .l-pull-18-24           { left: -75%; position: relative; }
  .l-offset-3-4, .l-offset-6-8, .l-offset-9-12, .l-offset-12-16, .l-offset-18-24 { margin-left: 75%; }

  .l-19-24        { width: 79.16667%; }
  .l-push-19-24   { left: 79.16667%; position: relative; }
  .l-pull-19-24   { left: -79.16667%; position: relative; }
  .l-offset-19-24 { margin-left: 79.16667%; }

  .l-4-5, .l-8-10 							{ width: 80%; }
  .l-push-4-5, .l-push-8-10     { left: 80%; position: relative; }
  .l-pull-4-5, .l-pull-8-10     { left: -80%; position: relative; }
  .l-offset-4-5, .l-offset-8-10 { margin-left: 80%; }

  .l-13-16 				{ width: 81.25%; }
  .l-push-13-16 	{ left: 81.25%; position: relative; }
  .l-pull-13-16 	{ left: -81.25%; position: relative; }
  .l-offset-13-16 { margin-left: 81.25%; }

  .l-10-12, .l-20-24 							 { width: 83.33333%; }
  .l-push-10-12, .l-push-20-24     { left: 83.33333%; position: relative; }
  .l-pull-10-12, .l-pull-20-24     { left: -83.33333%; position: relative; }
  .l-offset-10-12, .l-offset-20-24 { margin-left: 83.33333%; }

  .l-7-8, .l-14-16, .l-21-24 							        { width: 87.5%; }
  .l-push-7-8, .l-push-14-16, .l-push-21-24       { left: 87.5%; position: relative; }
  .l-pull-7-8, .l-pull-14-16, .l-pull-21-24       { left: -87.5%; position: relative; }
  .l-offset-7-8, .l-offset-14-16, .l-offset-21-24 { margin-left: 87.5%; }

  .l-9-10 				{ width: 90%; }
  .l-push-9-10    { left: 90%; position: relative; }
  .l-pull-9-10    { left: -90%; position: relative; }
  .l-offset-9-10  { margin-left: 90%; }

  .l-11-12, .l-22-24 							 { width: 91.66667%; }
  .l-push-11-12, .l-push-22-24     { left: 91.66667%; position: relative; }
  .l-pull-11-12, .l-pull-22-24     { left: -91.66667%; position: relative; }
  .l-offset-11-12, .l-offset-22-24 { margin-left: 91.66667%; }

  .l-15-16 				{ width: 93.75%; }
  .l-push-15-16 	{ left: 93.75%; position: relative; }
  .l-pull-15-16 	{ left: -93.75%; position: relative; }
  .l-offset-15-16 { margin-left: 93.75%; }

  .l-23-24         { width: 95.83333%; }
  .l-push-23-24    { left: 95.83333%; position: relative; }
  .l-pull-23-24    { left: -95.83333%; position: relative; }
  .l-offset-23-24  { margin-left: 95.83333%; }

	.l-1						{ width: 100%; }
	.l-offset-0			{ margin-left: 0%; }
  .l-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
	}
	.l-uncenter, .l-push-0, .l-pull-0 {
		position: static;
		margin-left: 0;
		margin-right: 0;
		float: left;
	}
}
@media screen and (min-width: 75em) {
  .xl-1-24         { width: 4.16667%; }
  .xl-push-1-24    { left: 4.16667%; position: relative; }
  .xl-pull-1-24    { left: -4.16667%; position: relative; }
  .xl-offset-1-24  { margin-left: 4.16667%; }

  .xl-1-16 				{ width: 6.25%; }
  .xl-push-1-16 		{ left: 6.25%; position: relative; }
  .xl-pull-1-16 		{ left: -6.25%; position: relative; }
  .xl-offset-1-16 	{ margin-left: 6.25%; }

  .xl-1-12, .xl-2-24 							 { width: 8.33333%; }
  .xl-push-1-12, .xl-push-2-24     { left: 8.33333%; position: relative; }
  .xl-pull-1-12, .xl-pull-2-24     { left: -8.33333%; position: relative; }
  .xl-offset-1-12, .xl-offset-2-24 { margin-left: 8.33333%; }

  .xl-1-10 				{ width: 10%; }
  .xl-push-1-10    { left: 10%; position: relative; }
  .xl-pull-1-10    { left: -10%; position: relative; }
  .xl-offset-1-10  { margin-left: 10%; }

  .xl-1-8, .xl-2-16, .xl-3-24                      { width: 12.5%; }
  .xl-push-1-8, .xl-push-2-16, .xl-push-3-24       { left: 12.5%; position: relative; }
  .xl-pull-1-8, .xl-pull-2-16, .xl-pull-3-24       { left: -12.5%; position: relative; }
  .xl-offset-1-8, .xl-offset-2-16, .xl-offset-3-24 { margin-left: 12.5%; }

  .xl-2-12, .xl-4-24 							 { width: 16.66667%; }
  .xl-push-2-12, .xl-push-4-24     { left: 16.66667%; position: relative; }
  .xl-pull-2-12, .xl-pull-4-24     { left: -16.66667%; position: relative; }
  .xl-offset-2-12, .xl-offset-4-24 { margin-left: 16.66667%; }

  .xl-3-16 				{ width: 18.75%; }
  .xl-push-3-16 		{ left: 18.75%; position: relative; }
  .xl-pull-3-16 		{ left: -18.75%; position: relative; }
  .xl-offset-2-16 	{ margin-left: 18.75%; }

  .xl-1-5, .xl-2-10 							{ width: 20%; }
  .xl-push-1-5, .xl-push-2-10     { left: 20%; position: relative; }
  .xl-pull-1-5, .xl-pull-2-10     { left: -20%; position: relative; }
  .xl-offset-1-5, .xl-offset-2-10 { margin-left: 20%; }

  .xl-5-24         { width: 20.83333%; }
  .xl-push-5-24    { left: 20.83333%; position: relative; }
  .xl-pull-5-24    { left: -20.83333%; position: relative; }
  .xl-offset-5-24  { margin-left: 20.83333%; }

  .xl-1-4, .xl-2-8, .xl-3-12, .xl-4-16, .xl-6-24 						              	 { width: 25%; }
  .xl-push-1-4, .xl-push-2-8, .xl-push-3-12, .xl-push-4-16, .xl-push-6-24          { left: 25%; position: relative; }
  .xl-pull-1-4, .xl-pull-2-8, .xl-pull-3-12, .xl-pull-4-16, .xl-pull-6-24          { left: -25%; position: relative; }
  .xl-offset-1-4, .xl-offset-2-8, .xl-offset-3-12, .xl-offset-4-16, .xl-offset-6-24  { margin-left: 25%; }

  .xl-7-24         { width: 29.16667%; }
  .xl-push-7-24    { left: 29.16667%; position: relative; }
  .xl-pull-7-24    { left: -29.16667%; position: relative; }
  .xl-offset-7-24  { margin-left: 29.16667%; }

  .xl-3-10 				{ width: 30%; }
  .xl-push-3-10    { left: 30%; position: relative; }
  .xl-pull-3-10    { left: -30%; position: relative; }
  .xl-offset-3-10  { margin-left: 30%; }

  .xl-5-16 				{ width: 31.25%; }
  .xl-push-5-16 		{ left: 31.25%; position: relative; }
  .xl-pull-5-16 		{ left: -31.25%; position: relative; }
  .xl-offset-5-16 	{ margin-left: 31.25%; }

  .xl-1-3, .xl-4-12, .xl-8-24 							         { width: 33.33333%; }
  .xl-push-1-3, .xl-push-4-12, .xl-push-8-24       { left: 33.33333%; position: relative; }
  .xl-pull-1-3, .xl-pull-4-12, .xl-pull-8-24       { left: -33.33333%; position: relative; }
  .xl-offset-1-3, .xl-offset-4-12, .xl-offset-8-24 { margin-left: 33.33333%; }

  .xl-3-8, .xl-6-16, .xl-9-24 						          { width: 37.5%; }
  .xl-push-3-8, .xl-push-6-16, .xl-push-9-24       { left: 37.5%; position: relative; }
  .xl-pull-3-8, .xl-pull-6-16, .xl-pull-9-24       { left: -37.5%; position: relative; }
  .xl-offset-3-8, .xl-offset-6-16, .xl-offset-9-24 { margin-left: 37.5%; }

  .xl-2-5, .xl-4-10 							 { width: 40%; }
  .xl-push-2-5, .xl-push-4-10      { left: 40%; position: relative; }
  .xl-pull-2-5, .xl-pull-4-10      { left: -40%; position: relative; }
  .xl-offset-2-5, .xl-offset-4-10  { margin-left: 40%; }

  .xl-5-12, .xl-10-24 							{ width: 41.66667%; }
  .xl-push-5-12, .xl-push-10-24     { left: 41.66667%; position: relative; }
  .xl-pull-5-12, .xl-pull-10-24     { left: -41.66667%; position: relative; }
  .xl-offset-5-12, .xl-offset-10-24 { margin-left: 41.66667%; }

  .xl-7-16 				{ width: 43.75%; }
  .xl-push-7-16 		{ left: 43.75%; position: relative; }
  .xl-pull-7-16 		{ left: -43.75%; position: relative; }
  .xl-offset-7-16 	{ margin-left: 43.75%; }

  .xl-11-24         { width: 45.83333%; }
  .xl-push-11-24    { left: 45.83333%; position: relative; }
  .xl-pull-11-24    { left: -45.83333%; position: relative; }
  .xl-offset-11-24  { margin-left: 45.83333%; }

  .xl-1-2, .xl-2-4, .xl-4-8, .xl-5-10, .xl-6-12, .xl-8-16, .xl-12-24 							                                   { width: 50%; }
  .xl-push-1-2, .xl-push-2-4, .xl-push-4-8, .xl-push-5-10, .xl-push-6-12, .xl-push-8-16, .xl-push-12-24               { left: 50%; position: relative; }
  .xl-pull-1-2, .xl-pull-2-4, .xl-pull-4-8, .xl-pull-5-10, .xl-pull-6-12, .xl-pull-8-16, .xl-pull-12-24               { left: -50%; position: relative; }
  .xl-offset-1-2, .xl-offset-2-4, .xl-offset-4-8, .xl-offset-5-10, .xl-offset-6-12, .xl-offset-6-16, .xl-offset-12-24 { margin-left: 50%; }

  .xl-13-24         { width: 54.16667%; }
  .xl-push-13-24    { left: 54.16667%; position: relative; }
  .xl-pull-13-24    { left: -54.16667%; position: relative; }
  .xl-offset-13-24  { margin-left: 54.16667%; }

  .xl-9-16 				{ width: 56.25%; }
  .xl-push-9-16 		{ left: 56.25%; position: relative; }
  .xl-pull-9-16 		{ left: -56.25%; position: relative; }
  .xl-offset-9-16 	{ margin-left: 56.25%; }

  .xl-7-12, .xl-14-24 							{ width: 58.33333%; }
  .xl-push-7-12, .xl-push-14-24     { left: 58.33333%; position: relative; }
  .xl-pull-7-12, .xl-pull-14-24     { left: -58.33333%; position: relative; }
  .xl-offset-7-12, .xl-offset-14-24 { margin-left: 58.33333%; }

  .xl-3-5, .xl-6-10 							 { width: 60%; }
  .xl-push-3-5, .xl-push-6-10      { left: 60%; position: relative; }
  .xl-pull-3-5, .xl-pull-6-10      { left: -60%; position: relative; }
  .xl-offset-3-5, .xl-offset-6-10  { margin-left: 60%; }

  .xl-5-8, .xl-10-16, .xl-15-24 							 { width: 62.5%; }
  .xl-push-5-8, .xl-push-10-16, .xl-push-15-24     { left: 62.5%; position: relative; }
  .xl-pull-5-8, .xl-pull-10-16, .xl-pull-15-24     { left: -62.5%; position: relative; }
  .xl-offset-5-8, .xl-offset-10-16, .xl-offset-15-24 { margin-left: 62.5%; }

  .xl-2-3, .xl-8-12, .xl-16-24 							{ width: 66.66667%; }
  .xl-push-2-3, .xl-push-8-12, .xl-push-16-24     { left: 66.66667%; position: relative; }
  .xl-pull-2-3, .xl-pull-8-12, .xl-pull-16-24     { left: -66.66667%; position: relative; }
  .xl-offset-2-3, .xl-offset-8-12, .xl-offset-16-24 { margin-left: 66.66667%; }

  .xl-11-16 				{ width: 68.75%; }
  .xl-push-11-16 	{ left: 68.75%; position: relative; }
  .xl-pull-11-16 	{ left: -68.75%; position: relative; }
  .xl-offset-11-16 { margin-left: 68.75%; }

  .xl-7-10 				{ width: 70%; }
  .xl-push-7-10    { left: 70%; position: relative; }
  .xl-pull-7-10    { left: -70%; position: relative; }
  .xl-offset-7-10  { margin-left: 70%; }

  .xl-17-24         { width: 70.83333%; }
  .xl-push-17-24    { left: 70.83333%; position: relative; }
  .xl-pull-17-24    { left: -70.83333%; position: relative; }
  .xl-offset-17-24  { margin-left: 70.83333%; }

  .xl-3-4, .xl-6-8, .xl-9-12, .xl-12-16, .xl-18-24 							          { width: 75%; }
  .xl-push-3-4, .xl-push-6-8, .xl-push-9-12, .xl-push-12-16, .xl-push-18-24           { left: 75%; position: relative; }
  .xl-pull-3-4, .xl-pull-6-8, .xl-pull-9-12, .xl-pull-12-16, .xl-pull-18-24           { left: -75%; position: relative; }
  .xl-offset-3-4, .xl-offset-6-8, .xl-offset-9-12, .xl-offset-12-16, .xl-offset-18-24 { margin-left: 75%; }

  .xl-19-24        { width: 79.16667%; }
  .xl-push-19-24   { left: 79.16667%; position: relative; }
  .xl-pull-19-24   { left: -79.16667%; position: relative; }
  .xl-offset-19-24 { margin-left: 79.16667%; }

  .xl-4-5, .xl-8-10 							{ width: 80%; }
  .xl-push-4-5, .xl-push-8-10     { left: 80%; position: relative; }
  .xl-pull-4-5, .xl-pull-8-10     { left: -80%; position: relative; }
  .xl-offset-4-5, .xl-offset-8-10 { margin-left: 80%; }

  .xl-13-16 				{ width: 81.25%; }
  .xl-push-13-16 	{ left: 81.25%; position: relative; }
  .xl-pull-13-16 	{ left: -81.25%; position: relative; }
  .xl-offset-13-16 { margin-left: 81.25%; }

  .xl-10-12, .xl-20-24 							 { width: 83.33333%; }
  .xl-push-10-12, .xl-push-20-24     { left: 83.33333%; position: relative; }
  .xl-pull-10-12, .xl-pull-20-24     { left: -83.33333%; position: relative; }
  .xl-offset-10-12, .xl-offset-20-24 { margin-left: 83.33333%; }

  .xl-7-8, .xl-14-16, .xl-21-24 							        { width: 87.5%; }
  .xl-push-7-8, .xl-push-14-16, .xl-push-21-24       { left: 87.5%; position: relative; }
  .xl-pull-7-8, .xl-pull-14-16, .xl-pull-21-24       { left: -87.5%; position: relative; }
  .xl-offset-7-8, .xl-offset-14-16, .xl-offset-21-24 { margin-left: 87.5%; }

  .xl-9-10 				{ width: 90%; }
  .xl-push-9-10    { left: 90%; position: relative; }
  .xl-pull-9-10    { left: -90%; position: relative; }
  .xl-offset-9-10  { margin-left: 90%; }

  .xl-11-12, .xl-22-24 							 { width: 91.66667%; }
  .xl-push-11-12, .xl-push-22-24     { left: 91.66667%; position: relative; }
  .xl-pull-11-12, .xl-pull-22-24     { left: -91.66667%; position: relative; }
  .xl-offset-11-12, .xl-offset-22-24 { margin-left: 91.66667%; }

  .xl-15-16 				{ width: 93.75%; }
  .xl-push-15-16 	{ left: 93.75%; position: relative; }
  .xl-pull-15-16 	{ left: -93.75%; position: relative; }
  .xl-offset-15-16 { margin-left: 93.75%; }

  .xl-23-24         { width: 95.83333%; }
  .xl-push-23-24    { left: 95.83333%; position: relative; }
  .xl-pull-23-24    { left: -95.83333%; position: relative; }
  .xl-offset-23-24  { margin-left: 95.83333%; }

  .xl-1						{ width: 100%; }
  .xl-offset-0			{ margin-left: 0%; }
  .xl-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .xl-uncenter, .xl-push-0, .xl-pull-0 {
	position: static;
	margin-left: 0;
	margin-right: 0;
	float: left;
  }
}

/* ==========================================================================
   # Responsive Elements: box-flex + box-scroll + box-table
   ========================================================================== */
.box-resp {
	position: relative;
	display: block;
	height: auto;
	max-height: none;
	width: auto;
	max-width: 100%;
	overflow-x: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}
.box-resp > * {
	margin: auto;
}
.box-resp > table,
.box-resp > .table,
.box-resp > div {
	width: auto;
	max-width: 100%;
	width: auto;
	white-space: nowrap;
}
.box-resp table {
	border-collapse: collapse;
	border-spacing: 0;
}
.box-resp > iframe,
.box-resp > object,
.box-resp > embed,
.box-resp > video,
.box-resp > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.box-resp.display {
	overflow: hidden;
	height: 0;
	width: auto;
	max-width: 100%;
	padding-bottom: 75%;
}
.box-resp.display > img {
	position: absolute;
	top: -2000px;
	bottom: -2000px;
	left: -2000px;
	right: -2000px;
	max-width: 100%;
	height: auto;
	margin: auto;
}
.box-resp.display.widescreen-1 {
	padding-bottom: 56.25%;
}
.box-resp.display.widescreen-2 {
	padding-bottom: 62.5%;
}

/* ==========================================================================
   ## Div Tables
   ========================================================================== */
.table,
.tr,
.td {
	position: relative;
}
.table,
.tr {
	width: 100%;
}
.table {
	margin: 0 auto;
}
.td .row,
.td .row .col {
	padding: 0;
}
.table {
	display: table;
	padding: 0;
	margin: 0 auto;
}
.tr {
	display: table-row;
}
.td {
	display: table-cell;
}
.td::before,
.td::after {
	content: " ";
	display: table-cell;
}
.td::after {
	clear: both;
}