/* Responsive Design responsive.css */
/* Force 4 columns on desktop - this ensures horizontal layout */
@media (min-width: 969px) {
    .sections-wrapper {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 2rem;
    }
}

/* Responsive Design */
@media (max-width: 968px) {
    .content-wrapper { grid-template-columns: 1fr; }   
    .third-column { display: none; }
    
    /* Info sections: 2 columns on tablet */
    .sections-wrapper { grid-template-columns: repeat(2, 1fr) !important; }    
    .float-left, .float-right {
        float: none;
        display: block;
        margin: 1rem auto;
        max-width: 100%;
    }
    
    /* Reduce shadow intensity on mobile for performance */
    .sidebar, .third-column, .main-column, .info-section {
        box-shadow: 
            0 4px 15px rgba(47, 42, 75, 0.1),
            0 2px 8px rgba(47, 42, 75, 0.06);
    }
}

@media (max-width: 768px) {
    body { background-size: 200px 200px, 150px 150px, 250px 250px, 100% 100%; }
    
    .main-header { padding: 1rem 0; }   
    .header-content {
        flex-direction: column;
        gap: 1rem;
        align-items: center;
        min-height: auto;
    }
    
    .mogenweb-logo {
        width: 120px;
        height: 120px;
        order: -1;
        align-self: center;
    }
    
    .usgenweb-logo {
        height: 50px;
        order: 1;
        align-self: center;
    }
    
    .logo {
        order: 0;
        text-align: center;
        margin-top: 0;
    }
    
    .main-nav {
        position: static;
        order: 2;
        right: auto;
    }
    
    .nav-link {
        padding: 0.75rem 1rem;
        border-radius: 8px;
        border: 1px solid rgba(255,255,255,0.2);
        margin: