@import url('font-awesome-all.min.css');

.font-source-sans{
	font-family: 'Source Sans Pro', sans-serif;
}
.font-raleway{
	font-family: 'Raleway', sans-serif;
}
.font-barlow{
	font-family: 'Barlow', sans-serif;
}
.font-h1-large{
	font-size: 40px;
	line-height: 42px;
}
.font-h2-large{
	font-size: 32px;
	line-height: 34px;
}
.font-h3-large{
	font-size: 28px;
	line-height: 30px;
}
.font-h4-large{
	font-size: 24px;
	line-height: 26px;
}
.font-h5-large{
	font-size: 20px;
	line-height: 22px;
}
.font-h6-large{
	font-size: 16px;
	line-height: 18px;
}

.font-5xlarge{
    font-size: 50px;
    line-height: 52px;
}
.font-4xlarge{
    font-size: 42px;
    line-height: 44px;
}
.font-3xlarge{
    font-size: 36px;
    line-height: 38px;
}
.font-2xlarge{
	font-size: 30px;
	line-height: 32px;
}
.font-xlarge{
	font-size: 24px;
	line-height: 26px;
}
.font-xlarge-mr{
	font-size: 24px;
	line-height: 26px;
}
.font-large{
	font-size: 18px;
	line-height: 20px;
}
.font-medium{
	font-size: 16px;
	line-height: 18px;
}
.font-standard{
	font-size: 14px;
	line-height: 18px;
}
.font-small{
	font-size: 12px;
	line-height: 14px;
}
.font-xsmall{
	font-size: 11px;
	line-height: 13px;
}
.font-2xsmall{
	font-size: 10px;
	line-height: 12px;
}

.font-weight-300{
	font-weight: 300;
}
.font-weight-400{
	font-weight: 400;
}
.font-weight-500{
	font-weight: 500;
}
.font-weight-600{
	font-weight: 600;
}
.font-weight-700{
	font-weight: 700;
}
.font-weight-800{
	font-weight: 800;
}
.font-weight-900{
	font-weight: 900;
}

.italic {
    font-style: italic
}
.bold{
	font-weight: bold
}
.uppercase{
	text-transform: uppercase;
}
.lowercase{
	text-transform: lowercase;
}
.underline{
	text-decoration: underline;
}
.overline{
	text-decoration: overline;
}
.line-through{
	text-decoration: line-through;
}
.line-height-80per{
	line-height: 80%;
}
.line-height-100per{
	line-height: 100%;
}
.line-height-125per{
	line-height: 125%;
}
.line-height-150per{
	line-height: 150%;
}
.line-height-175per{
	line-height: 175%;
}
.line-height-200per{
	line-height: 200%;
}
.no-wrap {
    white-space: nowrap;
}
.letter-spacing1px {
    letter-spacing: 1px;
}
.letter-spacing2px {
    letter-spacing: 2px;
}
@media only screen and (max-width:1020px) {
}
@media only screen and (max-width:980px) {
}
@media only screen and (max-width:920px) {
}
@media only screen and (max-width:820px) {
}
@media only screen and (max-width:780px) {
	.font-5xlarge{
	    font-size: 40px;
	    line-height: 42px;
	}
	.font-4xlarge{
	    font-size: 32px;
	    line-height: 34px;
	}
}
@media only screen and (max-width:720px){
	.font-h1-large{
		font-size: 32px;
		line-height: 34px;
	}
	.font-h2-large{
		font-size: 28px;
		line-height: 30px;
	}
	.font-h3-large{
		font-size: 24px;
		line-height: 26px;
	}
	.font-h4-large{
		font-size: 20px;
		line-height: 22px;
	}
	.font-h5-large{
		font-size: 16px;
		line-height: 18px;
	}
	.font-h6-large{
		font-size: 14px;
		line-height: 16px;
	}
	.font-5xlarge{
	    font-size: 30px;
	    line-height: 32px;
	}
	.font-4xlarge{
	    font-size: 20px;
	    line-height: 22px;
	}
}
@media only screen and (max-width:640px){
	.font-h1-large{
		font-size: 28px
		line-height: 30px;
	}
	.font-h2-large{
		font-size: 24px;
		line-height: 26px;
	}
	.font-h3-large{
		font-size: 20px;
		line-height: 22px;
	}
	.font-h4-large{
		font-size: 16px;
		line-height: 18px;
	}
	.font-h5-large{
		font-size: 14px;
		line-height: 16px;
	}
	.font-xlarge-mr{
	    font-size: 16px;
	}
}
@media only screen and (max-width:599px){
}
@media only screen and (max-width:580px){
	.font-h1-large{
		font-size: 26px;
		line-height: 28px;
	}
	.font-h2-large{
		font-size: 22px;
		line-height: 24px;
	}
	.font-h3-large{
		font-size: 18px;
		line-height: 20px;
	}
	.font-h4-large{
		font-size: 14px;
		line-height: 16px;
	}
}
@media only screen and (max-width:520px){
	.font-h1-large{
		font-size: 24px;
		line-height: 26px;
	}
	.font-h2-large{
		font-size: 20px;
		line-height: 22px;
	}
	.font-h3-large{
		font-size: 16px;
		line-height: 18px;
	}
	.font-xlarge-mr{
	    font-size: 14px;
	}
}
@media only screen and (max-width:480px){
	.font-h1-large{
		font-size: 22px;
		line-height: 24px;
	}
	.font-h2-large{
		font-size: 18px;
		line-height: 20px;
	}
}
@media only screen and (max-width:380px) {
}