/* สามารถใส่ CSS เพิ่มเติมเพื่อปรับแต่งให้เหมือน Apple มากยิ่งขึ้น เช่น สี, ขนาดตัวอักษร, ระยะห่าง ฯลฯ */

body {
    font-family: -apple-system, BlinkMacSystemFont, sans-serif; /* ใช้ font ที่ใกล้เคียง */
    color: #1d1d1f; /* สีตัวอักษรหลัก */
}

.navbar-brand svg {
    fill: white !important; /* สีโลโก้ Apple ใน Navbar */
}

.nav-link {
    color: #f5f5f7 !important; /* สีลิงก์ใน Navbar */
}

.nav-link:hover {
    color: #c7c7cc !important; /* สีลิงก์เมื่อ hover */
}

.hero h1 {
    font-size: 3.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.hero .lead {
    font-size: 1.5rem;
    font-weight: 400;
    color: #6e6e73;
    margin-bottom: 2rem;
}

/* ปรับขนาดรูปภาพให้ responsive มากขึ้น */
.img-fluid {
    max-width: 100%;
    height: auto;
}

/* ปรับ footer ให้อยู่ด้านล่างเสมอ */
footer {
    position: relative;
    bottom: 0;
    width: 100%;
}