/* ==================== */
/* Responsive Design */
/* ==================== */

@media (max-width: 768px) {
    .navbar {
        padding: 15px 20px;
    }

    .nav-links {
        display: none;
    }

    h1 {
        font-size: 32px;
        white-space: normal;
    }

    .section-title {
        font-size: 32px;
    }

    .subtitle {
        font-size: 16px;
    }

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

    .btn {
        width: 100%;
        max-width: 250px;
    }

    .social-icons {
        gap: 10px;
    }

    .social-btn {
        padding: 10px 15px;
        font-size: 12px;
    }
}