/* row control */

/* Perishable Clearfix: use on any parent with floating children */
section:after,
.clearfix:after,
.row:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html section,
* html .clearfix,
* html .row             { zoom: 1; } /* IE6 */
*:first-child+html section,
*:first-child+html .clearfix,
*:first-child+html .row { zoom: 1; } /* IE7 */



/* column control */
.wrapper {
	margin: 0 auto;
	width: 100%;
	padding: 0;
}

/* handles behavior, e.g. floating and base column properties */
.col {
	float: left;
	padding-left: 1.5%;
	padding-right: 1.5%;
	margin-bottom: 30px;
	box-sizing: border-box;
}

/* remove margin from first column to equal 100% of total width */
.col:first-child:not(.col-kp) { padding-left: 0; }
.col:last-child:not(.col-kp) { padding-right: 0; }

/* set base column widths */
.col-12 { width: 100%; }
.col-11 { width: 91.667%; }
.col-10 { width: 83.333%; }
.col-9 { width: 75%; }
.col-8 { width: 66.667%; }
.col-7 { width: 58.333%; }
.col-6 { width: 50%; }
.col-5 { width: 41.667%; }
.col-4 { width: 33.333%; }
.col-3 { width: 25%; }
.col-2 { width: 16.667%; }
.col-1 { width: 8.333%; }

/* responsive element scaling */
img.scale, 
iframe.scale, 
object.scale {
	height: auto;
	max-width: 100%;
}

.row-nomb .col,
.col-nomb {
	margin-bottom: 0;
}

/* Portrait phones and down */
@media only screen and (max-width: 479px) { /* This size and DOWN */
	.col { 
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
	}
	/* All columns full width at this size */
	.col-12, 
	.col-11,
	.col-10,
	.col-9,
	.col-8,
	.col-7,
	.col-6,
	.col-5,
	.col-4,
	.col-3,
	.col-2,
	.col-1 {
		width: 100%; 
	}
	
	.wrapper {
		width: 96%;  
		margin: 0 auto; padding: 0;
	}
}

/* Landscape phone to portrait tablet */
@media only screen and (min-width: 480px) { /* This size and UP */
	/* vertically center items */
	.row-vc { display: flex; align-items: center; }

	/* base column widths used at this size */

	/* set border */
	.col-br { border-right: 1px solid rgba(0,0,0,.08); }
	/* righ-aligned text */
	.col-tr { text-align: right; }
	/* reset to left as if starting a new row */
	.col-clr { clear: both; padding-left: 0; }

	.wrapper {
		width: 440px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) { /* EXACTLY this size */
	/* reset to left as if starting a new row */
	.col-sm-clr { clear: both; padding-left: 0; }
}
@media only screen and (max-width: 767px) { /* This size and DOWN */
	/* remove padding from full-width columns set to change at next breakpoint */
	.col-12[class*=col-md] { padding-left: 0; padding-right: 0; }
	.col-12[class*=col-md] + .col { padding-left: 0; }
}

/* Portrait tablet to landscape narrow desktop */
@media only screen and (min-width: 768px) { /* This size and UP */
	/* vertically center items */
	.row-md-vc { display: flex; align-items: center; }

	/* set medium column widths */
	.col-md-12 { width: 100%; }
	.col-md-11 { width: 91.667%; }
	.col-md-10 { width: 83.333%; }
	.col-md-9 { width: 75%; }
	.col-md-8 { width: 66.667%; }
	.col-md-7 { width: 58.333%; }
	.col-md-6 { width: 50%; }
	.col-md-5 { width: 41.667%; }
	.col-md-4 { width: 33.333%; }
	.col-md-3 { width: 25%; }
	.col-md-2 { width: 16.667%; }
	.col-md-1 { width: 8.333%; }

	/* set border */
	.col-md-br { border-right: 1px solid rgba(0,0,0,.08); }
	/* righ-aligned text */
	.col-md-tr { text-align: right; }
	/* reset to left as if starting a new row */
	.col-md-xl-clr { clear: both; padding-left: 0; }

	.wrapper {
		width: 728px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 959px) { /* EXACTLY this size */
	/* reset to left as if starting a new row */
	.col-md-clr { clear: both; padding-left: 0; }
}
@media only screen and (max-width: 959px) { /* This size and DOWN */
	/* reset to left as if starting a new row */
	.col-sm-md-clr { clear: both; padding-left: 0; }
	/* remove padding from full-width columns set to change at next breakpoint */
	.col-12[class*=col-lg]:not(.col-kp) { padding-left: 0; padding-right: 0; }
	.col-12[class*=col-lg]:not(.col-kp) + .col { padding-left: 0; }
}

/* Standard Desktop */ 
@media only screen and (min-width: 960px) { /* This size and UP */
	/* vertically center items */
	.row-lg-vc { display: flex; align-items: center; }

	/* set large column widths */
	.col-lg-12 { width: 100%; }
	.col-lg-11 { width: 91.667%; }
	.col-lg-10 { width: 83.333%; }
	.col-lg-9 { width: 75%; }
	.col-lg-8 { width: 66.667%; }
	.col-lg-7 { width: 58.333%; }
	.col-lg-6 { width: 50%; }
	.col-lg-5 { width: 41.667%; }
	.col-lg-4 { width: 33.333%; }
	.col-lg-3 { width: 25%; }
	.col-lg-2 { width: 16.667%; }
	.col-lg-1 { width: 8.333%; }

	/* set border */
	.col-lg-br { border-right: 1px solid rgba(0,0,0,.08); }
	/* righ-aligned text */
	.col-lg-tr { text-align: right; }
	/* reset to left as if starting a new row */
	.col-lg-xl-clr { clear: both; padding-left: 0; }

	.wrapper {
		width: 920px;
	}
}
@media only screen and (min-width: 960px) and (max-width: 1159px) { /* EXACTLY this size */
	/* reset to left as if starting a new row */
	.col-lg-clr { clear: both; padding-left: 0; }
}
@media only screen and (max-width: 1159px) { /* This size and DOWN */
	/* reset to left as if starting a new row */
	.col-sm-lg-clr { clear: both; padding-left: 0; }
	/* remove padding from full-width columns set to change at next breakpoint */
	.col-12[class*=col-xl]:not(.col-kp) { padding-left: 0; padding-right: 0; }
	.col-12[class*=col-xl]:not(.col-kp) + .col { padding-left: 0; }
}

/* Widescreen Desktop */
@media only screen and (min-width: 1160px) { /* This size and UP */
	/* vertically center items */
	.row-xl-vc { display: flex; align-items: center; }

	/* set x-large column widths */
	.col-xl-12 { width: 100%; }
	.col-xl-11 { width: 91.667%; }
	.col-xl-10 { width: 83.333%; }
	.col-xl-9 { width: 75%; }
	.col-xl-8 { width: 66.667%; }
	.col-xl-7 { width: 58.333%; }
	.col-xl-6 { width: 50%; }
	.col-xl-5 { width: 41.667%; }
	.col-xl-4 { width: 33.333%; }
	.col-xl-3 { width: 25%; }
	.col-xl-2 { width: 16.667%; }
	.col-xl-1 { width: 8.333%; }

	/* set border */
	.col-xl-br { border-right: 1px solid rgba(0,0,0,.08); }
	/* righ-aligned text */
	.col-xl-tr { text-align: right; }
	/* reset to left as if starting a new row */
	.col-xl-clr { clear: both; padding-left: 0; }

	.wrapper {
		width: 1120px;
	}
}