.menu li a,
.info-tab a,
.footer-contact,
.login a {
    font-size: 1rem;
}

.service-card p {
    font-size: .8125rem;
}

.about-text h2 {
    font-size: 2rem;
}

.about-text p {
    font-size: 1.25rem;
}

.stat-item p {
    font-size: 0.875rem;
}

.eservice-title {
    font-size: 2rem;
}

@media (min-width: 1560px) {
    .about-text p {
        font-size: 1.25rem;
    }
}

/* ---------------------------------------------------------------------------
   ขนาดตัวอักษรตามขนาดจอ

   ไฟล์นี้ถูกโหลดเป็นไฟล์สุดท้าย (ดู include/head.php) เพื่อให้ค่าหน่วย rem
   ทำงานร่วมกับปุ่มปรับขนาดตัวอักษรของเว็บได้ ผลข้างเคียงคือกฎ font-size
   ใน responsive.css ที่ไม่ได้ใส่ !important จะถูกทับทั้งหมด
   จอมือถือ/แท็บเล็ตจึงได้ตัวอักษรขนาดเท่าจอคอม

   ดังนั้นขนาดของจอเล็กต้องประกาศไว้ที่นี่ด้วย และต้องเรียงจากจอใหญ่ไปจอเล็ก
   (specificity เท่ากัน ตัวที่อยู่ล่างกว่าจึงชนะ)
   --------------------------------------------------------------------------- */

/* แท็บเล็ต / มือถือแนวนอน */
@media (max-width: 1199px) {
    .eservice-title {
        font-size: 1.625rem;
    }

    .about-text h2 {
        font-size: 1.625rem;
    }

    .about-text p {
        font-size: 1rem;
    }
}

@media (max-width: 900px) {
    .stat-item p {
        font-size: 0.8125rem;
    }
}

/* มือถือ */
@media (max-width: 767px) {
    .eservice-title {
        font-size: 1.25rem;
    }

    .about-text h2 {
        font-size: 1.25rem;
    }

    .service-card p {
        font-size: 0.6875rem;
    }
}

@media (max-width: 576px) {
    .eservice-title {
        font-size: 1.125rem;
    }

    .service-card p {
        font-size: 0.625rem;
    }

    .stat-item p {
        font-size: 0.75rem;
    }
}