@media (max-width: 768px) {
    .header-content {
        flex-direction: column;
        text-align: center;
    }

    .top-nav {
        margin-top: 1rem;
    }

    .services-grid {
        grid-template-columns: 1fr;
        padding: 1rem;
    }

    .service-card {
        margin-bottom: 1rem;
    }

    .service-card img {
        height: 200px;
    }
}

@media (max-width: 480px) {
    .logo img {
        height: 100px;  /* Updated to maintain 25% increase */
    }

    .contact-btn {
        padding: 0.3rem 0.8rem;
        font-size: 0.9rem;
    }

    .service-card img {
        height: 180px;
    }
}