/* Media queries */
@media (max-width: 768px) {
    .nav-menu {
        display: none;
    }

    .hero-buttons {
        flex-direction: column;
        align-items: flex-start;
    }

    .about-content {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .about-image {
        width: 250px;
        height: 250px;
    }
}