/* media-queries.css */
@media (max-width: 768px) {   
    .portfolio-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .portfolio-item {
        margin-bottom: 20px;
    }
    .hero-content {
        flex-direction: column;
        text-align: center;
        padding-top: 80px; /* Adjust padding for smaller screens */
    }

    .hero-left {
        margin-bottom: 20px;
    }

    .hero-right {
        margin-left: 0;
        padding: 0 20px;
    }

    .hero-buttons {
        flex-direction: column;
        gap: 10px;
    }
    .nav-links {
        display: grid;  /* Switch to grid layout on smaller screens */
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        gap: 20px;
    }
    .technologies-section h2 {  /* Adjusted specificity (Optional) */
        font-size: 50px; /* Adjust font size for smaller screens */
      }
    
}