.heading.regular{
    font-weight:normal;
}
.heading.semi{
    font-weight:600;
}
.heading.bold {
    font-weight: 700;
}

h1.heading,
.h1.heading{
    font-size:36px;
    font-weight:600;
    line-height:40px;
    letter-spacing: -0.5px;
}
h2.heading,
.h2.heading{
    font-size:32px;
    font-weight:600;
    line-height:36px;
    letter-spacing: -0.2px;
}
h3.heading,
.h3.heading{
    font-size:26px;
    font-weight:600;
    line-height:30px;
}
h4.heading,
.h4.heading{
    font-size:22px;
    font-weight:600;
    line-height:26px;
}
h5.heading,
.h5.heading{
    font-size:20px;
    font-weight:600;
    line-height:24px;
}
@media(min-width:768px){
    h1.heading{
        font-size:46px;
        line-height:50px;
        letter-spacing: -0.8px;
    }
    h2.heading{
        font-size:40px;
        line-height:44px;
        letter-spacing: -0.5px;
    }
    h3.heading{
        font-size:32px;
        line-height:36px;
        letter-spacing: -0.2px;
    }
    h4.heading{
        font-size:26px;
        line-height:30px;
    }
    h5.heading{
        font-size:22px;
        line-height:26px;
    }
}
.text-size-22{
    font-size:18px;
    line-height:24px;
}
.text-size-20{
    font-size:16px;
    line-height:22px;
}
.text-size-18{
    font-size:14px;
    line-height:18px;
}
.text-size-16{
    font-size:12px;
    line-height:16px;
}
.text-size-14{
    font-size:10px;
    line-height:14px;
}
.text-size-12{
    font-size:12px;
    line-height:16px;
}
.text-size-10{
    font-size:10px;
    line-height:14px;
    letter-spacing: 0.2px;
}
@media(min-width:768px){
    .text-size-22{
        font-size:20px;
        line-height:26px;
    }
    .text-size-20{
        font-size:18px;
        line-height:24px;
    }
    .text-size-18{
        font-size:16px;
        line-height:22px;
    }
    .text-size-16 {
        font-size: 14px;
        line-height: 20px;
    }
    .text-size-14{
        font-size:12px;
        line-height:16px;
    }
}
@media(min-width:1024px){
    .text-size-22{
        font-size:22px;
        line-height:26px;
    }
    .text-size-20{
        font-size:20px;
        line-height:24px;
    }
    .text-size-18{
        font-size:18px;
        line-height:24px;
    }
    .text-size-16 {
        font-size:16px;
        line-height:22px;
    }
    .text-size-14{
        font-size:14px;
        line-height:18px;
    }
}
.text-size.d-32{
    font-size:32px;
    line-height:36px;
}
.text-size.d-30{
    font-size:30px;
    line-height:34px;
}
.text-size.d-28 {
    font-size:28px;
    line-height:32px;
}
.text-size.d-26{
    font-size:26px;
    line-height:30px;
}
.text-size.d-24{
    font-size:24px;
    line-height:28px;
}
.text-size.d-22{
    font-size:22px;
    line-height:26px;
}
.text-size.d-20{
    font-size:20px;
    line-height:24px;
}
.text-size.d-18{
    font-size:18px;
    line-height:24px;
}
.text-size.d-16{
    font-size:16px;
    line-height:22px;
}
.text-size.d-14{
    font-size:14px;
    line-height:18px;
}
.text-size.d-12{
    font-size:12px;
    line-height:16px;
}
.text-size.d-10{
    font-size:10px;
    line-height:14px;
    letter-spacing: 0.2px;
}
@media(min-width:768px) and (max-width:1023px) {
    .text-size.t-26 {
        font-size: 26px;
        line-height: 30px;
    }
    .text-size.t-24 {
        font-size: 24px;
        line-height: 28px;
    }

    .text-size.t-22 {
        font-size: 22px;
        line-height: 26px;
    }

    .text-size.t-20 {
        font-size: 20px;
        line-height: 24px;
    }

    .text-size.t-18 {
        font-size: 18px;
        line-height: 24px;
    }

    .text-size.t-16 {
        font-size: 16px;
        line-height: 22px;
    }

    .text-size.t-14 {
        font-size: 14px;
        line-height: 18px;
    }

    .text-size.t-12 {
        font-size: 12px;
        line-height: 16px;
    }

    .text-size.t-10 {
        font-size: 10px;
        line-height: 14px;
        letter-spacing: 0.2px;
    }
}
@media(max-width:767px){

    .text-size.m-26 {
        font-size: 26px;
        line-height: 30px;
    }
    .text-size.m-24 {
        font-size: 24px;
        line-height: 28px;
    }
    .text-size.m-22 {
        font-size: 22px;
        line-height: 26px;
    }
    .text-size.m-20 {
        font-size: 20px;
        line-height: 24px;
    }
    .text-size.m-18 {
        font-size: 18px;
        line-height: 24px;
    }
    .text-size.m-16 {
        font-size: 16px;
        line-height: 22px;
    }
    .text-size.m-14 {
        font-size: 14px;
        line-height: 18px;
    }
    .text-size.m-12 {
        font-size: 12px;
        line-height: 16px;
    }
    .text-size.m-10 {
        font-size: 10px;
        line-height: 14px;
        letter-spacing: 0.2px;
    }
}
.font-normal{
    font-weight:400 !important;
}
.font-semi{
    font-weight:600 !important;
}
.font-bold{
    font-weight:700 !important;
}
.uppercase{
    text-transform:uppercase;
}