@font-face {
    font-family: 'lullabyregular';
    src: url('lullaby/lullaby-webfont.woff2') format('woff2'),
         url('lullaby/lullaby-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lunaregular';
    src: url('luna/luna-webfont.woff2') format('woff2'),
         url('luna/luna-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

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

@font-face {
  font-family: 'Roboto-Thin';
  src: url('thin/Roboto-Thin.woff') format('woff'),
       url('thin/Roboto-Thin.ttf') format('truetype'),
       url('thin/Roboto-Thin.svg#Roboto-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'roboto.thin';
  src: url('thin/roboto.thin.eot');
  src: url('thin/roboto.thin.woff2') format('woff2'),
       url('thin/roboto.thin.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'mademoiselle';
    src: url('Mademoiselle Typeface.otf') format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mademoiselle';
    src: url('Mademoiselle Typeface - Italic.otf') format("opentype");
    font-weight: normal;
    font-style: italic;
}