/* Blackwell Project - Responsive Stylesheet */

/* Tablet Breakpoint: 769px to 1024px */
@media (max-width: 1024px) {
    .container { padding: 0 30px; }
    h1 { font-size: 2.5rem; }
    h2 { font-size: 2rem; }
    .hero-title { font-size: 3.5rem; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    .contact-layout { grid-template-columns: 1fr; }
    .contact-info-container { margin-top: 40px; }
}

/* Mobile Breakpoint: 768px and below */
@media (max-width: 768px) {
    .main-nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: var(--primary-black);
        flex-direction: column;
        padding: 20px 0;
    }
    .main-nav.active { display: flex; }
    .main-nav ul { flex-direction: column; width: 100%; }
    .main-nav li { margin: 10px 0; width: 100%; text-align: center; }
    .main-nav a.btn { display: block; margin: 10px auto; width: 80%; }
    
    .mobile-nav-toggle { display: block; }
    .mobile-nav-toggle span {
        display: block;
        width: 25px;
        height: 3px;
        background: var(--white);
        margin: 5px 0;
        transition: all 0.3s ease;
    }

    .hero-section { height: 60vh; }
    .hero-title { font-size: 2.8rem; }
    .hero-subtitle { font-size: 1.1rem; }
    
    .stats-section .container { flex-direction: column; gap: 30px; }
    
    .content-grid { grid-template-columns: 1fr; }
    
    .service-item { flex-direction: column !important; }
    .service-item .service-image { max-width: 100%; margin-bottom: 20px; }
    
    .footer-grid { grid-template-columns: 1fr; text-align: center; }
    .social-links { justify-content: center; }
}