TYPOGRAPHY

:root {
  --font-primary: 'Roboto', sans-serif;
  --font-headlines: 'Roboto Condensed', sans-serif;
  --font-tertiary: 'Roboto', sans-serif;
  
  --font-h1: 3.052rem;
  --font-h2: 2.441rem; 
  --font-h3: 1.953rem;
  --font-h4: 1.563rem;
  --font-h5: 1.25rem;
  --font-h6: 1rem;
  
  --font-huge-font-size: 4.209rem;
  --font-large-font-size: 3.157rem;
  --font-medium-font-size: 1.777rem;
  --font-normal-font-size: 1rem;
  --font-small-font-size: .75rem;
}

/* Font Helper Classes */
.has-huge-font-size {   font-size: var(--font-huge-font-size); line-height: 1.2; } 
.has-large-font-size {  font-size: var(--font-large-font-size); line-height: 1.2; }
.has-medium-font-size { font-size: var(--font-medium-font-size); line-height: 1.3;}
.has-normal-font-size { font-size: var(--font-normal-font-size); line-height: 1.4; }
.has-small-font-size {  font-size: var(--font-small-font-size); line-height: 1.25; }

.roboto { font-family: 'Roboto', sans-serif!important; }
.roboto-condensed { font-family: 'Roboto Condensed', sans-serif!important; }

.uppercase { text-transform: uppercase!important; }

.has-text-align-right { text-align: right!important; }
.has-text-align-center { text-align: center!important; } 
.has-text-align-left { text-align: left!important; } 

/* Font Weight Helper Classes */
.fw-100,
.fw-100i {
	font-weight: 100;
}
.fw-300,
.fw-300i {
	font-weight: 300;
}
.fw-400,
.fw-400i {
	font-weight: 400;
}
.fw-500,
.fw-500i {
	font-weight: 500;
}
.fw-600 {
	font-weight: 600;
}
.fw-700,
.fw-700i {
	font-weight: 700;
}
.fw-800 {
	font-weight: 800;
}
.fw-900,
.fw-900i {
	font-weight: 900;
}

.fw-100i,
.fw-300i,
.fw-400i,
.fw-500i,
.fw-700i,
.fw-800i,
.fw-900i {
  font-style: italic;
}

/* Letter Spacing Helper Classes */
.ls-1 { letter-spacing: 1px; }