html, body {
  height: 100%;
  
  color: #5e6e82;
  
}

/* text colors */
	.text-100 {
		color: #f9fafd!important;
	}

	a.text-100:focus,a.text-100:hover {
		color: #c0caea!important;
	}

	.text-200 {
		color: #edf2f9!important;
	}

	a.text-200:focus,a.text-200:hover {
		color: #b4c9e6!important;
	}

	.text-300 {
		color: #d8e2ef!important;
	}

	a.text-300:focus,a.text-300:hover {
		color: #a2bad9!important;
	}

	.text-400 {
		color: #b6c1d2!important;
	}

	a.text-400:focus,a.text-400:hover {
		color: #8799b5!important;
	}

	.text-500 {
		color: #9da9bb!important;
	}

	a.text-500:focus,a.text-500:hover {
		color: #70819c!important;
	}

	.text-600 {
		color: #748194!important;
	}

	a.text-600:focus,a.text-600:hover {
		color: #525b6a!important;
	}

	.text-700 {
		color: #5e6e82!important;
	}

	a.text-700:focus,a.text-700:hover {
		color: #3e4856!important;
	}

	.text-800 {
		color: #4d5969!important;
	}

	a.text-800:focus,a.text-800:hover {
		color: #2d343d!important;
	}

	.text-900 {
		color: #344050!important;
	}

	a.text-900:focus,a.text-900:hover {
		color: #161b22!important;
	}

/* bgs */
	.bg-100 {
		background-color: #f9fafd!important;
	}

	a.bg-100:focus,a.bg-100:hover,button.bg-100:focus,button.bg-100:hover {
		background-color: #d3daf0!important;
	}

	.bg-200 {
		background-color: #edf2f9!important;
	}

	a.bg-200:focus,a.bg-200:hover,button.bg-200:focus,button.bg-200:hover {
		background-color: #c7d6ec!important;
	}

	.bg-300 {
		background-color: #d8e2ef!important;
	}

	a.bg-300:focus,a.bg-300:hover,button.bg-300:focus,button.bg-300:hover {
		background-color: #b4c7e0!important;
	}

	.bg-400 {
		background-color: #b6c1d2!important;
	}

	a.bg-400:focus,a.bg-400:hover,button.bg-400:focus,button.bg-400:hover {
		background-color: #96a6bf!important;
	}

	.bg-500 {
		background-color: #9da9bb!important;
	}

	a.bg-500:focus,a.bg-500:hover,button.bg-500:focus,button.bg-500:hover {
		background-color: #7f8fa6!important;
	}

	.bg-600 {
		background-color: #748194!important;
	}

	a.bg-600:focus,a.bg-600:hover,button.bg-600:focus,button.bg-600:hover {
		background-color: #5d6878!important;
	}

	.bg-700 {
		background-color: #5e6e82!important;
	}

	a.bg-700:focus,a.bg-700:hover,button.bg-700:focus,button.bg-700:hover {
		background-color: #495564!important;
	}

	.bg-800 {
		background-color: #4d5969!important;
	}

	a.bg-800:focus,a.bg-800:hover,button.bg-800:focus,button.bg-800:hover {
		background-color: #37404c!important;
	}

	.bg-900 {
		background-color: #344050!important;
	}

	a.bg-900:focus,a.bg-900:hover,button.bg-900:focus,button.bg-900:hover {
		background-color: #202731!important;
	}

/* border */
	.border-100 {
		border-color: #f9fafd!important;
	}

	.border-200 {
		border-color: #edf2f9!important;
	}

	.border-300 {
		border-color: #d8e2ef!important;
	}

	.border-400 {
		border-color: #b6c1d2!important;
	}

	.border-500 {
		border-color: #9da9bb!important;
	}

	.border-600 {
		border-color: #748194!important;
	}

	.border-700 {
		border-color: #5e6e82!important;
	}

	.border-800 {
		border-color: #4d5969!important;
	}

	.border-900 {
		border-color: #344050!important;
	}
	
/* font-sizes */	

.fs--2 {
	font-size: .69444rem;
}

.fs--1 {
	font-size: .83333rem;
}

.fs-0 {
	font-size: 1rem;
}

.fs-1 {
	font-size: 1.2rem;
}

.fs-2 {
	font-size: 1.44rem;
}

.fs-3 {
	font-size: 1.728rem;
}

.fs-4 {
	font-size: 2.0736rem;
}

.fs-5 {
	font-size: 2.48832rem;
}

.fs-6 {
	font-size: 2.98598rem;
}

.fs-7 {
	font-size: 3.58318rem;
}

.fs-8 {
	font-size: 4.29982rem;
}

@media (min-width:576px) {
	.fs-sm--2 {
		font-size: .69444rem;
	}

	.fs-sm--1 {
		font-size: .83333rem;
	}

	.fs-sm-0 {
		font-size: 1rem;
	}

	.fs-sm-1 {
		font-size: 1.2rem;
	}

	.fs-sm-2 {
		font-size: 1.44rem;
	}

	.fs-sm-3 {
		font-size: 1.728rem;
	}

	.fs-sm-4 {
		font-size: 2.0736rem;
	}

	.fs-sm-5 {
		font-size: 2.48832rem;
	}

	.fs-sm-6 {
		font-size: 2.98598rem;
	}

	.fs-sm-7 {
		font-size: 3.58318rem;
	}

	.fs-sm-8 {
		font-size: 4.29982rem;
	}
}

@media (min-width:768px) {
	.fs-md--2 {
		font-size: .69444rem;
	}

	.fs-md--1 {
		font-size: .83333rem;
	}

	.fs-md-0 {
		font-size: 1rem;
	}

	.fs-md-1 {
		font-size: 1.2rem;
	}

	.fs-md-2 {
		font-size: 1.44rem;
	}

	.fs-md-3 {
		font-size: 1.728rem;
	}

	.fs-md-4 {
		font-size: 2.0736rem;
	}

	.fs-md-5 {
		font-size: 2.48832rem;
	}

	.fs-md-6 {
		font-size: 2.98598rem;
	}

	.fs-md-7 {
		font-size: 3.58318rem;
	}

	.fs-md-8 {
		font-size: 4.29982rem;
	}
}

@media (min-width:992px) {
	.fs-lg--2 {
		font-size: .69444rem;
	}

	.fs-lg--1 {
		font-size: .83333rem;
	}

	.fs-lg-0 {
		font-size: 1rem;
	}

	.fs-lg-1 {
		font-size: 1.2rem;
	}

	.fs-lg-2 {
		font-size: 1.44rem;
	}

	.fs-lg-3 {
		font-size: 1.728rem;
	}

	.fs-lg-4 {
		font-size: 2.0736rem;
	}

	.fs-lg-5 {
		font-size: 2.48832rem;
	}

	.fs-lg-6 {
		font-size: 2.98598rem;
	}

	.fs-lg-7 {
		font-size: 3.58318rem;
	}

	.fs-lg-8 {
		font-size: 4.29982rem;
	}
}

@media (min-width:1200px) {
	.fs-xl--2 {
		font-size: .69444rem;
	}

	.fs-xl--1 {
		font-size: .83333rem;
	}

	.fs-xl-0 {
		font-size: 1rem;
	}

	.fs-xl-1 {
		font-size: 1.2rem;
	}

	.fs-xl-2 {
		font-size: 1.44rem;
	}

	.fs-xl-3 {
		font-size: 1.728rem;
	}

	.fs-xl-4 {
		font-size: 2.0736rem;
	}

	.fs-xl-5 {
		font-size: 2.48832rem;
	}

	.fs-xl-6 {
		font-size: 2.98598rem;
	}

	.fs-xl-7 {
		font-size: 3.58318rem;
	}

	.fs-xl-8 {
		font-size: 4.29982rem;
	}
}

@media (min-width:1540px) {
	.fs-xxl--2 {
		font-size: .69444rem;
	}

	.fs-xxl--1 {
		font-size: .83333rem;
	}

	.fs-xxl-0 {
		font-size: 1rem;
	}

	.fs-xxl-1 {
		font-size: 1.2rem;
	}

	.fs-xxl-2 {
		font-size: 1.44rem;
	}

	.fs-xxl-3 {
		font-size: 1.728rem;
	}

	.fs-xxl-4 {
		font-size: 2.0736rem;
	}

	.fs-xxl-5 {
		font-size: 2.48832rem;
	}

	.fs-xxl-6 {
		font-size: 2.98598rem;
	}

	.fs-xxl-7 {
		font-size: 3.58318rem;
	}

	.fs-xxl-8 {
		font-size: 4.29982rem;
	}
}

.fsp-75 {
	font-size: 75%;
}

.font-weight-thin {
	font-weight: 100!important;
}

.font-weight-extra-light {
	font-weight: 200!important;
}

.font-weight-medium {
	font-weight: 500!important;
}

.font-weight-semi-bold {
	font-weight: 600!important;
}

.font-weight-extra-bold {
	font-weight: 800!important;
}

.font-weight-black {
	font-weight: 900!important;
}

.text-underline {
	text-decoration: underline;
	-webkit-text-decoration-skip: ink;
	text-decoration-skip-ink: auto;
}

.text-smallcaps {
	font-variant: small-caps;
}