/*300*/
/* @font-face {
    font-family: "Quicksand-Light";
    src: url("../../fonts/Quicksand-Light.ttf");
} */
/*400*/
/* @font-face {
    font-family: "Quicksand-Regular";
    src: url("../../fonts/Quicksand-Regular.ttf");
} */
/*500*/
/* @font-face {
    font-family: "Quicksand-Medium";
    src: url("../../fonts/Quicksand-Medium.ttf");
} */
/*600*/
/* @font-face {
    font-family: "Quicksand-SemiBold";
    src: url("../../fonts/Quicksand-SemiBold.ttf");
} */
/*700*/
/* @font-face {
    font-family: "Quicksand-Bold";
    src: url("../../fonts/Quicksand-Bold.ttf");
} */

/*300*/
@font-face {
    font-family: "Quicksand-Light";
    src: url("../../fonts/Quicksand-Light.ttf");
}
/* 400 */
@font-face {
    font-family: "Quicksand-Regular";
    src: url("../../fonts/Quicksand-Regular.ttf");
}
/* 500 */
@font-face {
    font-family: "Quicksand-Medium";
    src: url("../../fonts/Quicksand-Medium.ttf");
}
/* 600 */
@font-face {
    font-family: "Quicksand-SemiBold";
    src: url("../../fonts/Quicksand-SemiBold.ttf");
}
/* 700 */
@font-face {
    font-family: "Quicksand-Bold";
    src: url("../../fonts/Quicksand-Bold.ttf");
}

.font-10{
    font-family: "Quicksand-Regular";
    font-size: 10px;
}
.font-10-light{
    font-family: "Quicksand-Light";
    font-size: 10px;
}
.font-10-medium{
    font-family: "Quicksand-Medium";
    font-size: 10px;
}
.font-10-semibold{
    font-family: "Quicksand-SemiBold";
    font-size: 10px;
}
.font-10-bold{
    font-family: "Quicksand-Bold";
    font-size: 10px;
}

.font-12{
    font-family: "Quicksand-Regular";
    font-size: 12px;
}
.font-12-light{
    font-family: "Quicksand-Light";
    font-size: 12px;
}
.font-12-medium{
    font-family: "Quicksand-Medium";
    font-size: 12px;
}
.font-12-semibold{
    font-family: "Quicksand-SemiBold";
    font-size: 12px;
}
.font-12-bold{
    font-family: "Quicksand-Bold";
    font-size: 12px;
}

.font-13{
    font-family: "Quicksand-Regular";
    font-size: 13px;
}
.font-13-light{
    font-family: "Quicksand-Light";
    font-size: 13px;
}
.font-13-medium{
    font-family: "Quicksand-Medium";
    font-size: 13px;
}
.font-13-semibold{
    font-family: "Quicksand-SemiBold";
    font-size: 13px;
}
.font-13-bold{
    font-family: "Quicksand-Bold";
    font-size: 13px;
}

.font-14{
    font-family: "Quicksand-Regular";
    font-size: 14px;
}
.font-14-light{
    font-family: "Quicksand-Light";
    font-size: 14px;
}
.font-14-medium{
    font-family: "Quicksand-Medium";
    font-size: 14px;
}
.font-14-semibold{
    font-family: "Quicksand-SemiBold";
    font-size: 14px;
}
.font-14-bold{
    font-family: "Quicksand-Bold";
    font-size: 14px;
}
.font-15-medium{
    font-family: "Quicksand-Medium";
    font-size: 15px;
}
.font-16{
    font-family: "Quicksand-Regular";
    font-size: 16px;
}
.font-16-light{
    font-family: "Quicksand-Light";
    font-size: 16px;
}
.font-16-medium{
    font-family: "Quicksand-Medium";
    font-size: 16px;
}
.font-16-semibold{
    font-family: "Quicksand-SemiBold";
    font-size: 16px;
}
.font-16-bold{
    font-family: "Quicksand-Bold";
    font-size: 16px;
}

.font-18{
    font-family: "Quicksand-Regular";
    font-size: 18px;
}

.font-18-light{
    font-family: "Quicksand-Light";
    font-size: 18px;
}

.font-18-medium{
    font-family: "Quicksand-Medium";
    font-size: 18px;
}

.font-18-semibold{
    font-family: "Quicksand-SemiBold";
    font-size: 18px;
}

.font-18-bold{
    font-family: "Quicksand-Bold";
    font-size: 18px;
}

.font-20{
    font-family: "Quicksand-Regular";
    font-size: 20px;
}
.font-20-light{
    font-family: "Quicksand-Light";
    font-size: 20px;
}
.font-20-medium{
    font-family: "Quicksand-Medium";
    font-size: 20px;
}
.font-20-semibold{
    font-family: "Quicksand-SemiBold";
    font-size: 20px;
}
.font-20-bold{
    font-family: "Quicksand-Bold";
    font-size: 20px;
}
.font-21{
    font-family: "Quicksand-Regular";
    font-size: 21px;
}
.font-21-light{
    font-family: "Quicksand-Light";
    font-size: 21px;
}
.font-21-medium{
    font-family: "Quicksand-Medium";
    font-size: 21px;
}
.font-21-semibold{
    font-family: "Quicksand-SemiBold";
    font-size: 21px;
}
.font-21-bold{
    font-family: "Quicksand-Bold";
    font-size: 21px;
}
.font-24{
    font-family: "Quicksand-Regular";
    font-size: 24px;
}
.font-24-light{
    font-family: "Quicksand-Light";
    font-size: 24px;
}
.font-24-medium{
    font-family: "Quicksand-Medium";
    font-size: 24px;
}
.font-24-semibold{
    font-family: "Quicksand-SemiBold";
    font-size: 24px;
}
.font-24-bold{
    font-family: "Quicksand-Bold";
    font-size: 24px;
}

.font-30{
    font-family: "Quicksand-Regular";
    font-size: 30px;
}
.font-30-light{
    font-family: "Quicksand-Light";
    font-size: 30px;
}
.font-30-medium{
    font-family: "Quicksand-Medium";
    font-size: 30px;
}
.font-30-semibold{
    font-family: "Quicksand-SemiBold";
    font-size: 30px;
}
.font-30-bold{
    font-family: "Quicksand-Bold";
    font-size: 30px;
}

.font-32{
    font-family: "Quicksand-Regular";
    font-size: 32px;
}
.font-32-light{
    font-family: "Quicksand-Light";
    font-size: 32px;
}
.font-32-medium{
    font-family: "Quicksand-Medium";
    font-size: 32px;
}
.font-32-semibold{
    font-family: "Quicksand-SemiBold";
    font-size: 32px;
}
.font-32-bold{
    font-family: "Quicksand-Bold";
    font-size: 32px;
}
.height-120 {
    line-height: 120% !important;
}
.lt-05 {
    letter-spacing: 0.5px;
}
.lt-4 {
    letter-spacing: 4px;
}
.lh-28 {
    line-height: 28px;
}
.lh-14 {
    line-height: 14px;
}

@media (max-width: 1200.5px) {
    .font-14{
        font-family: "Quicksand-Regular";
        font-size: 12px;
    }
    .font-14-light{
        font-family: "Quicksand-Light";
        font-size: 12px;
    }
    .font-14-medium{
        font-family: "Quicksand-Medium";
        font-size: 12px;
    }
    .font-14-semibold{
        font-family: "Quicksand-SemiBold";
        font-size: 12px;
    }
    .font-14-bold{
        font-family: "Quicksand-Bold";
        font-size: 12px;
    }
    .font-16{
        font-family: "Quicksand-Regular";
        font-size: 14px;
    }
    .font-16-light{
        font-family: "Quicksand-Light";
        font-size: 14px;
    }
    .font-16-medium{
        font-family: "Quicksand-Medium";
        font-size: 14px;
    }
    .font-16-semibold{
        font-family: "Quicksand-SemiBold";
        font-size: 14px;
    }
    .font-16-bold{
        font-family: "Quicksand-Bold";
        font-size: 14px;
    }
}

@media (max-width: 820px) {
    .font-14{
        font-family: "Quicksand-Regular";
        font-size: 14px;
    }
    .font-14-light{
        font-family: "Quicksand-Light";
        font-size: 14px;
    }
    .font-14-medium{
        font-family: "Quicksand-Medium";
        font-size: 14px;
    }
    .font-14-semibold{
        font-family: "Quicksand-SemiBold";
        font-size: 14px;
    }
    .font-14-bold{
        font-family: "Quicksand-Bold";
        font-size: 14px;
    }
    .font-16{
        font-family: "Quicksand-Regular";
        font-size: 16px;
    }
    .font-16-light{
        font-family: "Quicksand-Light";
        font-size: 16px;
    }
    .font-16-medium{
        font-family: "Quicksand-Medium";
        font-size: 16px;
    }
    .font-16-semibold{
        font-family: "Quicksand-SemiBold";
        font-size: 16px;
    }
    .font-16-bold{
        font-family: "Quicksand-Bold";
        font-size: 16px;
    }
}