/* Responsive Design */
@media (max-width: 768px) {
    .nav-menu {
        flex-wrap: wrap;
    }
    
    .nav-item {
        flex: 1;
        text-align: center;
        border-right: none;
        border-bottom: 1px solid #ddd;
        min-width: 50%;
    }

    .nav-title {
        font-size: 20px;
    }

    .main-content {
        margin-top: 100px;
    }
    
    /* Videos take up more space on mobile */
    .video-group {
        width: 90%;
    }
}

@media (max-width: 480px) {
    .placeholder-content h1 {
        font-size: 36px;
    }
    
    .placeholder-content p {
        font-size: 16px;
        padding: 0 20px;
    }
    
    /* Nearly full width on very small screens */
    .video-group {
        width: 95%;
    }
}