/*==================================================
        UNIFIED HEADING TYPOGRAPHY
        Ensures every section h2 uses the same
        size, for visual consistency site-wide.
==================================================*/

h2{

    font-size:42px !important;

}

@media(max-width:1200px){

    h2{

        font-size:38px !important;

    }

}

@media(max-width:992px){

    h2{

        font-size:34px !important;

    }

}

@media(max-width:768px){

    h2{

        font-size:30px !important;

    }

}

@media(max-width:480px){

    h2{

        font-size:26px !important;

    }

}



/*==================================================
        EXCLUDED: NUMERIC STAT COUNTERS
        These h2 tags display large numbers
        (e.g. "20", "5000+"), not text headings,
        so they keep their original oversized scale.
==================================================*/

.stat-box h2{

    font-size:62px !important;

}

.trx-exp-content h2{

    font-size:68px !important;

}

@media(max-width:1200px){

    .stat-box h2{

        font-size:52px !important;

    }

}

@media(max-width:992px){

    .stat-box h2{

        font-size:46px !important;

    }
}

@media(max-width:768px){

    .stat-box h2{

        font-size:42px !important;

    }

    .trx-exp-content h2{

        font-size:42px !important;

    }

}

@media(max-width:576px){

    .stat-box h2{

        font-size:38px !important;

    }

    .trx-exp-content h2{

        font-size:34px !important;

    }

}

@media(max-width:480px){

    .stat-box h2{

        font-size:34px !important;

    }

    .trx-exp-content h2{

        font-size:30px !important;

    }

}

@media(max-width:360px){

    .stat-box h2{

        font-size:30px !important;

    }

    .trx-exp-content h2{

        font-size:24px !important;

    }

}