/* RESPONSIVE DESIGN, LAPTOP SLIM */ @media only all and (max-width:1225px){ /* ------------- Order ------------- */ .blinkies.one { order: 1; } .articles { order: 4; } .main { order: 2; } .chat-webrings { order: 3; } .blinkies.two { order: 5; } /* ------------- Layout ------------ */ .articles { flex-grow: 1; } .chat-webrings { flex-grow: 0; } .main { flex-grow: 999; min-width: 50%} .services { overflow-y: auto; } /* --- Decoration --- */ }