/*FONTS*/


/* @font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.ttf');
  font-weight: normal;
  font-style: normal;
} */


/* *{
  font-family: Roboto !important;
} */

.f-8 {
    font-size: 8px;
}

.f-10 {
    font-size: 10px;
}

.f-12 {
    font-size: 12px;
}

.f-14 {
    font-size: 14px;
}

.f-16 {
    font-size: 16px;
}

.f-18 {
    font-size: 18px;
}

.f-20 {
    font-size: 20px;
}

.f-22 {
    font-size: 22px;
}

.f-24 {
    font-size: 24px;
}

.f-26 {
    font-size: 26px;
}

.f-28 {
    font-size: 28px;
}

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

.f-32 {
    font-size: 32px;
}

.f-34 {
    font-size: 34px;
}

.f-36 {
    font-size: 36px;
}

.f-38 {
    font-size: 38px;
}

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

.f-42 {
    font-size: 42px;
}

.f-44 {
    font-size: 44px;
}

.f-46 {
    font-size: 46px;
}

.f-48 {
    font-size: 48px;
}

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

.f-52 {
    font-size: 52px;
}

@media(min-width: 768px) {
    .f-md-10 {
        font-size: 10px;
    }
    .f-md-12 {
        font-size: 12px;
    }
    .f-md-14 {
        font-size: 14px;
    }
    .f-md-16 {
        font-size: 16px;
    }
    .f-md-18 {
        font-size: 18px;
    }
    .f-md-20 {
        font-size: 20px;
    }
    .f-md-22 {
        font-size: 122x;
    }
    .f-md-24 {
        font-size: 24px;
    }
    .f-md-26 {
        font-size: 26px;
    }
    .f-md-28 {
        font-size: 28px;
    }
    .f-md-30 {
        font-size: 30px;
    }
    .f-md-32 {
        font-size: 32px;
    }
    .f-md-34 {
        font-size: 34px;
    }
    .f-md-36 {
        font-size: 36px;
    }
    .f-md-38 {
        font-size: 38px;
    }
    .f-md-40 {
        font-size: 40px;
    }
    .f-md-42 {
        font-size: 42px;
    }
    .f-md-44 {
        font-size: 44px;
    }
    .f-md-46 {
        font-size: 46px;
    }
    .f-md-48 {
        font-size: 48px;
    }
    .f-md-50 {
        font-size: 50px;
    }
    .f-md-52 {
        font-size: 52px;
    }
}