.font-100 {
  font-family: 'Metropolis Extra Light', Arial Light;
}

.font-200 {
  font-family: 'Metropolis Light', Arial Light;
}

.font-300 {
  font-family: 'Metropolis Light', Arial Light;
}

.font-400 {
  font-family: 'Metropolis Regular', Arial;
}

.font-500 {
  font-family: 'Metropolis Medium', Arial;
}

.font-600 {
  font-family: 'Metropolis Bold', Arial;
}

.font-700 {
  font-family: 'Metropolis Extra Bold', Arial Black;
}

.font-800 {
  font-family: 'Metropolis Black', Arial Black;
}

.font-900 {
  font-family: 'Metropolis Black', Arial Black;
  font-weight: bold;
}

h3 {
  font-size: 23pt;
  font-family: 'Arno Pro', serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  word-spacing: 0.025em;
}

@media (max-width: 576px) {
  h3 {
    font-size: 18pt;
    font-family: 'Arno Pro', serif;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    word-spacing: 0.035em;
  }
}