/* IMPORTANDO LAS FUENTES */

@font-face {
    font-family: 'REM-Black';
    src: url('../fonts/REM-Black.ttf') format('opentype');
}

@font-face {
    font-family: 'REM-BlackItalic';
    src: url('../fonts/REM-BlackItalic.ttf') format('opentype');
}

@font-face {
    font-family: 'REM-Bold';
    src: url('fonts/REM-Bold.ttf') format('opentype');
}

@font-face {
    font-family: 'REM-BoldItalic';
    src: url('../fonts/REM-BoldItalic.ttf') format('opentype');
}

@font-face {
    font-family: 'REM-ExtraBold';
    src: url('../fonts/REM-ExtraBold.ttf') format('opentype');
}

@font-face {
    font-family: 'REM-ExtraBoldItalic';
    src: url('../fonts/REM-ExtraBoldItalic.ttf') format('opentype');
}

@font-face {
    font-family: 'REM-ExtraLight';
    src: url('../fonts/REM-ExtraLight.ttf') format('opentype');
}

@font-face {
    font-family: 'REM-ExtraLightItalic';
    src: url('../fonts/REM-ExtraLightItalic.ttf') format('opentype');
}

@font-face {
    font-family: 'REM-Light';
    src: url('fonts/REM-Light.ttf') format('opentype');
}

@font-face {
    font-family: 'REM-ExtraLightItalic';
    src: url('../fonts/REM-ExtraLightItalic.ttf') format('opentype');
}

@font-face {
    font-family: 'REM-Italic';
    src: url('../fonts/REM-Italic.ttf') format('opentype');
}

@font-face {
    font-family: 'REM-LightItalic';
    src: url('../fonts/REM-LightItalic.ttf') format('opentype');
}

@font-face {
    font-family: 'REM-Medium';
    src: url('../fonts/REM-Medium.ttf') format('opentype');
}

@font-face {
    font-family: 'REM-MediumItalic';
    src: url('fonts/REM-MediumItalic.ttf') format('opentype');
}

@font-face {
    font-family: 'REM-Regular';
    src: url('fonts/REM-Regular.ttf') format('opentype');
}

@font-face {
    font-family: 'REM-SemiBold';
    src: url('fonts/REM-SemiBold.ttf') format('opentype');
}

@font-face {
    font-family: 'REM-SemiBoldItalic';
    src: url('../fonts/REM-SemiBoldItalic.ttf') format('opentype');
}

@font-face {
    font-family: 'REM-Thin';
    src: url('../fonts/REM-Thin.ttf') format('opentype');
}
@font-face {
    font-family: 'REM-ThinItalic';
    src: url('../fonts/REM-ThinItalic.ttf') format('opentype');
}

/* CREANDO CLASES CON LAS FUENTES*/

.ff-REM-Black{
    font-family: 'REM-Black', sans-serif;
}

.ff-REM-BlackItalic{
    font-family: 'REM-BlackItalic', sans-serif;
}

.ff-REM-Bold{
    font-family: 'REM-Bold', sans-serif;
}

.ff-REM-BoldItalic{
    font-family: 'REM-BoldItalic', sans-serif;
}

.ff-REM-ExtraBold{
    font-family: 'REM-ExtraBold', sans-serif;
}

.ff-REM-ExtraBoldItalic{
    font-family: 'REM-ExtraBoldItalic', sans-serif;
}

.ff-REM-ExtraLight{
    font-family: 'REM-ExtraLight', sans-serif;
}

.ff-REM-ExtraLightItalic{
    font-family: 'REM-ExtraLightItalic', sans-serif;
}

.ff-REM-Light{
    font-family: 'REM-Light', sans-serif;
}

.ff-REM-ExtraLightItalic{
    font-family: 'REM-ExtraLightItalic', sans-serif;
}

.ff-REM-Italic{
    font-family: 'REM-Italic', sans-serif;
}

.ff-REM-LightItalic{
    font-family: 'REM-LightItalic', sans-serif;
}

.ff-REM-Medium{
    font-family: 'REM-Medium', sans-serif;
}

.ff-REM-MediumItalic{
    font-family: 'REM-MediumItalic', sans-serif;
}

.ff-REM-Regular{
    font-family: 'REM-Regular', sans-serif;
}

.ff-REM-SemiBold{
    font-family: 'REM-SemiBold', sans-serif;
}

.ff-REM-SemiBoldItalic{
    font-family: 'REM-SemiBoldItalic', sans-serif;
}

.ff-REM-Thin{
    font-family: 'REM-Thin', sans-serif;
}

.ff-REM-ThinItalic{
    font-family: 'REM-ThinItalic', sans-serif;
}