@media (min-width: 768px) {
    .info-item.hidden-sm { display: flex; }
    .nav-links { display: flex; }
    .contact-button { display: inline-block; }
    .mobile-menu-button { display: none;}
    .hero-title { font-size: 4.5rem;}
    .hero-subtitle { font-size: 2.5rem; }
    .hero-main-content {text-align: left;}
    

    /* Grids from up and down (on mobile) to left to right (on desktop) */
    .hero-grid {
        grid-template-columns: 1fr 0.8fr;
        gap: 4rem;
    }
    .about-grid { grid-template-columns: repeat(2, 1fr); }
    .projects-grid { grid-template-columns: repeat(2, 1fr); }
    .contact-grid { grid-template-columns: 1fr 1.5fr; }
    .project-details-grid {
        grid-template-columns: 2fr 1fr;
    }

}

@media (max-width: 767px) {
    .thumbnail-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}