* { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: #333; background-color: #f4f4f4; } header { width: 100%; overflow: hidden; } .header-img { width: 100%; height: auto; display: block; } main { padding: 20px 0; } .image-container { text-align: center; margin-bottom: 30px; } .main-img { width: 80%; max-width: 800px; height: auto; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); } .text-container { width: 90%; margin: 0 auto; text-align: left; } .text-container p { margin-bottom: 20px; font-size: 1.1rem; } @media (max-width: 600px) { .main-img { width: 95%; } .text-container { width: 95%; } } footer { padding: 20px 0; width: 100%; } footer hr { width: 90%; margin: 0 auto 20px auto; border: 0; border-top: 1px solid #ccc; } .copyright { width: 90%; margin: 0 auto; text-align: right; font-size: 0.9rem; color: #666; } .navbar { background-color: #fff; border-bottom: 1px solid #ddd; width: 100%; } .nav-links { display: flex; list-style: none; margin: 0; padding: 0; justify-content: flex-start; } .nav-links li { } .nav-links a { display: block; padding: 15px 25px; text-decoration: none; color: #333; font-weight: 500; transition: background-color 0.3s ease; } .nav-links a:hover { background-color: #e0e0e0; color: #000; } section { margin-bottom: 50px; } h2 { font-size: 1.8rem; margin-bottom: 0.3rem; color: #333; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .award-item { display: block; margin-bottom: 40px; } .award-thumb { height: auto; border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); display: block; margin-bottom: 15px; } .award-item p { margin-bottom: 0; font-size: 1.1rem; } @media (max-width: 600px) { .award-thumb { width: 100%; max-width: 300px; } }