@font-face {
    font-family: Ubuntu;
    src: url("../fonts/Ubuntu-Light.ttf");
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: Ubuntu;
    src: url("../fonts/Ubuntu-Regular.ttf");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: Ubuntu;
    src: url("../fonts/Ubuntu-Regular.ttf");
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: Ubuntu;
    src: url("../fonts/Ubuntu-Bold.ttf");
    font-weight: 800;
    font-display: swap;
}

.fw-200 {
    font-weight: 200;
}

.fw-400 {
    font-weight: 400;
}

.fw-600 {
    font-weight: 600;
}

.font-size-7 {
    font-size: 7px;
}

.font-size-9 {
    font-size: 9px;
}

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

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

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

.font-size-15 {
    font-size: 15px;
}

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

.font-size-17 {
    font-size: 17px;
}

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

.font-size-19 {
    font-size: 19px;
}

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

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

.font-size-23 {
    font-size: 23px;
}

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

.font-size-25 {
    font-size: 25px;
}

.font-size-27 {
    font-size: 27px;
}

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

.font-size-29 {
    font-size: 29px;
}

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

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

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

.font-size-35 {
    font-size: 35px;
}

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

.font-size-37 {
    font-size: 37px;
}

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

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

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

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

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

.font-size-55 {
    font-size: 55px;
}

.font-size-60 {
    font-size: 60px;
}

.font-size-70 {
    font-size: 70px;
}

@media screen and (min-width: 768px) {
    .font-size-md-7 {
        font-size:7px
    }

    .font-size-md-9 {
        font-size: 9px
    }

    .font-size-md-10 {
        font-size: 10px
    }

    .font-size-md-12 {
        font-size: 12px
    }

    .font-size-md-14 {
        font-size: 14px
    }

    .font-size-md-15 {
        font-size: 15px
    }

    .font-size-md-16 {
        font-size: 16px
    }

    .font-size-md-17 {
        font-size: 17px
    }

    .font-size-md-18 {
        font-size: 18px
    }

    .font-size-md-19 {
        font-size: 19px
    }

    .font-size-md-20 {
        font-size: 20px
    }

    .font-size-md-22 {
        font-size: 22px
    }

    .font-size-md-23 {
        font-size: 23px
    }

    .font-size-md-24 {
        font-size: 24px
    }

    .font-size-md-25 {
        font-size: 25px
    }

    .font-size-md-27 {
        font-size: 27px
    }

    .font-size-md-28 {
        font-size: 28px
    }

    .font-size-md-29 {
        font-size: 29px
    }

    .font-size-md-30 {
        font-size: 30px
    }

    .font-size-md-32 {
        font-size: 32px
    }

    .font-size-md-34 {
        font-size: 34px
    }

    .font-size-md-35 {
        font-size: 35px
    }

    .font-size-md-36 {
        font-size: 36px
    }

    .font-size-md-37 {
        font-size: 37px
    }

    .font-size-md-40 {
        font-size: 40px
    }

    .font-size-md-42 {
        font-size: 42px
    }

    .font-size-md-44 {
        font-size: 44px
    }

    .font-size-md-48 {
        font-size: 48px
    }

    .font-size-md-50 {
        font-size: 50px
    }

    .font-size-md-55 {
        font-size: 55px
    }

    .font-size-md-60 {
        font-size: 60px
    }

    .font-size-md-70 {
        font-size: 70px
    }
}

@media screen and (min-width: 992px) {
    .font-size-lg-7 {
        font-size:7px
    }

    .font-size-lg-9 {
        font-size: 9px
    }

    .font-size-lg-10 {
        font-size: 10px
    }

    .font-size-lg-12 {
        font-size: 12px
    }

    .font-size-lg-14 {
        font-size: 14px
    }

    .font-size-lg-15 {
        font-size: 15px
    }

    .font-size-lg-16 {
        font-size: 16px
    }

    .font-size-lg-17 {
        font-size: 17px
    }

    .font-size-lg-18 {
        font-size: 18px
    }

    .font-size-lg-19 {
        font-size: 19px
    }

    .font-size-lg-20 {
        font-size: 20px
    }

    .font-size-lg-22 {
        font-size: 22px
    }

    .font-size-lg-23 {
        font-size: 23px
    }

    .font-size-lg-24 {
        font-size: 24px
    }

    .font-size-lg-25 {
        font-size: 25px
    }

    .font-size-lg-27 {
        font-size: 27px
    }

    .font-size-lg-28 {
        font-size: 28px
    }

    .font-size-lg-29 {
        font-size: 29px
    }

    .font-size-lg-30 {
        font-size: 30px
    }

    .font-size-lg-32 {
        font-size: 32px
    }

    .font-size-lg-34 {
        font-size: 34px
    }

    .font-size-lg-35 {
        font-size: 35px
    }

    .font-size-lg-36 {
        font-size: 36px
    }

    .font-size-lg-37 {
        font-size: 37px
    }

    .font-size-lg-40 {
        font-size: 40px
    }

    .font-size-lg-42 {
        font-size: 42px
    }

    .font-size-lg-44 {
        font-size: 44px
    }

    .font-size-lg-48 {
        font-size: 48px
    }

    .font-size-lg-50 {
        font-size: 50px
    }

    .font-size-lg-55 {
        font-size: 55px
    }

    .font-size-lg-60 {
        font-size: 60px
    }

    .font-size-lg-70 {
        font-size: 70px
    }
}

@media screen and (min-width: 1200px) {
    .font-size-xl-7 {
        font-size:7px
    }

    .font-size-xl-9 {
        font-size: 9px
    }

    .font-size-xl-10 {
        font-size: 10px
    }

    .font-size-xl-12 {
        font-size: 12px
    }

    .font-size-xl-14 {
        font-size: 14px
    }

    .font-size-xl-15 {
        font-size: 15px
    }

    .font-size-xl-16 {
        font-size: 16px
    }

    .font-size-xl-17 {
        font-size: 17px
    }

    .font-size-xl-18 {
        font-size: 18px
    }

    .font-size-xl-19 {
        font-size: 19px
    }

    .font-size-xl-20 {
        font-size: 20px
    }

    .font-size-xl-22 {
        font-size: 22px
    }

    .font-size-xl-23 {
        font-size: 23px
    }

    .font-size-xl-24 {
        font-size: 24px
    }

    .font-size-xl-25 {
        font-size: 25px
    }

    .font-size-xl-27 {
        font-size: 27px
    }

    .font-size-xl-28 {
        font-size: 28px
    }

    .font-size-xl-29 {
        font-size: 29px
    }

    .font-size-xl-30 {
        font-size: 30px
    }

    .font-size-xl-32 {
        font-size: 32px
    }

    .font-size-xl-34 {
        font-size: 34px
    }

    .font-size-xl-35 {
        font-size: 35px
    }

    .font-size-xl-36 {
        font-size: 36px
    }

    .font-size-xl-37 {
        font-size: 37px
    }

    .font-size-xl-40 {
        font-size: 40px
    }

    .font-size-xl-42 {
        font-size: 42px
    }

    .font-size-xl-44 {
        font-size: 44px
    }

    .font-size-xl-48 {
        font-size: 48px
    }

    .font-size-xl-50 {
        font-size: 50px
    }

    .font-size-xl-55 {
        font-size: 55px
    }

    .font-size-xl-60 {
        font-size: 60px
    }

    .font-size-xl-70 {
        font-size: 70px
    }
}

@media screen and (min-width: 1400px) {
    .font-size-xxl-7 {
        font-size:7px
    }

    .font-size-xxl-9 {
        font-size: 9px
    }

    .font-size-xxl-10 {
        font-size: 10px
    }

    .font-size-xxl-12 {
        font-size: 12px
    }

    .font-size-xxl-14 {
        font-size: 14px
    }

    .font-size-xxl-15 {
        font-size: 15px
    }

    .font-size-xxl-16 {
        font-size: 16px
    }

    .font-size-xxl-17 {
        font-size: 17px
    }

    .font-size-xxl-18 {
        font-size: 18px
    }

    .font-size-xxl-19 {
        font-size: 19px
    }

    .font-size-xxl-20 {
        font-size: 20px
    }

    .font-size-xxl-22 {
        font-size: 22px
    }

    .font-size-xxl-23 {
        font-size: 23px
    }

    .font-size-xxl-24 {
        font-size: 24px
    }

    .font-size-xxl-25 {
        font-size: 25px
    }

    .font-size-xxl-27 {
        font-size: 27px
    }

    .font-size-xxl-28 {
        font-size: 28px
    }

    .font-size-xxl-29 {
        font-size: 29px
    }

    .font-size-xxl-30 {
        font-size: 30px
    }

    .font-size-xxl-32 {
        font-size: 32px
    }

    .font-size-xxl-34 {
        font-size: 34px
    }

    .font-size-xxl-35 {
        font-size: 35px
    }

    .font-size-xxl-36 {
        font-size: 36px
    }

    .font-size-xxl-37 {
        font-size: 37px
    }

    .font-size-xxl-40 {
        font-size: 40px
    }

    .font-size-xxl-42 {
        font-size: 42px
    }

    .font-size-xxl-44 {
        font-size: 44px
    }

    .font-size-xxl-48 {
        font-size: 48px
    }

    .font-size-xxl-50 {
        font-size: 50px
    }

    .font-size-xxl-55 {
        font-size: 55px
    }

    .font-size-xxl-60 {
        font-size: 60px
    }

    .font-size-xxl-70 {
        font-size: 70px
    }
}