/* DMSans */

@font-face {
    font-family: BigShouldersDisplay Black;
    src: url("../fonts/Big_Shoulders_Display/static/BigShouldersDisplay-Black.ttf");
}

@font-face {
    font-family: BigShouldersDisplay ExtraBold;
    src: url("../fonts/Big_Shoulders_Display/static/BigShouldersDisplay-ExtraBold.ttf");
}

@font-face {
    font-family: BigShouldersDisplay Bold;
    src: url("../fonts/Big_Shoulders_Display/static/BigShouldersDisplay-Bold.ttf");
}

@font-face {
    font-family: DMSans Bold;
    src: url("../fonts/DM_Sans/static/DMSans-Bold.ttf");
}

@font-face {
    font-family: DMSans Medium;
    src: url("../fonts/DM_Sans/static/DMSans-Medium.ttf");
}

@font-face {
    font-family: DMSans Regular;
    src: url("../fonts/DM_Sans/static/DMSans-Regular.ttf");
}

@font-face {
    font-family: Lato Italic;
    src: url("../fonts/Lato/Lato-Italic.ttf");
}

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

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

.font-bigshouldersdisplay-black {
    font-family: BigShouldersDisplay Black;
}

.font-bigshouldersdisplay-extrabold {
    font-family: BigShouldersDisplay ExtraBold;
}

.font-bigshouldersdisplay-bold {
    font-family: BigShouldersDisplay Bold;
}

.font-dmsans-bold {
    font-family: DMSans Bold;
}

.font-dmsans-medium {
    font-family: DMSans Medium;
}

.font-dmsans-regular {
    font-family: DMSans Regular;
}

.font-lato-italic {
    font-family: Lato Italic;
}

.font-lato-regular {
    font-family: Lato Regular;
}

.font-lato-bold {
    font-family: Lato Bold;
}

/* TYPOGRAPHY  */
.fs-15 {
    font-size: clamp(1px, 0.78125vw, 30px) !important;
}

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

.fs-content,
.fs-18 {
    font-size: clamp(1px, 1.197915vw, 46px) !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, 64px) !important;
}

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

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

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

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

.fs-52 {
    font-size: clamp(1px, 2.708331vw, 104px) !important;
}

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

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

.fs-64 {
    font-size: clamp(1px, 3.333331vw, 128px) !important;
}

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

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

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

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

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

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


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

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

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

.fs-180 {
    font-size: clamp(1px, 9.375vw, 360px) !important;
}

@media only screen and (max-width:767px) {
    .fs-15 {
        font-size: clamp(1px, 3.48837vw, 30px) !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .fs-52 {
        font-size: clamp(1px, 7.753vw, 104px) !important;
    }

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

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

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

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

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

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

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

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

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

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

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

    .fs-180 {
        font-size: clamp(1px, 15.11627vw, 360px) !important;
    }
}