@media (max-width: 768px) {
    .hamburger {
        display: flex;
    }

    .nav-links {
        display: none;
    }

    .hero-content h1 {
        font-size: 3rem;
    }

    .about-grid,
    .contact-grid {
        grid-template-columns: 1fr;
    }

    section {
        padding: 80px 4%;
    }

    .newsletter input {
        width: 200px;
    }

    .tools-grid {
        margin: 20px;
    }

    .navigations {
        gap: 272px;
        padding: 7px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
        width: 87%;
        margin: 15px;
    }
}