10based24-EM-Vertical-Sync.css

body {
  font-size: 62.5% /* .625 X 16 = 10 */
  font-family: Arial, sans-serif;
}
/* 48px - The quick brown fox jumps over the lazy dog */
.class-for-48px {
  font-size: 4.8em; /* 48px */
  line-height: 1em; /* 48px */
  margin-top: 0.5em;
  margin-bottom: 0em;
}
/* 40px - The quick brown fox jumps over the lazy dog */
.class-for-40px {
  font-size: 4em; /* 40px */
  line-height: 1.2em; /* 48px */
  margin-top: 0.6em;
  margin-bottom: 0em;
}
/* 32px - The quick brown fox jumps over the lazy dog */
.class-for-32px {
  font-size: 3.2em; /* 32px */
  line-height: 1.5em; /* 48px */
  margin-top: 0.75em;
  margin-bottom: 0em;
}
/* 24px - The quick brown fox jumps over the lazy dog */
.class-for-24px {
  font-size: 2.4em; /* 24px */
  line-height: 1em; /* 24px */
  margin-top: 1em;
  margin-bottom: 0em;
}
/* 16px - The quick brown fox jumps over the lazy dog */
.class-for-16px {
  font-size: 1.6em; /* 16px */
  line-height: 1.5em; /* 24px */
  margin-top: 1.5em;
  margin-bottom: 0em;
}
/* 13px - The quick brown fox jumps over the lazy dog */
.class-for-13px {
  font-size: 1.3em; /* 13px */
  line-height: 1.8462em; /* 24px */
  margin-top: 1.8462em;
  margin-bottom: 0em;
}