body,html{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	left:0;
	top:0;
	font-size:100%
}
.center,.container{
	margin-left:auto;
	margin-right:auto
}

p{
	font-size:1.125rem;
}
.font-light{
	font-weight:300
}
.font-regular{
	font-weight:400
}
.font-heavy{
	font-weight:700
}
.left{
	text-align:left
}
.right{
	text-align:right
}
.center{
	text-align:center
}
.justify{
	text-align:justify
}
.container{
	width:90%
}
.row{
	position:relative;
	width:100%
}
.row [class^=col]{
	float:left;
	margin: 0 2%;
	min-height:.125rem
}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{
	width:96%
}
.col-1-sm{
	width:4.33%
}
.col-2-sm{
	width:12.66%
}
.col-3-sm{
	width:21%
}
.col-4-sm{
	width:29.33%
}
.col-5-sm{
	width:37.66%
}
.col-6-sm{
	width:46%
}
.col-7-sm{
	width:54.33%
}
.col-8-sm{
	width:62.66%
}
.col-9-sm{
	width:71%
}
.col-10-sm{
	width:79.33%
}
.col-11-sm{
	width:87.66%
}
.col-12-sm{
	width:96%
}
.row::after{
	content:"";
	display:table;
	clear:both
}
.hidden-sm{
	display:none
}

@media only screen and (min-width:33.75em){
	.container,
	.full-sm{
		/* width:80% */
	}
}
@media only screen and (min-width:45em){
	.col-1{
		width:4.33%
	}
	.col-2{
		width:12.66%
	}
	.col-3{
		width:21%	}
	.col-4{
		width:29.33%
	}
	.col-5{
		width:37.66%
	}
	.col-6{
		width:46%
	}
	.col-7{
		width:54.33%
	}
	.col-8{
		width:62.66%
	}
	.col-9{
		width:71%
	}
	.col-10{
		width:79.33%
	}
	.col-11{
		width:87.66%
	}
	.col-12,
	.full-sm .row .col-12{
		width:96%
	}
	.hidden-sm{
		display:block
	}
}
@media only screen and (min-width:60em){
	.container{
		/* width:80%; */
		max-width:1600px;
	}
}