.font-xl {
  line-height: initial;
  font-size: 24px;
}
@media (max-width: 768px) {
  .font-xl {
    font-size: 22px;
  }
}

.font-lg {
  line-height: initial;
  font-size: 22px;
}
@media (max-width: 768px) {
  .font-lg {
    font-size: 20px;
  }
}

.font-md {
  line-height: initial;
  font-size: 16px;
}
@media (max-width: 768px) {
  .font-md {
    font-size: 14px;
  }
}

.font-sm {
  line-height: initial;
  font-size: 14px;
}
@media (max-width: 768px) {
  .font-sm {
    font-size: 13px;
  }
}

.font-xs {
  line-height: initial;
  font-size: 12px;
}