/* ===== Desktop (≥1200px) ===== */

h1 { font-size: 3.875rem!important; }   /* 62px */
h2 { font-size: 2.5rem!important; }     /* 40px */
h3 { font-size: 2.125rem!important; }   /* 34px */
h4 { font-size: 2rem!important; }       /* 32px */
h5 { font-size: 1.5rem!important; }       /* 24px */
p  { font-size: 1.5rem!important; }     /* 24px */
.p-sm { font-size: 1.375rem!important; } /* 22px */
.p-xsm { font-size: 1.125rem!important; } /* 18px */

button { font-size: 1rem!important; }   /* 16px */
.accent { font-size: 1.125rem!important; } /* 18px */


/* ===== Laptop ≤1199px ===== */

@media (max-width:1240px){

h1 { font-size: 3.375rem!important; }   /* 54px */
h2 { font-size: 2.25rem!important; }    /* 36px */
h3 { font-size: 1.875rem!important; }   /* 30px */
h4 { font-size: 1.75rem!important; }    /* 28px */
h5  { font-size: 1.375rem!important; }   /* 22px */
p  { font-size: 1.375rem!important; }   /* 22px */
.p-sm { font-size: 1.25rem!important; } /* 20px */
.p-xsm { font-size: 1.125rem!important; } /* 18px */

}


/* ===== Tablet ≤991px ===== */

@media (max-width:991px){

h1 { font-size: 2.875rem!important; }   /* 46px */
h2 { font-size: 2rem!important; }       /* 32px */
h3 { font-size: 1.75rem!important; }    /* 28px */
h4 { font-size: 1.625rem!important; }   /* 26px */
h5  { font-size: 1.25rem!important; }   /* 20px */
p  { font-size: 1.25rem!important; }    /* 20px */
.p-sm { font-size: 1.125rem!important; } /* 18px */
.p-xsm { font-size: 1rem!important; } /* 16px */


button { font-size: 0.9375rem!important; } /* 15px */

}


/* ===== Mobile ≤767px ===== */

@media (max-width:767px){

h1 { font-size: 2.25rem!important; }    /* 36px */
h2 { font-size: 1.75rem!important; }    /* 28px */
h3 { font-size: 1.5rem!important; }     /* 24px */
h4 { font-size: 1.375rem!important; }   /* 22px */
h5  { font-size: 1.25rem!important; }   /* 20px */
p  { font-size: 1.125rem!important; }   /* 18px */
.p-sm { font-size: 1rem!important; } /* 16px */
.p-xsm { font-size: 0.875rem!important; } /* 14px */


button { font-size: 0.875rem!important; } /* 14px */
.accent { font-size: 1rem!important; } /* 16px */

}


/* ===== Small Mobile ≤575px ===== */

@media (max-width:575px){

h1 { font-size: 2rem!important; }       /* 32px */
h2 { font-size: 1.625rem!important; }   /* 26px */
h3 { font-size: 1.375rem!important; }   /* 22px */
h4 { font-size: 1.25rem!important; }    /* 20px */
h5  { font-size: 1rem!important; }      /* 16px */
p  { font-size: 1rem!important; }       /* 16px */
.p-sm { font-size: 1rem!important; } /* 16px */
.p-xsm { font-size: 0.875rem!important; } /* 14px */


}