@media (max-width: 768px) {

    .header-layout {
        flex-direction: column;
        text-align: center;
    }

    .header-title h1 {
        font-size: 38px;
    }

    nav ul {
        flex-wrap: wrap;
        gap: 16px;
    }

    .hero-intro h1 {
        font-size: 42px;
    }
}
@media (max-width: 768px) {
    .hero-side-image {
        display: none;
    }
}