.container                              		{ display: flex; flex-wrap: wrap; position: relative; width: 91%; max-width: 2215px; margin: 0 auto; padding: 0; }
.containers                              		{ width: 100%; }
.container .column,
.container .columns                         	{ float: left; display: inline; margin-left: 1rem; margin-right: 1rem; position: relative }

/* Base Grid */
.container .one.column,
.container .one.columns                    	 	{ width: calc(8.3333333% - 2rem); }
.container .two.columns                    	 	{ width: calc(16.6666666% - 2rem); }
.container .three.columns                  		{ width: calc(25% - 2rem); }
.container .four.columns                    	{ width: calc(33.3333333% - 2rem); }
.container .five.columns                    	{ width: calc(41.6666666% - 2rem); }
.container .six.columns                     	{ width: calc(50% - 2rem);  }
.container .seven.columns                   	{ width: calc(58.3333333% - 2rem); }
.container .eight.columns                   	{ width: calc(66.6666666% - 2rem); }
.container .nine.columns                    	{ width: calc(75% - 2rem);  }
.container .ten.columns                     	{ width: calc(83.3333333% - 2rem); }
.container .eleven.columns                  	{ width: calc(91.6666666% - 2rem); }
.container .twelve.columns                  	{ width: calc(100% - 2rem); }
.container .slider                  			{ width: 100%; }

/* nested columns */
.columns .column:first-of-type,
.columns .columns:first-of-type             	{ margin-left: 0; }
.columns .column:last-of-type,
.columns .columns:last-of-type              	{ margin-right: 0; }
.container .columns > .one.column,
.container .columns > .one.columns          	{ width: calc(8.3333333% - 1rem); }
.container .columns > .two.columns          	{ width: calc(16.6666666% - 1rem); }
.container .columns > .three.columns  			{ width: calc(25% - 1rem); }
.container .columns > .four.columns				{ width: calc(33.3333333% - 1rem); }
.container .columns > .five.columns				{ width: calc(41.6666666% - 1rem); }
.container .columns > .six.columns          	{ width: calc(50% - 1rem);  }
.container .columns > .seven.columns        	{ width: calc(58.3333333% - 1rem); }
.container .columns > .eight.columns        	{ width: calc(66.6666666% - 1rem); }
.container .columns > .nine.columns         	{ width: calc(75% - 1rem);  }
.container .columns > .ten.columns          	{ width: calc(83.3333333% - 1rem); }
.container .columns > .eleven.columns       	{ width: calc(91.6666666% - 1rem); }
.container .columns > .twelve.columns       	{ width: 100%; }

/* Offsets */
.container .offset-by-one                  		{ margin-left: calc(8.3333333% + 1rem);  }
.container .offset-by-two                   	{ margin-left: calc(16.6666666% + 1rem); }
.container .offset-by-three                 	{ margin-left: calc(25% + 1rem); }
.container .offset-by-four                  	{ margin-left: calc(33.3333333% + 1rem); }
.container .offset-by-five                  	{ margin-left: calc(41.6666666% + 1rem); }
.container .offset-by-six                   	{ margin-left: calc(50% + 1rem); }
.container .offset-by-seven                 	{ margin-left: calc(58.3333333% + 1rem); }
.container .offset-by-eight                	 	{ margin-left: calc(66.6666666% + 1rem); }
.container .offset-by-nine                  	{ margin-left: calc(75% + 1rem); }
.container .offset-by-ten                   	{ margin-left: calc(83.3333333% + 1rem); }
.container .offset-by-eleven                	{ margin-left: calc(91.6666666% + 1rem); }

.spacer-block, 
section.block {
	margin-bottom: 5rem;
	width: 100%;
}
		section.block + section.block:last-child,
		section.block:last-child {
			margin-bottom: 2rem;
		}

@media only screen and (max-width: 1479px) {
	
	.container									{ width: 92%; box-sizing: border-box;  }
	
	.spacer-block,
	section.block {
		margin-bottom: 4rem;
		width: 100%;
	}
}

@media only screen and (orientation: portrait) and (min-width: 768px) {
	
	.container .ten.columns,         
	.container .twelve.columns       			{ width: 100%; }
	.container .ten.columns.offset-by-one        { margin-left: 0;  }

}

@media only screen and (max-width: 880px) {
	
	.container .columns,
	.container .column							{ margin-left: 0 !important; margin-right: 0 !important; }

	.container .one.column.alpha,
	.container .one.column.omega,
	.container .one.columns.alpha,
	.container .one.columns.omega,
	.container .one.column,
	.container .one.columns,
	.container .two.columns.alpha,
	.container .two.columns.omega,
	.container .two.columns,
	.container .three.columns.alpha,
	.container .three.columns.omega,
	.container .three.columns,
	.container .four.columns.alpha,
	.container .four.columns.omega,
	.container .four.columns,
	.container .five.columns.alpha,
	.container .five.columns.omega,
	.container .five.columns,
	.container .six.columns.alpha,
	.container .six.columns.omega,		
	.container .six.columns,
	.container .seven.columns.alpha,
	.container .seven.columns.omega,
	.container .seven.columns,
	.container .eight.columns.alpha,
	.container .eight.columns.omega,
	.container .eight.columns,
	.container .nine.columns.alpha,
	.container .nine.columns.omega,
	.container .nine.columns,
	.container .ten.columns.alpha,
	.container .ten.columns.omega,
	.container .ten.columns,
	.container .eleven.columns.alpha,
	.container .eleven.columns.omega,
	.container .eleven.columns,
	.container .twelve.columns.alpha,
	.container .twelve.columns.omega,
	.container .twelve.columns  				{ width: 100%; }

	.container .callOut .one.column,
	.container .callOut .one.columns,
	.container .callOut .two.columns,
	.container .callOut .three.columns,
	.container .callOut .four.columns,
	.container .callOut .five.columns,
	.container .callOut .six.columns,
	.container .callOut .seven.columns,
	.container .callOut .eight.columns,
	.container .callOut .nine.columns,
	.container .callOut .ten.columns,
	.container .callOut .eleven.columns,
	.container .callOut .twelve.columns  		{ box-sizing: border-box; }

	.container .columns.half,
	.container .column.half     				{ width: calc(50% - 1rem) !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box; padding: 0; }
	.columns.half + .columns.half,
	.column.half + .column.half					{ margin-left: 2rem !important; }

	/* Offsets */
	.container .offset-by-one,
	.container .offset-by-two,
	.container .offset-by-three,
	.container .offset-by-four,
	.container .offset-by-five,
	.container .offset-by-six,
	.container .offset-by-seven,
	.container .offset-by-eight,
	.container .offset-by-nine,
	.container .offset-by-ten,
	.container .offset-by-eleven 				{ margin-left: 0; }	

}


/* Force Clearing 
   -------------- */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }