/* Font Aeonik */

@font-face {
    font-family: Aeonik Air;
    src: url("../fonts/Aeonik/Aeonik-Air.otf");
}

@font-face {
    font-family: Aeonik Extra Bold;
    src: url("../fonts/Aeonik/Aeonik-Black.otf");
}

@font-face {
    font-family: Aeonik Bold;
    src: url("../fonts/Aeonik/Aeonik-Bold.otf");
}

@font-face {
    font-family: Aeonik light;
    src: url("../fonts/Aeonik/Aeonik-Light.otf");
}

@font-face {
    font-family: Aeonik Medium;
    src: url("../fonts/Aeonik/Aeonik-Medium.otf");
}

@font-face {
    font-family: Aeonik Regular;
    src: url("../fonts/Aeonik/Aeonik-Regular.otf");
}

.font-aeonik-semi-bold {
    font-family: Aeonik Air !important;
}

.font-aeonik-black {
    font-family: Aeonik Extra Bold !important;
}

.font-aeonik-bold {
    font-family: Aeonik Bold !important;
}

.font-aeonik-light {
    font-family: Aeonik light !important;
}

.font-aeonik-medium {
    font-family: Aeonik Medium !important;
}

.font-aeonik-regular {
    font-family: Aeonik Regular !important;
}


/* TYPOGRAPHY  */
.fs-16 {
    font-size: clamp(1px, 0.833332vw, 32px) !important;
}

.fs-content,
.fs-18 {
    font-size: clamp(1px, 0.9375vw, 36px) !important;
}

.fs-20 {
    font-size: clamp(1px, 1.041665vw, 40px) !important;
}

.fs-22 {
    font-size: clamp(1px, 1.145831vw, 44px) !important;
}

.fs-24 {
    font-size: clamp(1px, 1.25vw, 48px) !important;
}

.fs-26 {
    font-size: clamp(1px, 1.354165vw, 30px) !important;
}

.fs-28 {
    font-size: clamp(1px, 1.458331vw, 56px) !important;
}

.fs-subheading-30,
.fs-30 {
    font-size: clamp(1px, 1.5625vw, 35px) !important;
}

.fs-subheading-32,
.fs-32 {
    font-size: clamp(1px, 1.666665vw, 36px) !important;
}

.fs-36 {
    font-size: clamp(1px, 1.875vw, 42px) !important;
}

.fs-header-40,
.fs-40 {
    font-size: clamp(1px, 2.083331vw, 46px) !important;
}

.fs-48 {
    font-size: clamp(1px, 2.604164vw, 70px) !important;
}

.fs-50 {
    font-size: clamp(1px, 2.604164vw, 70px) !important;
}

.fs-55 {
    font-size: clamp(1px, 2.9vw, 55px) !important;
}

.fs-60 {
    font-size: clamp(1px, 3.125vw, 120px) !important;
}

.fs-68 {
    font-size: 6.8rem !important;
}

.fs-70 {
    font-size: clamp(1px, 3.62344vw, 70px) !important;
}

.fs-72 {
    font-size: 7.2rem !important;
}

.fs-75 {
    font-size: clamp(1px, 3.90625vw, 150px) !important;
}

.fs-80 {
    font-size: clamp(1px, 4.166665vw, 160px) !important;
}

.fs-90 {
    font-size: clamp(1px, 4.6875vw, 105px) !important;
}


.fs-96 {
    font-size: 96px !important;
}

.fs-100 {
    font-size: clamp(40px, 5.20834vw, 110px) !important;
}

.fs-110 {
    font-size: 108.44px !important;
}

.fs-120 {
    font-size: clamp(60px, 6.250vw, 120px) !important;
}


@media only screen and (max-width:767px) {

    .fs-16 {
        font-size: clamp(1px, 2.7907vw, 16px) !important;
    }

    .fs-content,
    .fs-18 {
        font-size: clamp(1px, 3.72092vw, 18px) !important;
    }

    .fs-20 {
        font-size: clamp(1px, 3.72092vw, 20px) !important;
    }

    .fs-22 {
        font-size: clamp(1px, 4.65116vw, 24px) !important;
    }

    .fs-24 {
        font-size: clamp(1px, 4.65116vw, 24px) !important;
    }

    .fs-26 {
        font-size: clamp(1px, 4.65116vw, 26px) !important;
    }

    .fs-28 {
        font-size: clamp(1px, 5.5814vw, 28px) !important;
    }

    .fs-subheading-30,
    .fs-30 {
        font-size: clamp(1px, 5.5814vw, 30px) !important;
    }

    .fs-subheading-32,
    .fs-32 {
        font-size: clamp(1px, 5.5814vw, 32px) !important;
    }

    .fs-36 {
        font-size: clamp(1px, 5.11627vw, 36px) !important;
    }

    .fs-header-40,
    .fs-40 {
        font-size: clamp(1px, 5.11627vw, 40px) !important;
    }

    .fs-48 {
        font-size: clamp(1px, 9.30232vw, 70px) !important;
    }

    .fs-50 {
        font-size: clamp(30px, 2.7vw, 50px) !important;
    }

    .fs-55 {
        font-size: clamp(34px, 3vw, 55px) !important;
    }

    .fs-60 {
        font-size: clamp(1px, 7.44185vw, 60px) !important;
    }

    .fs-68 {
        font-size: 6.8rem !important;
    }

    .fs-70 {
        font-size: clamp(1px, 9.76743vw, 70px) !important;
    }

    .fs-72 {
        font-size: 7.2rem !important;
    }

    .fs-75 {
        font-size: clamp(1px, 10.46512vw, 75px) !important;
    }

    .fs-80 {
        font-size: clamp(1px, 11.1628vw, 80px) !important;
    }

    .fs-90 {
        font-size: clamp(1px, 8.3721vw, 90px) !important;
    }

    .fs-100 {
        font-size: clamp(1px, 9.30232vw, 110px) !important;
    }

    .fs-120 {
        font-size: clamp(1px, 12.7907vw, 120px) !important;
    }
}