@font-face {
  font-family: 'Zodiak-ThinItalic';
  src: url('fonts/Zodiak-ThinItalic.woff2') format('woff2'),
       url('fonts/Zodiak-ThinItalic.woff') format('woff'),
       url('fonts/Zodiak-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-display: swap;
  font-style: italic;
}


.fw-100{
    font-weight: 100;
}
.fw-200{
    font-weight: 200;
}
.fw-300{
    font-weight: 300;
}
.fw-400{
    font-weight: 400;
}
.fw-500{
    font-weight: 500;
}
.fw-600{
    font-weight: 600;
}
.fw-700{
    font-weight: 700;
}
.fw-800{
    font-weight: 800;
}
.fw-900{
    font-weight: 900;
}

.f20{
    font-size: 20px;
}


.f14{
    font-size: 14px;
}


.f18{
    font-size: 18px;
}
.f16{
    font-size: 16px;
}

  .f20-to-64{
        /*360 -1600 */
    font-size: clamp(1.25rem, 0.4516rem + 3.5484vw, 4rem);
        line-height: 100%;
 }
 

 
 .f36-to-72{
        /*360 -1600 */
    font-size: clamp(2.25rem, 1.5968rem + 2.9032vw, 4.5rem);
        line-height: 100%;
 }
 
.f24-to-40{
    /*360 -1600 */
    font-size: clamp(1.5rem, 1.2097rem + 1.2903vw, 2.5rem);
    line-height: 100%;
} 

.f20-to-40{
    /*360 -1600 */
  font-size: clamp(1.25rem, calc(0.795rem + 2.273vw), 2.50rem);
    line-height: 100%;
} 

.f20-to-48, .f20-to-48 *{
    /*360 -1600 */
    font-size: clamp(1.25rem, 0.7419rem + 2.2581vw, 3rem);
    line-height: 100%;
} 

.f20-to-36, .f20-to-36 *{
font-size: clamp(1.25rem, calc(0.886rem + 1.818vw), 2.25rem);
}

.f18-to-24{

font-size: clamp(1.125rem, 0.9643rem + 0.7143vw, 1.5rem);
}


.f16-to-20, .f16-to-20 *{
    /*360 -1600 */
font-size: clamp(1rem, 0.9274rem + 0.3226vw, 1.25rem);
    line-height: 115%;
} 
.f16-to-24, .f16-to-24 *{
    /*360 -1600 */
font-size: clamp(1rem, 0.9274rem + 0.3226vw, 1.25rem);
    line-height: 115%;
} 

.f16-to-32{
    font-size: clamp(1.00rem, calc(0.636rem + 1.818vw), 2.00rem);
        line-height: 115%;
}

.f18-to-32{
    /*360 -1600 */
font-size: clamp(1.125rem, 0.871rem + 1.129vw, 2rem);
    line-height: 115%;
} 
 
 .f18-to-24{
    /*360 -1600 */
font-size: clamp(1.00rem, calc(0.818rem + 0.909vw), 1.50rem);
    line-height: 115%;
} 
 
 .f18-to-28{
    /*360 -1600 */
font-size: clamp(1.125rem, 0.9435rem + 0.8065vw, 1.75rem);
    line-height: 115%;
} 
 
 
 
 

.f18-to-20, .f18-to-20 *{
        /*360 -1600 */
font-size: clamp(1.125rem, 1.0887rem + 0.1613vw, 1.25rem);
    line-height: 115%;
}
.f16-to-20{
            /*360 -1600 */
font-size: clamp(1rem, 0.9274rem + 0.3226vw, 1.25rem);
    line-height: 115%;
}