@font-face {
  font-family: 'elizabeth_tt_uniregular';
  src: url("../src/fonts/elizabeth_tt_uni-webfont.eot");
  src: url("../src/fonts/elizabeth_tt_uni-webfont.eot?#iefix") format("embedded-opentype"), url("../src/fonts/elizabeth_tt_uni-webfont.woff2") format("woff2"), url("../src/fonts/elizabeth_tt_uni-webfont.woff") format("woff"), url("../src/fonts/elizabeth_tt_uni-webfont.ttf") format("truetype"), url("../src/fonts/elizabeth_tt_uni-webfont.svg#elizabeth_tt_uniregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'old_classicregular';
  src: url("../src/fonts/old_classic-webfont.eot");
  src: url("../src/fonts/old_classic-webfont.eot?#iefix") format("embedded-opentype"), url("../src/fonts/old_classic-webfont.woff2") format("woff2"), url("../src/fonts/old_classic-webfont.woff") format("woff"), url("../src/fonts/old_classic-webfont.ttf") format("truetype"), url("../src/fonts/old_classic-webfont.svg#old_classicregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'roboto_slabregular';
  src: url("../src/fonts/robotoslab-regular-webfont.eot");
  src: url("../src/fonts/robotoslab-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../src/fonts/robotoslab-regular-webfont.woff2") format("woff2"), url("../src/fonts/robotoslab-regular-webfont.woff") format("woff"), url("../src/fonts/robotoslab-regular-webfont.ttf") format("truetype"), url("../src/fonts/robotoslab-regular-webfont.svg#roboto_slabregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* FONT TYPES */
.font-elizabeth {
  font-family: 'elizabeth_tt_uniregular'; }

.font-old-classic {
  font-family: 'old_classicregular'; }

.font-roboto-slab {
  font-family: 'roboto_slabregular'; }

/* FONT SIZE */
.font-size-extra-small {
  font-size: 20px; }

.font-size-small {
  font-size: 30px; }

.font-size-normal {
  font-size: 40px; }

.font-size-large {
  font-size: 50px; }

.font-size-extra-large {
  font-size: 60px; }

/* HEADERS  */
h1 {
  font-size: 80px; }

h2 {
  font-size: 70px; }

h3 {
  font-size: 60px; }

/* Large Devices, Wide Screens */
/* Extra Small Devices, Phones */
@media (max-width: 480px) {
  .font-size-extra-small {
    font-size: 12px; }
  .font-size-small {
    font-size: 18px; }
  .font-size-normal {
    font-size: 23px; }
  .font-size-large {
    font-size: 25px; }
  .font-size-extra-large {
    font-size: 30px; }
  /* HEADERS  */
  h1 {
    font-size: 40px; }
  h2 {
    font-size: 35px; }
  h3 {
    font-size: 30px; } }