.color-wood-charcoal {
	color: #464646;
}
.color-shadowed-steel {
	color: #4A4A4A;
}
.color-codex-grey {
	color: #9c9c9c;
}
.color-live-jazz {
	color: #8782A0;
}

.bg-ethereal-white {
	background: #E7F0F2;
}
.bg-alpine-goat {
	background: #F3F1F9;
}
.bg-white {
	background: #FFFFFF;
}
.bg-gram-hair {
	background: #F5F7F8;
}


@media (min-width: 1001px) {
	.font-16 {
		font-weight: 400;
		font-size: 16px;
		line-height: 30px;
	}
	.font-16-italic {
		font-weight: 400;
		font-size: 16px;
		font-style: italic;
		line-height: 30px;
	}
	.font-16-bold {
		font-weight: 700;
		font-size: 16px;
		line-height: 30px;
	}
	.font-20 {
		font-weight: 300;
		font-size: 20px;
		line-height: 33px;
	}
	.font-24 {
		font-family: 'Open Sans Light';
		font-weight: 300;
		font-size: 24px;
		line-height: 30px;
	}
	.font-24-bold {
		font-weight: 700;
		font-size: 24px;
		line-height: 33px;
	}
	.font-30 {
		font-weight: 300;
		font-size: 30px;
		line-height: 33px;
	}
	.font-30-bold {
		font-weight: 700;
		font-size: 30px;
		line-height: 33px;
	}
	.font-40 {
		font-family: 'Open Sans Light';
		font-weight: 300;
		font-size: 40px;
		line-height: 33px;
	}
	.font-40-bold {
		font-weight: 700;
		font-size: 40px;
		line-height: 33px;
	}
	.font-64-bold {
		font-weight: 700;
		font-size: 64px;
		line-height: 33px;
	}
	
}
@media (max-width: 1000px) {
	.font-16 {
		font-weight: 400;
		font-size: 14px;
		line-height: 28px;
	}
	.font-16-italic {
		font-weight: 400;
		font-size: 14px;
		font-style: italic;
		line-height: 28px;
	}
	.font-16-bold {
		font-weight: 700;
		font-size: 14px;
		line-height: 28px;
	}
	.font-20 {
		font-weight: 300;
		font-size: 20px;
		line-height: 33px;
	}
	.font-24 {
		font-family: 'Open Sans Light';
		font-weight: 300;
		font-size: 24px;
		line-height: 31px;
	}
	.font-24-bold {
		font-weight: 700;
		font-size: 22px;
		line-height: 31px;
	}
	.font-30 {
		font-weight: 300;
		font-size: 30px;
		line-height: 33px;
	}
	.font-30-bold {
		font-weight: 700;
		font-size: 30px;
		line-height: 33px;
	}
	.font-40 {
		font-family: 'Open Sans Light';
		font-weight: 300;
		font-size: 36px;
		line-height: 43px;
	}
	.font-40-bold {
		font-weight: 700;
		font-size: 36px;
		line-height: 43px;
	}
	.font-64-bold {
		font-weight: 700;
		font-size: 64px;
		line-height: 33px;
	}
}


.margin-top-10 {
	margin-top: 10px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-top-30 {
	margin-top: 30px;
}
.margin-top-50 {
	margin-top: 50px;
}
.padding-100 {
	padding: 100px;
}
.padding-50 {
	padding: 50px;
}
.padding-top-20 {
	padding-top: 20px;
}

.uppercase-text {
	text-transform: uppercase;
}
.underline-text {
	text-decoration: underline;
}