/* define for 1920 px */

body {
    font-size: clamp(14px, 1.2vw, 18px);
}

/* Headings */
.text-100 { font-size: clamp(42px, 6vw, 100px); } /* Big hero */
.text-64  { font-size: clamp(30px, 3.5vw, 64px); }
.text-60  { font-size: clamp(40px, 3.5vw, 60px); }
.text-54  { font-size: clamp(34px, 3vw, 54px); }
.text-50  { font-size: clamp(32px, 3vw, 50px); }
.text-44  { font-size: clamp(30px, 2.5vw, 44px); }
.text-40  { font-size: clamp(28px, 2.5vw, 40px); }
.text-38  { font-size: clamp(27px, 2vw, 38px); }

.text-35  { font-size: clamp(26px, 2vw, 35px); }
.text-32  { font-size: clamp(25px, 2vw, 32px); }

/* Subheadings / medium text */
.text-30  { font-size: clamp(20px, 1.6vw, 30px); }
.text-28  { font-size: clamp(23px, 1.8vw, 28px); }
.text-25  { font-size: clamp(21px, 1.5vw, 25px); }
.text-24  { font-size: clamp(20px, 1.5vw, 24px); }
.text-22  { font-size: clamp(18px, 1.5vw, 22px); }
.text-21  { font-size: clamp(16px, 1.2vw, 21px); }
.text-20  { font-size: clamp(16px, 1.2vw, 20px); }
.text-18  { font-size: clamp(14px, 1.2vw, 18px); }

/* Body text */
.text-16  { font-size: clamp(14px, 1vw, 16px); }
.text-15  { font-size: clamp(13px, 1vw, 15px); }
.text-14  { font-size: clamp(12px, 0.9vw, 14px); }
.text-12  { font-size: clamp(10px, 0.8vw, 12px); }