/* 
    FROM GOOGLE APIS 
    link in index.html
*/

.ncf-ant-bold {
    font-family: 'Anton', sans-serif;
}

.ncf-pfd-reg {
    font-family: 'Playfair Display', serif;
}

/* RALEWAY */

@font-face {
    font-family: ncf-rw-reg;
    src: url("../fonts/Raleway/Raleway-VariableFont_wght.ttf") format("opentype");
}

.ncf-rw-light {
    font-family: ncf-rw-reg;
    font-weight: 300;
}

.ncf-rw-reg {
    font-family: ncf-rw-reg;
    font-weight: 400;
}

.ncf-rw-med {
    font-family: ncf-rw-reg;
    font-weight: 600;
}


/* SINKIN SANS */

@font-face {
    font-family: ncf-ss-thin;
    src: url("../fonts/sinkin-sans/SinkinSans-100Thin.otf") format("opentype");
}

@font-face {
    font-family: ncf-ss-xlight;
    src: url("../fonts/sinkin-sans/SinkinSans-200XLight.otf") format("opentype");
}

@font-face {
    font-family: ncf-ss-light;
    src: url("../fonts/sinkin-sans/SinkinSans-300Light.otf") format("opentype");
}

@font-face {
    font-family: ncf-ss-reg;
    src: url("../fonts/sinkin-sans/SinkinSans-400Regular.otf") format("opentype");
}

@font-face {
    font-family: ncf-ss-med;
    src: url("../fonts/sinkin-sans/SinkinSans-500Medium.otf") format("opentype");
}

@font-face {
    font-family: ncf-ss-sbold;
    src: url("../fonts/sinkin-sans/SinkinSans-600SemiBold.otf") format("opentype");
}

@font-face {
    font-family: ncf-ss-bold;
    src: url("../fonts/sinkin-sans/SinkinSans-700Bold.otf") format("opentype");
}

.ncf-ss-light {
    font-family: ncf-ss-light;
}

.ncf-ss-bold {
    font-family: ncf-ss-bold;
}

/* OPEN SANS */

@font-face {
    font-family: ncf-os-reg;
    src: url("../fonts/Open_Sans/OpenSans-Regular.ttf") format("opentype");
}

@font-face {
    font-family: ncf-os-sbold;
    src: url("../fonts/Open_Sans/OpenSans-SemiBold.ttf") format("opentype");
}

.ncf-os-reg {
    font-family: ncf-os-reg;
}

.ncf-os-sbold {
    font-family: ncf-os-sbold;
}

/* SIZE */

.font-1 {
    font-size: 1rem;
}

.font-1p2 {
    font-size: 1.2rem;
}

.font-1p4 {
    font-size: 1.4rem;
}

.font-1p5 {
    font-size: 1.5rem;
}

.font-1p7 {
    font-size: 1.7rem;
}

.font-2 {
    font-size: 2rem;
}

.font-3 {
    font-size: 3rem;
}

.font-4p6 {
    font-size: 4.6rem;
}

.font-6 {
    font-size: 6rem;
}

/* LINE HEIGHT */

.lh-p8 {
    line-height: 0.8;
}

/* MEDIA QUERIES */

/* xs */

@media (min-width: 480px){
}

/* sm */

@media (min-width: 576px){
    .font-sm-1p5 {
        font-size: 1.5rem;
    }
}

/* md */

@media (min-width: 768px){
    .font-md-2 {
        font-size: 2rem;
    }
}

/* lg */

@media (min-width: 992px){
    .font-lg-3 {
        font-size: 3rem;
    }
}

/* xl */

@media (min-width: 1200px) {
}

/* xxl */

@media (min-width: 1400px) {
}

/* xxxl */

@media (min-width: 2000px) {
}