/* TGG Personal Website - Responsive Styles */ 
 
@media screen and (max-width: 768px) { 
    .hero-title { 
        font-size: 2rem; 
    } 
 
    .hero-subtitle { 
        font-size: 1rem; 
    } 
 
    .hero-buttons { 
        flex-direction: column; 
        align-items: center; 
    } 
 
    .features-grid { 
        grid-template-columns: 1fr; 
    } 
} 
 
@media screen and (max-width: 480px) { 
    .container { 
        padding: 0 15px; 
    } 
 
    .hero { 
        padding: 60px 0; 
    } 
 
    .hero-title { 
        font-size: 1.8rem; 
    } 
 
    .features { 
        padding: 60px 0; 
    } 
 
    .feature-card { 
        padding: 1.5rem; 
    } 
} 
 
@media screen and (max-width: 768px) {
    .links-grid,
    .downloads-grid {
        grid-template-columns: 1fr;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .links-grid,
    .downloads-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}