/*--- Typography ---*/
/*h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { line-height: 1.3; }*/
h1, .h1 { font-size: 50px; font-weight: 900; color: $primary-color; }
h2, .h2 { font-size: 44px; font-weight: 700; color: $primary-color; }
h3, .h3 { font-size: 38px; font-weight: 700; }
h4, .h4 { font-size: 24px; font-weight: 700; line-height: 1.3; }
h5, .h5 { font-size: 22px; font-weight: 500; line-height: 1.3; }
h6, .h6 { font-size: 16px; font-weight: 500; line-height: 1.3; }
@media (max-width: 767px){
	h1, .h1 { font-size: 42px; }
	h2, .h2 { font-size: 36px; }
	h3, .h3 { font-size: 28px; }
	h4, .h4 { font-size: 22px; }
	h5, .h5 { font-size: 18px; }
	h6, .h6 { font-size: 14px; }
}
.text-white { color: #fff; }
.text-black { color: #000; }
.text-gold { color: $tertiary-color; }
.text-big { font-size: 20px; font-weight: 500; line-height: 1.3;
	@media (max-width: 991px) { font-size: 16px; }
}
.text-large { font-size: 22px; font-weight: 500; line-height: 1.3;
	@media (max-width: 991px) { font-size: 18px; }
}
.text-highlight { color: $secondary-color; font-weight: bold; display: inline-block; position: relative; z-index: 0;
	&:after { content: ''; border-bottom: 4px solid #fff000; display: block; position: absolute; bottom: 2px;
	    left: 0; width: 100%; z-index: -1;
	}
}
.text-light { font-weight: 300; }
.text-normal { font-weight: 400; }
.text-bold { font-weight: 700; }
.text-extrabold { font-weight: 900; }