@font-face {
    font-family: "Montserrat 400";
    src: url("../fonts/Montserrat-Regular.ttf");
}
@font-face {
    font-family: "Montserrat 500";
    src: url("../fonts/Montserrat-Medium.ttf");
}
@font-face {
    font-family: "Montserrat 600";
    src: url("../fonts/Montserrat-SemiBold.ttf");
}
@font-face {
    font-family: "Montserrat 700";
    src: url("../fonts/Montserrat-Bold.ttf");
}
@font-face {
    font-family: "Montserrat 800";
    src: url("../fonts/Montserrat-ExtraBold.ttf");
}

/* CUSTOM FONT */
.montserrat-36-extrabold {
    font-family: "Montserrat 800";
    font-size: 36px;
}
.montserrat-28-extrabold {
    font-family: "Montserrat 800";
    font-size: 28px;
}
.montserrat-24-extrabold {
    font-family: "Montserrat 800";
    font-size: 24px;
}
.montserrat-20-extrabold {
    font-family: "Montserrat 800";
    font-size: 20px;
}
.montserrat-20-semibold {
    font-family: "Montserrat 600";
    font-size: 20px;
}
.montserrat-18-extrabold {
    font-family: "Montserrat 800";
    font-size: 18px;
}
.montserrat-18-medium {
    font-family: "Montserrat 500";
    font-size: 18px;
}
.montserrat-18-semibold {
    font-family: "Montserrat 600";
    font-size: 18px;
}
.montserrat-18-regular {
    font-family: "Montserrat 400";
    font-size: 18px;
}
.montserrat-16-bold {
    font-family: "Montserrat 700";
    font-size: 16px;
}
.montserrat-16-extrabold {
    font-family: "Montserrat 800";
    font-size: 16px;
}
.montserrat-16-semibold {
    font-family: "Montserrat 600";
    font-size: 16px;
}
.montserrat-16-medium {
    font-family: "Montserrat 500";
    font-size: 16px;
}
.montserrat-16-regular {
    font-family: "Montserrat 400";
    font-size: 16px;
}
.montserrat-14-semibold {
    font-family: "Montserrat 600";
    font-size: 14px;
}
.montserrat-14-bold {
    font-family: "Montserrat 700";
    font-size: 14px;
}
.montserrat-14-medium {
    font-family: "Montserrat 500";
    font-size: 14px;
}
.montserrat-14-regular {
    font-family: "Montserrat 400";
    font-size: 14px;
}
.montserrat-12-semibold {
    font-family: "Montserrat 600";
    font-size: 12px;
}

@media (min-width: 640px) and (max-width: 1024px) {
    .montserrat-28-extrabold {
        font-family: "Montserrat 800";
        font-size: 24px;
    }
}

@media (max-width: 640px) {
    .montserrat-36-extrabold {
        font-size: 24px;
    }
    .montserrat-28-extrabold {
        font-size: 18px;
    }
    .montserrat-24-extrabold, .montserrat-28-extrabold.news {
        font-size: 16px !important;
    }
    .montserrat-20-extrabold, .montserrat-20-semibold, .montserrat-18-extrabold, .montserrat-18-medium, .montserrat-18-semibold, .montserrat-18-regular {
        font-size: 16px;;
    }
    .montserrat-16-extrabold, .montserrat-16-bold, .montserrat-16-semibold, .montserrat-16-medium, .montserrat-16-regular {
        font-size: 14px;
    }
}