body{
	font-size: 15px;
}


.container {
overflow:hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	min-width:300px;  
}
.container > .content-full,
.container > .content {
	margin-left: auto;
	margin-right: auto;
	min-width:300px;
	width:90%;
	margin-bottom: 1em;
}
.container > .content-full{
	width:100%;
}

.container:before,
.container:after {
	content:"";
	display:block;
	clear:both;
}


.row {
	position: relative;
	display:flex;
	flex-wrap: wrap;
	align-items: flex-start;
	
}
.row.nowrap{
	flex-wrap: nowrap;
}
.row  [class^="col-"] {
align-content:space-between;
	min-height: 0.125rem;
}
.row:before,
.row:after {
	content:'';
	display: block;
	clear: both;
}
.order-before{
	order:-128;
}
.order-after{
	order:128;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  
  	flex: 0 0 100%;
	max-width: 100%;
}
.col-1-sm {		flex: 0 0 8.333333%;    max-width: 8.333333%;	}
.col-2-sm {		flex: 0 0  16.666667%;    max-width:  16.666667%;		}
.col-3-sm {		flex: 0 0 25%;    max-width: 25%;	}
.col-4-sm {		flex: 0 0 33.333333%;    max-width: 33.333333%;		}
.col-5-sm {		flex: 0 0 41.666667%;    max-width: 41.666667%;		}
.col-6-sm {		flex: 0 0 50%;    max-width: 50%;	width: 50%;		}
.col-7-sm {		flex: 0 0 58.333333%;    max-width: 58.333333%;	}
.col-8-sm {		flex: 0 0 66.666667%;    max-width: 66.666667%;		}
.col-9-sm {		flex: 0 0 75%;    max-width: 75%;			}
.col-10-sm {	flex: 0 0 83.333333%;    max-width: 83.333333%;		}
.col-11-sm {	flex: 0 0 91.666667%;    max-width: 91.666667%;		}
.col-12-sm {	flex: 0 0 100%;    max-width: 100%;		}

.row-1-sm {		height: 8.333333%;	}
.row-2-sm {		height:  16.666667%;		}
.row-3-sm {		height: 25%;	}
.row-4-sm {		height: 33.333333%;		}
.row-5-sm {		height: 41.666667%;		}
.row-6-sm {		height: 50%;		}
.row-7-sm {		height: 58.333333%;	}
.row-8-sm {		height: 66.666667%;		}
.row-9-sm {		height: 75%;			}
.row-10-sm {	height: 83.333333%;		}
.row-11-sm {	height: 91.666667%;		}
.row-12-sm {	height: 100%;		}


.row.middle{
	align-items: center;
}

.left {
	text-align: left;
}
.row.left {
	justify-content: flex-start;
}
.right {
	text-align: right;
}
.row.right {
	justify-content: flex-end;
}
.center {
	text-align: center;
}
.row.center {
	justify-content: center;
}
.row.space{
	justify-content:space-between;
}
.left img,
.right img,
.center img {
	float:none !important;
}
.justify {
	text-align: justify;
}


.pull-left{
	float:left;
}
.pull-right{
	float:right;
}

.padding-none{
	padding:0;
}
.padding{
	padding:1em;
}
.padding-cell{
	padding:2em 4em;
}

.small {
	font-size:.85em;
}
.smaller {
	font-size:.92em;
}
.bigger {
	font-size:1.15em;
}
.big {
	font-size:1.30em;
	line-height:1.25;
}

	.hidden{
		display:none !important;
	}
	.block{
		display:block;
	}
	.inline-block{
		display:inline-block;
	}
	.inline{
		display:inline;
	}


.order-first{
	order:1;
}
.order-last{
	order:3;
}
.order{
	order:2;
}


.bold {
	font-weight: 700;
}

.black {
	font-weight: 900;
}

.row.middle {}
.row.middle:before{content:'';height:100%;display:inline-block;width:0;vertical-align: middle;}
.row.middle > *{vertical-align: middle;display: inline-block;}

@media only screen and (max-width: 540px) {  /*  33.75em*/


.order-before-sm{
	order:-128;
}
.order-after-sm{
	order:128;
}
	.hidden-sm{
		display:none !important;
	}
	.block-sm{
		display:block;
	}
	.inline-block-sm{
		display:inline-block;
	}
	.inline-sm{
		display:inline;
	}


	.left-sm {
		text-align: left;
	}
	.right-sm {
		text-align: right;
	}
	.center-sm {
		text-align: center;
	}
	.justify-sm {
		text-align: justify;
	}

	
	.padding-none-sm{
		padding:0;
	}
	.padding-sm{
		padding:1em;
	}


	.pull-left-sm{
		float: left;
	}
	.pull-right-sm{
		float: right;
	}


	.order-first-sm{
		order:1;
	}
	.order-last-sm{
		order:3;
	}
	.order-sm{
		order:2;
	}
	

	.small-sm {
		font-size:.7em;
	}
	.smaller-sm {
		font-size:.85em;
	}
	.bigger-sm {
		font-size:1.15em;
	}
	.big-sm {
		font-size:1.30em;
		line-height:1.25;
	}
	
}
@media only screen and (min-width: 540px) {  /*  33.75em*/
	body{
		font-size: 15px;
	}


}
@media only screen and (max-width: 960px) {  /*  60em*/
	
	
.order-before-md{
	order:-128;
}
.order-after-md{
	order:128;
}
	.left-md {
		text-align: left;
	}
	.right-md {
		text-align: right;
	}
	.center-md {
		text-align: center;
	}
	.justify-md {
		text-align: justify;
	}


	.pull-left-md{
		float: left;
	}
	.pull-right-md{
		float: right;
	}
	

	.hidden-md{
		display:none !important;
	}


	.order-first-md{
		order:1;
	}
	.order-last-md{
		order:3;
	}
	.order-md{
		order:2;
	}
	

	.small-md {
		font-size:.8em;
	}
	.smaller-md {
		font-size:.9em;
	}
	.bigger-md {
		font-size:1.15em;
	}
	.big-md {
		font-size:1.30em;
		line-height:1.25;
	}
	
}
@media only screen and (min-width: 720px) {  /*  45em*/




	.col-1-md {		flex: 0 0 8.333333%;    max-width: 8.333333%;	}
	.col-2-md {		flex: 0 0  16.666667%;    max-width:  16.666667%;		}
	.col-3-md {		flex: 0 0 25%;    max-width: 25%;	}
	.col-4-md {		flex: 0 0 33.333333%;    max-width: 33.333333%;		}
	.col-5-md {		flex: 0 0 41.666667%;    max-width: 41.666667%;		}
	.col-6-md {		flex: 0 0 50%;    max-width: 50%;			}
	.col-7-md {		flex: 0 0 58.333333%;    max-width: 58.333333%;	}
	.col-8-md {		flex: 0 0 66.666667%;    max-width: 66.666667%;		}
	.col-9-md {		flex: 0 0 75%;    max-width: 75%;			}
	.col-10-md {	flex: 0 0 83.333333%;    max-width: 83.333333%;		}
	.col-11-md {	flex: 0 0 91.666667%;    max-width: 91.666667%;		}
	.col-12-md {	flex: 0 0 100%;    max-width: 100%;		}
	
	.row-1-md {		height: 8.333333%;	}
	.row-2-md {		height:  16.666667%;		}
	.row-3-md {		height: 25%;	}
	.row-4-md {		height: 33.333333%;		}
	.row-5-md {		height: 41.666667%;		}
	.row-6-md {		height: 50%;		}
	.row-7-md {		height: 58.333333%;	}
	.row-8-md {		height: 66.666667%;		}
	.row-9-md {		height: 75%;			}
	.row-10-md {	height: 83.333333%;		}
	.row-11-md {	height: 91.666667%;		}
	.row-12-md {	height: 100%;		}

}
@media only screen and (min-width: 960px) { /*  60em*/

	body{
		font-size: 17px;
	}

	.col-1 {		flex: 0 0 8.333333%;    max-width: 8.333333%;	}
	.col-2 {		flex: 0 0  16.666667%;    max-width:  16.666667%;		}
	.col-3 {		flex: 0 0 25%;    max-width: 25%;	}
	.col-4 {		flex: 0 0 33.333333%;    max-width: 33.333333%;		}
	.col-5 {		flex: 0 0 41.666667%;    max-width: 41.666667%;		}
	.col-6 {		flex: 0 0 50%;    max-width: 50%;	width: 50%;		}
	.col-7 {		flex: 0 0 58.333333%;    max-width: 58.333333%;	}
	.col-8 {		flex: 0 0 66.666667%;    max-width: 66.666667%;		}
	.col-9 {		flex: 0 0 75%;    max-width: 75%;			}
	.col-10 {	flex: 0 0 83.333333%;    max-width: 83.333333%;		}
	.col-11 {	flex: 0 0 91.666667%;    max-width: 91.666667%;		}
	.col-12 {	flex: 0 0 100%;    max-width: 100%;		}
	
	.row-1 {		height: 8.333333%;	}
	.row-2 {		height:  16.666667%;		}
	.row-3 {		height: 25%;	}
	.row-4 {		height: 33.333333%;		}
	.row-5 {		height: 41.666667%;		}
	.row-6 {		height: 50%;		}
	.row-7 {		height: 58.333333%;	}
	.row-8 {		height: 66.666667%;		}
	.row-9 {		height: 75%;			}
	.row-10 {	height: 83.333333%;		}
	.row-11 {	height: 91.666667%;		}
	.row-12 {	height: 100%;		}
	

	.container > .content-full{
		width:100%;

	}
	.container > .content{
		width: 75%;
		max-width: 60rem;	
	}


.order-before-xl{
	order:-128;
}
.order-after-xl{
	order:128;
}

	.left-xl {
		text-align: left;
	}
	.right-xl {
		text-align: right;
	}
	.center-xl {
		text-align: center;
	}
	.justify-xl {
		text-align: justify;
	}
	

	.pull-left-xl{
		float: left;
	}
	.pull-right-xl{
		float: right;
	}


	.hidden-xl{
		display:none !important;
	}


	.order-first-xl{
		order:1; z-index:99;
	}
	.order-last-xl{
		order:3;
	}
	.order-xl{
		order:2;
	}
	
	.small {
		font-size:.75em;
	}
	.smaller {
		font-size:.88em;
	}
	.small-xl {
		font-size:.7em;
	}
	.smaller-xl {
		font-size:.85em;
	}
	.bigger-xl {
		font-size:1.15em;
	}
	.big-xl {
		font-size:1.30em;
		line-height:1.25;
	}
	
}